copper3d 3.0.2 → 3.1.0

package/dist/Utils/segmentation/tools/LayerChannelManager.js

@@ -0,0 +1,175 @@
+import { BaseTool } from "./BaseTool";
+import { CHANNEL_HEX_COLORS, rgbaToHex, rgbaToCss } from "../core";
+import { SPHERE_CHANNEL_MAP } from "./SphereTool";
+/**
+ * Manages layer/channel state: active selection, visibility, and channel colors.
+ *
+ * Extracted from NrrdTools.ts to reduce its size.
+ * Follows the same BaseTool + ToolContext + Callbacks pattern as other tools.
+ */
+export class LayerChannelManager extends BaseTool {
+    constructor(ctx, callbacks) {
+        super(ctx);
+        this.callbacks = callbacks;
+    }
+    /****************************Active Layer/Channel****************************************************/
+    setActiveLayer(layerId) {
+        this.ctx.gui_states.layerChannel.layer = layerId;
+        this.syncBrushColor();
+    }
+    getActiveLayer() {
+        return this.ctx.gui_states.layerChannel.layer;
+    }
+    setActiveChannel(channel) {
+        this.ctx.gui_states.layerChannel.activeChannel = channel;
+        this.syncBrushColor();
+    }
+    getActiveChannel() {
+        return this.ctx.gui_states.layerChannel.activeChannel;
+    }
+    /**
+     * Set the active sphere type and sync brush/fill color.
+     *
+     * @example
+     * ```ts
+     * nrrdTools.setActiveSphereType('nipple');
+     * ```
+     */
+    setActiveSphereType(type) {
+        this.ctx.gui_states.mode.activeSphereType = type;
+        // Apply color side-effect: update fillColor/brushColor from sphere channel map
+        const mapping = SPHERE_CHANNEL_MAP[type];
+        if (mapping) {
+            const volume = this.callbacks.getVolumeForLayer(mapping.layer);
+            const color = volume
+                ? rgbaToHex(volume.getChannelColor(mapping.channel))
+                : (CHANNEL_HEX_COLORS[mapping.channel] || '#00ff00');
+            this.ctx.gui_states.drawing.fillColor = color;
+            this.ctx.gui_states.drawing.brushColor = color;
+        }
+    }
+    getActiveSphereType() {
+        return this.ctx.gui_states.mode.activeSphereType;
+    }
+    /****************************Visibility****************************************************/
+    setLayerVisible(layerId, visible) {
+        this.ctx.gui_states.layerChannel.layerVisibility[layerId] = visible;
+        this.callbacks.reloadMasksFromVolume();
+    }
+    isLayerVisible(layerId) {
+        var _a;
+        return (_a = this.ctx.gui_states.layerChannel.layerVisibility[layerId]) !== null && _a !== void 0 ? _a : true;
+    }
+    setChannelVisible(layerId, channel, visible) {
+        if (this.ctx.gui_states.layerChannel.channelVisibility[layerId]) {
+            this.ctx.gui_states.layerChannel.channelVisibility[layerId][channel] = visible;
+        }
+        this.callbacks.reloadMasksFromVolume();
+    }
+    isChannelVisible(layerId, channel) {
+        var _a, _b;
+        return (_b = (_a = this.ctx.gui_states.layerChannel.channelVisibility[layerId]) === null || _a === void 0 ? void 0 : _a[channel]) !== null && _b !== void 0 ? _b : true;
+    }
+    getLayerVisibility() {
+        return Object.assign({}, this.ctx.gui_states.layerChannel.layerVisibility);
+    }
+    getChannelVisibility() {
+        const result = {};
+        for (const layerId of this.ctx.nrrd_states.image.layers) {
+            result[layerId] = Object.assign({}, this.ctx.gui_states.layerChannel.channelVisibility[layerId]);
+        }
+        return result;
+    }
+    hasLayerData(layerId) {
+        const volume = this.ctx.protectedData.maskData.volumes[layerId];
+        if (!volume) {
+            return false;
+        }
+        return volume.hasData();
+    }
+    /****************************Channel Colors****************************************************/
+    setChannelColor(layerId, channel, color) {
+        const volume = this.ctx.protectedData.maskData.volumes[layerId];
+        if (!volume) {
+            console.warn(`setChannelColor: unknown layer "${layerId}"`);
+            return;
+        }
+        volume.setChannelColor(channel, color);
+        if (layerId === this.ctx.gui_states.layerChannel.layer && channel === this.ctx.gui_states.layerChannel.activeChannel) {
+            this.syncBrushColor();
+        }
+        this.callbacks.reloadMasksFromVolume();
+        this.callbacks.onChannelColorChanged(layerId, channel, color);
+    }
+    getChannelColor(layerId, channel) {
+        const volume = this.ctx.protectedData.maskData.volumes[layerId];
+        if (!volume) {
+            return { r: 0, g: 255, b: 0, a: 255 };
+        }
+        return volume.getChannelColor(channel);
+    }
+    getChannelHexColor(layerId, channel) {
+        return rgbaToHex(this.getChannelColor(layerId, channel));
+    }
+    getChannelCssColor(layerId, channel) {
+        return rgbaToCss(this.getChannelColor(layerId, channel));
+    }
+    setChannelColors(layerId, colorMap) {
+        const volume = this.ctx.protectedData.maskData.volumes[layerId];
+        if (!volume) {
+            console.warn(`setChannelColors: unknown layer "${layerId}"`);
+            return;
+        }
+        for (const [ch, color] of Object.entries(colorMap)) {
+            volume.setChannelColor(Number(ch), color);
+        }
+        if (layerId === this.ctx.gui_states.layerChannel.layer) {
+            this.syncBrushColor();
+        }
+        this.callbacks.reloadMasksFromVolume();
+    }
+    setAllLayersChannelColor(channel, color) {
+        for (const layerId of this.ctx.nrrd_states.image.layers) {
+            const volume = this.ctx.protectedData.maskData.volumes[layerId];
+            if (volume) {
+                volume.setChannelColor(channel, color);
+            }
+        }
+        if (channel === this.ctx.gui_states.layerChannel.activeChannel) {
+            this.syncBrushColor();
+        }
+        this.callbacks.reloadMasksFromVolume();
+    }
+    resetChannelColors(layerId, channel) {
+        const layers = layerId ? [layerId] : this.ctx.nrrd_states.image.layers;
+        for (const lid of layers) {
+            const volume = this.ctx.protectedData.maskData.volumes[lid];
+            if (volume) {
+                volume.resetChannelColors(channel);
+            }
+        }
+        this.syncBrushColor();
+        this.callbacks.reloadMasksFromVolume();
+    }
+    /****************************Private Helpers****************************************************/
+    /**
+     * Sync brush/fill color from the active layer's volume channel color.
+     * Falls back to global CHANNEL_HEX_COLORS if volume not available.
+     */
+    syncBrushColor() {
+        const channel = this.ctx.gui_states.layerChannel.activeChannel || 1;
+        const layer = this.ctx.gui_states.layerChannel.layer;
+        const volume = this.ctx.protectedData.maskData.volumes[layer];
+        if (volume) {
+            const hex = rgbaToHex(volume.getChannelColor(channel));
+            this.ctx.gui_states.drawing.fillColor = hex;
+            this.ctx.gui_states.drawing.brushColor = hex;
+        }
+        else {
+            const hex = CHANNEL_HEX_COLORS[channel] || '#00ff00';
+            this.ctx.gui_states.drawing.fillColor = hex;
+            this.ctx.gui_states.drawing.brushColor = hex;
+        }
+    }
+}
+//# sourceMappingURL=LayerChannelManager.js.map

package/dist/Utils/segmentation/tools/LayerChannelManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerChannelManager.js","sourceRoot":"","sources":["../../../../src/Utils/segmentation/tools/LayerChannelManager.ts"],"names":[],"mappings":"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"}

package/dist/Utils/segmentation/tools/PanTool.d.ts

@@ -6,13 +6,7 @@
  */
 import { BaseTool } from "./BaseTool";
 import type { ToolContext } from "./BaseTool";
-/**
- * Callbacks PanTool needs from its host (DrawToolCore).
- */
-export interface PanCallbacks {
-    /** Re-enable zoom wheel after pan ends in sphere mode */
-    zoomActionAfterDrawSphere: () => void;
-}
+import type { PanHostDeps } from "./ToolHost";
 export declare class PanTool extends BaseTool {
     /** Right mouse button currently held */
     private rightClicked;
@@ -26,7 +20,7 @@ export declare class PanTool extends BaseTool {
      * Arrow function preserves `this` binding.
      */
     private readonly boundPointerMove;
-    constructor(ctx: ToolContext, callbacks: PanCallbacks);
+    constructor(ctx: ToolContext, callbacks: PanHostDeps);
     /** Whether a pan drag is currently active */
     get isActive(): boolean;
     /**

package/dist/Utils/segmentation/tools/PanTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanTool.js","sourceRoot":"","sources":["../../../../src/Utils/segmentation/tools/PanTool.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PanTool.js","sourceRoot":"","sources":["../../../../src/Utils/segmentation/tools/PanTool.ts"],"names":[],"mappings":"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"}

package/dist/Utils/segmentation/tools/SliceRenderPipeline.d.ts

@@ -0,0 +1,80 @@
+import { BaseTool } from "./BaseTool";
+import type { ToolContext } from "./BaseTool";
+import type { SliceRenderHostDeps } from "./ToolHost";
+/**
+ * Manages slice rendering pipeline: slice setup, canvas rendering, and view helpers.
+ *
+ * Extracted from NrrdTools.ts to reduce its size.
+ * Follows the same BaseTool + ToolContext + Callbacks pattern as other tools.
+ */
+export declare class SliceRenderPipeline extends BaseTool {
+    private callbacks;
+    private initState;
+    constructor(ctx: ToolContext, callbacks: SliceRenderHostDeps);
+    /**
+     * Reset initState to true (called from NrrdTools.reset() when switching datasets).
+     */
+    resetInitState(): void;
+    /****************************Slice Setup****************************************************/
+    setDisplaySlicesBaseOnAxis(): void;
+    private loadDisplaySlicesArray;
+    resetDisplaySlicesStatus(): void;
+    private setupConfigs;
+    private setMainPreSlice;
+    private setOriginCanvasAndPre;
+    afterLoadSlice(): void;
+    private updateMaxIndex;
+    /****************************Rendering****************************************************/
+    /**
+     * Phase 3: Reload all mask layers from MaskVolume using buffer reuse
+     * Replaces the old reloadMaskToLayer approach
+     */
+    reloadMasksFromVolume(): void;
+    /******************************** redraw display canvas  ***************************************/
+    /**
+     * Redraw current contrast image to display canvas.
+     * It is more related to change the contrast slice image's window width or center.
+     */
+    redrawDisplayCanvas(): void;
+    redrawMianPreOnDisplayCanvas(): void;
+    /**
+     * flip the canvas to a correct position.
+     * This is because the slice canvas from threejs is not in a correct 2D postion.
+     * Thus, everytime when we redraw the display canvas, we need to flip to draw the origin canvas from threejs.
+     * Under different axis(sagittal, Axial, Coronal), the flip orientation is different.
+     */
+    flipDisplayImageByAxis(): void;
+    /**
+     * Set the empty canvas width and height based on the axis (pixel distance not the mm), to reduce duplicate codes.
+     *
+     * @param axis
+     */
+    setEmptyCanvasSize(axis?: "x" | "y" | "z"): void;
+    /**
+     * Clear masks on drawingCanvas layers.
+     */
+    resetLayerCanvas(): void;
+    /****************************View/Canvas Helpers****************************************************/
+    /**
+     * Resize the draw and display canvas size based on the input size factor number.
+     * @param factor number
+     */
+    resizePaintArea(factor: number): void;
+    /**
+     * Reset the draw and display canvases layout after mouse pan.
+     * If no params in, then center the draw and display canvases.
+     * @param l number, Offset to the left
+     * @param t number, Offset to the top
+     */
+    resetPaintAreaUIPosition(l?: number, t?: number): void;
+    /**
+     * Update the original canvas size, allow set to threejs load one (pixel distance not the mm).
+     * Then update the changedWidth and changedHeight based on the sizeFactor.
+     */
+    updateOriginAndChangedWH(): void;
+    /**
+     * Keep all contrast slice index to same.
+     * Synchronize the slice indexes of all the contrasts so that they are consistent with the main slice's index.
+     */
+    setSyncsliceNum(): void;
+}

package/dist/Utils/segmentation/tools/SliceRenderPipeline.js

@@ -0,0 +1,355 @@
+import { BaseTool } from "./BaseTool";
+/**
+ * Manages slice rendering pipeline: slice setup, canvas rendering, and view helpers.
+ *
+ * Extracted from NrrdTools.ts to reduce its size.
+ * Follows the same BaseTool + ToolContext + Callbacks pattern as other tools.
+ */
+export class SliceRenderPipeline extends BaseTool {
+    constructor(ctx, callbacks) {
+        super(ctx);
+        this.initState = true;
+        this.callbacks = callbacks;
+    }
+    /**
+     * Reset initState to true (called from NrrdTools.reset() when switching datasets).
+     */
+    resetInitState() {
+        this.initState = true;
+    }
+    /****************************Slice Setup****************************************************/
+    setDisplaySlicesBaseOnAxis() {
+        this.ctx.protectedData.displaySlices.length = 0;
+        this.ctx.protectedData.backUpDisplaySlices.length = 0;
+        this.ctx.protectedData.allSlicesArray.forEach((slices) => {
+            this.ctx.protectedData.backUpDisplaySlices.push(slices[this.ctx.protectedData.axis]);
+        });
+        this.loadDisplaySlicesArray();
+    }
+    loadDisplaySlicesArray() {
+        const remainSlices = Object.values(this.ctx.protectedData.skipSlicesDic);
+        if (remainSlices.length === 0) {
+            // load all display slices
+            this.ctx.protectedData.backUpDisplaySlices.forEach((slice, index) => {
+                this.ctx.protectedData.skipSlicesDic[index] = slice;
+                this.ctx.protectedData.displaySlices.push(slice);
+            });
+        }
+        else {
+            remainSlices.forEach((slice, index) => {
+                if (!!slice) {
+                    this.ctx.protectedData.displaySlices.push(this.ctx.protectedData.backUpDisplaySlices[index]);
+                    this.ctx.protectedData.skipSlicesDic[index] =
+                        this.ctx.protectedData.backUpDisplaySlices[index];
+                }
+            });
+        }
+    }
+    resetDisplaySlicesStatus() {
+        // reload slice data
+        this.setDisplaySlicesBaseOnAxis();
+        // reset canvas attribute for drag and draw
+        this.setupConfigs();
+    }
+    setupConfigs() {
+        // reset main slice
+        this.setMainPreSlice();
+        // update the max index for drag and slider
+        this.updateMaxIndex();
+        // reset origin canvas and the nrrd_states origin Width/height
+        // reset the current index
+        // (also calls resizePaintArea → reloads masks, resizes canvases)
+        this.setOriginCanvasAndPre();
+        // update the show number div on top area
+        this.callbacks.updateShowNumDiv(this.ctx.nrrd_states.view.contrastNum);
+        // repaint all contrast images
+        this.callbacks.repraintCurrentContrastSlice();
+        // Refresh display after contrast repaint (no need for full resizePaintArea
+        // since canvases were already resized in setOriginCanvasAndPre above)
+        this.redrawDisplayCanvas();
+        this.callbacks.compositeAllLayers();
+        // Sync slider metadata with current volume (replaces old getGuiSettings() side-effect)
+        this.callbacks.syncGuiParameterSettings();
+    }
+    setMainPreSlice() {
+        this.ctx.protectedData.mainPreSlices = this.ctx.protectedData.displaySlices[0];
+        if (this.ctx.protectedData.mainPreSlices) {
+            this.ctx.nrrd_states.image.RSARatio = this.ctx.protectedData.mainPreSlices.RSARatio;
+        }
+    }
+    setOriginCanvasAndPre() {
+        if (this.ctx.protectedData.mainPreSlices) {
+            if (this.ctx.nrrd_states.view.preSliceIndex > this.ctx.nrrd_states.view.maxIndex)
+                this.ctx.nrrd_states.view.preSliceIndex = this.ctx.nrrd_states.view.maxIndex;
+            if (this.initState) {
+                this.ctx.nrrd_states.view.preSliceIndex =
+                    this.ctx.protectedData.mainPreSlices.initIndex *
+                        this.ctx.nrrd_states.image.RSARatio;
+                this.ctx.nrrd_states.view.currentSliceIndex =
+                    this.ctx.protectedData.mainPreSlices.initIndex;
+            }
+            else {
+                // !need to change
+                // todo
+                this.ctx.protectedData.mainPreSlices.index = this.ctx.nrrd_states.view.preSliceIndex;
+            }
+            this.ctx.protectedData.canvases.originCanvas =
+                this.ctx.protectedData.mainPreSlices.canvas;
+            this.updateOriginAndChangedWH();
+        }
+    }
+    afterLoadSlice() {
+        this.setMainPreSlice();
+        this.setOriginCanvasAndPre();
+        this.ctx.protectedData.currentShowingSlice = this.ctx.protectedData.mainPreSlices;
+        this.ctx.nrrd_states.view.preSliceIndex =
+            this.ctx.protectedData.mainPreSlices.initIndex * this.ctx.nrrd_states.image.RSARatio;
+        this.ctx.nrrd_states.view.currentSliceIndex = this.ctx.protectedData.mainPreSlices.initIndex;
+        // Phase 6: Reset undo/redo stacks on new dataset load
+        this.callbacks.clearUndoHistory();
+        // compute max index
+        this.updateMaxIndex();
+        this.callbacks.updateShowNumDiv(this.ctx.nrrd_states.view.contrastNum);
+        this.callbacks.syncGuiParameterSettings();
+        this.initState = false;
+    }
+    updateMaxIndex() {
+        if (this.ctx.protectedData.mainPreSlices) {
+            this.ctx.nrrd_states.view.maxIndex = this.ctx.protectedData.mainPreSlices.MaxIndex;
+        }
+    }
+    /****************************Rendering****************************************************/
+    /**
+     * Phase 3: Reload all mask layers from MaskVolume using buffer reuse
+     * Replaces the old reloadMaskToLayer approach
+     */
+    reloadMasksFromVolume() {
+        // When sphere mode is active, do NOT redraw layer masks.
+        // Layer mask data should remain hidden until the user exits sphere mode.
+        if (this.ctx.gui_states.mode.sphere) {
+            return;
+        }
+        const axis = this.ctx.protectedData.axis;
+        let sliceIndex = this.ctx.nrrd_states.view.currentSliceIndex;
+        // Clamp sliceIndex to valid range for current axis
+        // (currentSliceIndex may not be updated yet when switching axes)
+        try {
+            const vol = this.callbacks.getVolumeForLayer(this.ctx.nrrd_states.image.layers[0]);
+            const dims = vol.getDimensions();
+            const maxSlice = axis === "x" ? dims.width : axis === "y" ? dims.height : dims.depth;
+            if (sliceIndex >= maxSlice)
+                sliceIndex = maxSlice - 1;
+            if (sliceIndex < 0)
+                sliceIndex = 0;
+        }
+        catch ( /* volume not ready */_a) { /* volume not ready */ }
+        // Get a single reusable buffer shared across all layer renders
+        const buffer = this.callbacks.getOrCreateSliceBuffer(axis);
+        if (!buffer)
+            return;
+        const w = this.ctx.nrrd_states.view.changedWidth;
+        const h = this.ctx.nrrd_states.view.changedHeight;
+        // Clear and render each layer using the shared buffer
+        for (const layerId of this.ctx.nrrd_states.image.layers) {
+            const target = this.ctx.protectedData.layerTargets.get(layerId);
+            if (!target)
+                continue;
+            target.ctx.clearRect(0, 0, w, h);
+            this.callbacks.renderSliceToCanvas(layerId, axis, sliceIndex, buffer, target.ctx, w, h);
+        }
+        // Composite all layers to master canvas
+        this.callbacks.compositeAllLayers();
+    }
+    /******************************** redraw display canvas  ***************************************/
+    /**
+     * Redraw current contrast image to display canvas.
+     * It is more related to change the contrast slice image's window width or center.
+     */
+    redrawDisplayCanvas() {
+        var _a, _b, _c;
+        this.callbacks.updateCurrentContrastSlice();
+        this.ctx.protectedData.canvases.displayCanvas.width =
+            this.ctx.protectedData.canvases.displayCanvas.width;
+        this.ctx.protectedData.canvases.displayCanvas.height =
+            this.ctx.protectedData.canvases.displayCanvas.height;
+        this.ctx.protectedData.canvases.originCanvas.width =
+            this.ctx.protectedData.canvases.originCanvas.width;
+        if (this.ctx.protectedData.currentShowingSlice) {
+            this.ctx.protectedData.currentShowingSlice.repaint.call(this.ctx.protectedData.currentShowingSlice);
+            (_a = this.ctx.protectedData.ctxes.displayCtx) === null || _a === void 0 ? void 0 : _a.save();
+            this.flipDisplayImageByAxis();
+            (_b = this.ctx.protectedData.ctxes.displayCtx) === null || _b === void 0 ? void 0 : _b.drawImage(this.ctx.protectedData.currentShowingSlice.canvas, 0, 0, this.ctx.nrrd_states.view.changedWidth, this.ctx.nrrd_states.view.changedHeight);
+            (_c = this.ctx.protectedData.ctxes.displayCtx) === null || _c === void 0 ? void 0 : _c.restore();
+        }
+    }
+    redrawMianPreOnDisplayCanvas() {
+        var _a;
+        this.ctx.protectedData.canvases.displayCanvas.width =
+            this.ctx.protectedData.canvases.displayCanvas.width;
+        this.ctx.protectedData.canvases.displayCanvas.height =
+            this.ctx.protectedData.canvases.displayCanvas.height;
+        this.ctx.protectedData.canvases.originCanvas.width =
+            this.ctx.protectedData.canvases.originCanvas.width;
+        if (this.ctx.protectedData.mainPreSlices) {
+            this.ctx.protectedData.mainPreSlices.repaint.call(this.ctx.protectedData.mainPreSlices);
+            this.flipDisplayImageByAxis();
+            (_a = this.ctx.protectedData.ctxes.displayCtx) === null || _a === void 0 ? void 0 : _a.drawImage(this.ctx.protectedData.canvases.originCanvas, 0, 0, this.ctx.nrrd_states.view.changedWidth, this.ctx.nrrd_states.view.changedHeight);
+            this.resizePaintArea(this.ctx.nrrd_states.view.sizeFactor);
+        }
+    }
+    /**
+     * flip the canvas to a correct position.
+     * This is because the slice canvas from threejs is not in a correct 2D postion.
+     * Thus, everytime when we redraw the display canvas, we need to flip to draw the origin canvas from threejs.
+     * Under different axis(sagittal, Axial, Coronal), the flip orientation is different.
+     */
+    flipDisplayImageByAxis() {
+        var _a, _b, _c, _d, _e, _f;
+        if (this.ctx.protectedData.axis === "x") {
+            (_a = this.ctx.protectedData.ctxes.displayCtx) === null || _a === void 0 ? void 0 : _a.scale(-1, -1);
+            (_b = this.ctx.protectedData.ctxes.displayCtx) === null || _b === void 0 ? void 0 : _b.translate(-this.ctx.nrrd_states.view.changedWidth, -this.ctx.nrrd_states.view.changedHeight);
+        }
+        else if (this.ctx.protectedData.axis === "z") {
+            (_c = this.ctx.protectedData.ctxes.displayCtx) === null || _c === void 0 ? void 0 : _c.scale(1, -1);
+            (_d = this.ctx.protectedData.ctxes.displayCtx) === null || _d === void 0 ? void 0 : _d.translate(0, -this.ctx.nrrd_states.view.changedHeight);
+        }
+        else if (this.ctx.protectedData.axis === "y") {
+            (_e = this.ctx.protectedData.ctxes.displayCtx) === null || _e === void 0 ? void 0 : _e.scale(1, -1);
+            (_f = this.ctx.protectedData.ctxes.displayCtx) === null || _f === void 0 ? void 0 : _f.translate(0, -this.ctx.nrrd_states.view.changedHeight);
+        }
+    }
+    /**
+     * Set the empty canvas width and height based on the axis (pixel distance not the mm), to reduce duplicate codes.
+     *
+     * @param axis
+     */
+    setEmptyCanvasSize(axis) {
+        switch (!!axis ? axis : this.ctx.protectedData.axis) {
+            case "x":
+                this.ctx.protectedData.canvases.emptyCanvas.width =
+                    this.ctx.nrrd_states.image.nrrd_z_pixel;
+                this.ctx.protectedData.canvases.emptyCanvas.height =
+                    this.ctx.nrrd_states.image.nrrd_y_pixel;
+                break;
+            case "y":
+                this.ctx.protectedData.canvases.emptyCanvas.width =
+                    this.ctx.nrrd_states.image.nrrd_x_pixel;
+                this.ctx.protectedData.canvases.emptyCanvas.height =
+                    this.ctx.nrrd_states.image.nrrd_z_pixel;
+                break;
+            case "z":
+                this.ctx.protectedData.canvases.emptyCanvas.width =
+                    this.ctx.nrrd_states.image.nrrd_x_pixel;
+                this.ctx.protectedData.canvases.emptyCanvas.height =
+                    this.ctx.nrrd_states.image.nrrd_y_pixel;
+                break;
+        }
+    }
+    /**
+     * Clear masks on drawingCanvas layers.
+     */
+    resetLayerCanvas() {
+        this.ctx.protectedData.canvases.drawingCanvasLayerMaster.width =
+            this.ctx.protectedData.canvases.drawingCanvasLayerMaster.width;
+        for (const [, target] of this.ctx.protectedData.layerTargets) {
+            target.canvas.width = target.canvas.width;
+        }
+    }
+    /****************************View/Canvas Helpers****************************************************/
+    /**
+     * Resize the draw and display canvas size based on the input size factor number.
+     * @param factor number
+     */
+    resizePaintArea(factor) {
+        const newWidth = Math.floor(this.ctx.nrrd_states.image.originWidth * factor);
+        const newHeight = Math.floor(this.ctx.nrrd_states.image.originHeight * factor);
+        const sizeChanged = newWidth !== this.ctx.nrrd_states.view.changedWidth ||
+            newHeight !== this.ctx.nrrd_states.view.changedHeight;
+        // Always clear display/drawing/origin canvases (needed for contrast updates)
+        this.ctx.protectedData.canvases.originCanvas.width =
+            this.ctx.protectedData.canvases.originCanvas.width;
+        this.ctx.protectedData.canvases.displayCanvas.width =
+            this.ctx.protectedData.canvases.displayCanvas.width;
+        this.ctx.protectedData.canvases.drawingCanvas.width =
+            this.ctx.protectedData.canvases.drawingCanvas.width;
+        if (sizeChanged) {
+            // Only clear and resize layer canvases when size actually changes.
+            // Skipping this avoids the expensive reloadMasksFromVolume() call
+            // during contrast toggle (where size stays the same).
+            this.resetLayerCanvas();
+            this.ctx.nrrd_states.view.changedWidth = newWidth;
+            this.ctx.nrrd_states.view.changedHeight = newHeight;
+            this.ctx.protectedData.canvases.displayCanvas.width = newWidth;
+            this.ctx.protectedData.canvases.displayCanvas.height = newHeight;
+            this.ctx.protectedData.canvases.drawingCanvas.width = newWidth;
+            this.ctx.protectedData.canvases.drawingCanvas.height = newHeight;
+            this.ctx.protectedData.canvases.drawingCanvasLayerMaster.width = newWidth;
+            this.ctx.protectedData.canvases.drawingCanvasLayerMaster.height = newHeight;
+            for (const [, target] of this.ctx.protectedData.layerTargets) {
+                target.canvas.width = newWidth;
+                target.canvas.height = newHeight;
+            }
+        }
+        this.redrawDisplayCanvas();
+        if (sizeChanged) {
+            // Phase 3: Reload masks from MaskVolume only when canvas size changed
+            this.reloadMasksFromVolume();
+        }
+        else {
+            // Size unchanged (e.g. contrast toggle): layer canvases still have
+            // valid data, just recomposite to master for the start() render loop.
+            this.callbacks.compositeAllLayers();
+        }
+        // Refresh sphere overlay from volume after resize/contrast change
+        this.callbacks.refreshSphereOverlay();
+    }
+    /**
+     * Reset the draw and display canvases layout after mouse pan.
+     * If no params in, then center the draw and display canvases.
+     * @param l number, Offset to the left
+     * @param t number, Offset to the top
+     */
+    resetPaintAreaUIPosition(l, t) {
+        if (l && t) {
+            this.ctx.protectedData.canvases.displayCanvas.style.left =
+                this.ctx.protectedData.canvases.drawingCanvas.style.left = l + "px";
+            this.ctx.protectedData.canvases.displayCanvas.style.top =
+                this.ctx.protectedData.canvases.drawingCanvas.style.top = t + "px";
+        }
+        else {
+            this.ctx.protectedData.canvases.displayCanvas.style.left =
+                this.ctx.protectedData.canvases.drawingCanvas.style.left = "";
+            this.ctx.protectedData.canvases.displayCanvas.style.top =
+                this.ctx.protectedData.canvases.drawingCanvas.style.top = "";
+            this.ctx.protectedData.mainAreaContainer.style.justifyContent = "center";
+            this.ctx.protectedData.mainAreaContainer.style.alignItems = "center";
+        }
+    }
+    /**
+     * Update the original canvas size, allow set to threejs load one (pixel distance not the mm).
+     * Then update the changedWidth and changedHeight based on the sizeFactor.
+     */
+    updateOriginAndChangedWH() {
+        this.ctx.nrrd_states.image.originWidth =
+            this.ctx.protectedData.canvases.originCanvas.width;
+        this.ctx.nrrd_states.image.originHeight =
+            this.ctx.protectedData.canvases.originCanvas.height;
+        // Let resizePaintArea be the sole setter of changedWidth/changedHeight.
+        // Setting them here would defeat the sizeChanged detection in resizePaintArea,
+        // causing canvas elements to keep stale dimensions after axis switches.
+        this.resizePaintArea(this.ctx.nrrd_states.view.sizeFactor);
+        this.resetPaintAreaUIPosition();
+    }
+    /**
+     * Keep all contrast slice index to same.
+     * Synchronize the slice indexes of all the contrasts so that they are consistent with the main slice's index.
+     */
+    setSyncsliceNum() {
+        this.ctx.protectedData.displaySlices.forEach((slice, index) => {
+            if (index !== 0) {
+                slice.index = this.ctx.protectedData.mainPreSlices.index;
+            }
+        });
+    }
+}
+//# sourceMappingURL=SliceRenderPipeline.js.map