fix: colormap for stack viewports via HangingProtocol (#3866)

extensions/cornerstone/src/services/ViewportService/CornerstoneViewportService.ts

@@ -340,7 +340,7 @@ class CornerstoneViewportService extends PubSubService implements IViewportServi
 
     const properties = { ...presentations.lutPresentation?.properties };
     if (!presentations.lutPresentation?.properties) {
-      const { voi, voiInverted } = displaySetOptions[0];
+      const { voi, voiInverted, colormap } = displaySetOptions[0];
       if (voi && (voi.windowWidth || voi.windowCenter)) {
         const { lower, upper } = csUtils.windowLevel.toLowHighRange(
           voi.windowWidth,
@@ -352,6 +352,10 @@ class CornerstoneViewportService extends PubSubService implements IViewportServi
       if (voiInverted !== undefined) {
         properties.invert = voiInverted;
       }
+
+      if (colormap !== undefined) {
+        properties.colormap = colormap;
+      }
     }
 
     return viewport.setStack(imageIds, initialImageIndexToUse).then(() => {
@@ -736,8 +740,8 @@ class CornerstoneViewportService extends PubSubService implements IViewportServi
       const { dimensions } = imageVolume;
       const slabThickness = Math.sqrt(
         dimensions[0] * dimensions[0] +
-          dimensions[1] * dimensions[1] +
+        dimensions[1] * dimensions[1] +
-          dimensions[2] * dimensions[2]
+        dimensions[2] * dimensions[2]
       );
 
       return slabThickness;

extensions/cornerstone/src/services/ViewportService/Viewport.ts

@@ -71,7 +71,7 @@ export type DisplaySetOptions = {
   voiInverted: boolean;
   blendMode?: Enums.BlendModes;
   slabThickness?: number;
-  colormap?: string;
+  colormap?: { name: string, opacity?: number };
   displayPreset?: string;
 };