Drop the vtk.js ambient shims and treat a parallel crop plane as a miss

src/components/ObliqueSliceViewer.vue

@@ -145,10 +145,15 @@
 // setup plane origin/normal
 const planeOrigin = vtkFieldRef(resliceCursorState, {
   get: () => resliceCursorState.getCenter(),
-  set: (v) => resliceCursor.setCenter(v),
+  set: (v) => {
+    resliceCursor.setCenter(v);
+    return true;
+  },
 });
 const planes = vtkFieldRef(resliceCursorState, 'planes');
-const planeNormal = computed(() => planes.value[widgetViewType.value].normal);
+// The reslice cursor is created with the default X/Y/Z planes, so the entry
+// for this view's type is always present.
+const planeNormal = computed(() => planes.value[widgetViewType.value]!.normal);
 
 // slicing domain/range
 

src/components/tools/ResliceCursorTool.vue

@@ -1,9 +1,17 @@
 <script setup lang="ts">
 import { computed, inject, ref, toRefs } from 'vue';
-import {
-  vtkResliceCursorViewWidget,
-  ResliceCursorWidgetState,
-} from '@kitware/vtk.js/Widgets/Widgets3D/ResliceCursorWidget';
+import { vtkResliceCursorWidgetDefaultInstance } from '@kitware/vtk.js/Widgets/Widgets3D/ResliceCursorWidget/behavior';
+import { vtkColor3MixinState } from '@kitware/vtk.js/Widgets/Core/StateBuilder/color3Mixin';
+import { vtkScale1MixinState } from '@kitware/vtk.js/Widgets/Core/StateBuilder/scale1Mixin';
+import { vtkScale3MixinState } from '@kitware/vtk.js/Widgets/Core/StateBuilder/scale3Mixin';
+
+// The reslice cursor builds its sphere handles from the color3/scale1 mixins
+// and its line handles from the color3/scale3 mixins.
+type SphereHandleState = vtkColor3MixinState & vtkScale1MixinState;
+type LineHandleState = vtkColor3MixinState & vtkScale3MixinState;
+// Per-axis label queries mix line handles (scale3) with rotation handles
+// (scale1), so only the color3 mixin is common to every result.
+type ColoredHandleState = vtkColor3MixinState;
 import { OBLIQUE_OUTLINE_COLORS } from '@/src/constants';
 import { getLPSAxisFromDir, getVTKViewTypeFromLPSAxis } from '@/src/utils/lps';
 import { LPSAxisDir } from '@/src/types/lps';
@@ -27,14 +35,14 @@
 const resliceCursorStore = useResliceCursorStore();
 const { resliceCursor, resliceCursorState } = resliceCursorStore;
 
-const widget = ref<vtkResliceCursorViewWidget>();
+const widget = ref<vtkResliceCursorWidgetDefaultInstance>();
 const vtkViewType = computed(() => getVTKViewTypeFromLPSAxis(viewAxis.value));
 
 onViewMounted(view.renderWindowView, () => {
   widget.value = view.widgetManager.addWidget(
     resliceCursor,
     vtkViewType.value
-  ) as vtkResliceCursorViewWidget;
+  ) as vtkResliceCursorWidgetDefaultInstance;
 
   widget.value.setKeepOrthogonality(true);
   // reset mouse cursor styles
@@ -44,14 +52,14 @@
     translateAxis: 'default',
   });
 
   resliceCursorState.getStatesWithLabel('sphere').forEach((handle) => {
-    const h = handle as ResliceCursorWidgetState;
+    const h = handle as SphereHandleState;
     h.setScale1(10);
     h.setOpacity(128);
   });
 
   resliceCursorState.getStatesWithLabel('line').forEach((handle) => {
-    const h = handle as ResliceCursorWidgetState;
+    const h = handle as LineHandleState;
     h.setScale3(1, 1, 1);
     h.setOpacity(100);
   });
@@ -61,7 +69,7 @@
     ...resliceCursorState.getStatesWithLabel('XinY'),
   ];
   xLines.forEach((handle) => {
-    const h = handle as ResliceCursorWidgetState;
+    const h = handle as ColoredHandleState;
     h.setColor3(OBLIQUE_OUTLINE_COLORS[InitViewIDs.ObliqueSagittal]);
   });
 
@@ -70,7 +78,7 @@
     ...resliceCursorState.getStatesWithLabel('YinX'),
   ];
   yLines.forEach((handle) => {
-    const h = handle as ResliceCursorWidgetState;
+    const h = handle as ColoredHandleState;
     h.setColor3(OBLIQUE_OUTLINE_COLORS[InitViewIDs.ObliqueCoronal]);
   });
 
@@ -79,7 +87,7 @@
     ...resliceCursorState.getStatesWithLabel('ZinY'),
   ];
   zLines.forEach((handle) => {
-    const h = handle as ResliceCursorWidgetState;
+    const h = handle as ColoredHandleState;
     h.setColor3(OBLIQUE_OUTLINE_COLORS[InitViewIDs.ObliqueAxial]);
   });
 

src/composables/useVolumeThumbnailing.ts

@@ -2,7 +2,7 @@ import { onBeforeUnmount, reactive, ref, watch } from 'vue';
 import { Mode as LookupTableProxyMode } from '@kitware/vtk.js/Proxy/Core/LookupTableProxy';
 import vtkImageData from '@kitware/vtk.js/Common/DataModel/ImageData';
 import vtkPiecewiseFunctionProxy from '@kitware/vtk.js/Proxy/Core/PiecewiseFunctionProxy';
-import vtkColorMaps from '@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps';
+import { getPresetByName } from '@/src/types/color-map-preset';
 import type { Vector3 } from '@kitware/vtk.js/types';
 import { createVolumeThumbnailer } from '../core/thumbnailers/volume-thumbnailer';
 import { useCameraOrientation } from './useCameraOrientation';
@@ -22,7 +22,7 @@ function resetOpacityFunction(
   // reset pwf proxy range
   pwfProxy.setDataRange(...dataRange);
 
-  const preset = vtkColorMaps.getPresetByName(presetName);
+  const preset = getPresetByName(presetName);
   if (preset.OpacityPoints) {
     const OpacityPoints = preset.OpacityPoints as number[];
     const points = [];