Mouse tools not working

General
1

Hi, I’m trying to create a very simple test using a wadouri imageIds list with two tools WindowLevelTool and StackScrollMouseWheelTool, just to see if I can load some images and traverse them with the mouse wheel.

The images are displayed properly, also I can see the mouse icon representing the WindowLevelTool, but mouse events aren’t responding, when I left-click and draw the mouse the WindowLevel should be applied, also if I move the mouse wheel, the stack scroll should be applied, but nothing happens.

Here is my code:

const viewportId = 'CT_STACK';
const content = document.getElementById('cscontent');
const element = document.createElement('div');
element.oncontextmenu = (e) => e.preventDefault();
element.id = "cornerstone-element";
element.style.width = '500px';
element.style.height = '500px';                                                                 
content.appendChild(element);                                                                   
                                                                                                        
const imageIds = [                                                                              
          "wadouri:https://....img1",
          "wadouri:https://....img2",
          "wadouri:https://....img3"
];
const renderingEngineId = 'myRenderingEngine';
const renderingEngine = new Cornerstone3D.RenderingEngine(renderingEngineId);
const viewportInput = {
          viewportId,
          type: Cornerstone3D.Enums.ViewportType.STACK,
          element
};
renderingEngine.enableElement(viewportInput);
const viewport = renderingEngine.getViewport(viewportId);
viewport.setStack(imageIds);
Cornerstone3DTools.addTool(Cornerstone3DTools.WindowLevelTool);
Cornerstone3DTools.addTool(Cornerstone3DTools.StackScrollMouseWheelTool);
const toolGroupId = "ctToolGroup";
const toolGroup = Cornerstone3DTools.ToolGroupManager.createToolGroup(toolGroupId);
toolGroup.addTool(Cornerstone3DTools.StackScrollMouseWheelTool.toolName);
toolGroup.addTool(Cornerstone3DTools.WindowLevelTool.toolName);
toolGroup.addViewport(viewportId, renderingEngineId);
toolGroup.setToolActive(Cornerstone3DTools.WindowLevelTool.toolName, {
          bindings: [{ mouseButton: Cornerstone3DTools.Enums.MouseBindings.Primary}]
        });
toolGroup.setToolActive(Cornerstone3DTools.StackScrollMouseWheelTool.toolName, {
          bindings: [{ mouseButton: Cornerstone3DTools.Enums.MouseBindings.Auxiliary}]
        });
Cornerstone3DTools.utilities.stackPrefetch.enable(viewport.element);

Also here is the element:

<div id="cscontent"></div>

Do you see anything wrong here?

2

Solved by initializing Cornerstone3DTools. I was initializing Cornerstone3D Core only.