/
jumpToSlice.ts
73 lines (63 loc) · 2.14 KB
/
jumpToSlice.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import {
getEnabledElement,
StackViewport,
VolumeViewport,
utilities as csUtils,
Types,
} from '@cornerstonejs/core';
import JumpToSliceOptions from '../../types/JumpToSliceOptions';
import clip from '../clip';
import scroll from '../scroll';
/**
* It uses the imageIndex in the Options to scroll to the slice that is intended.
* It works for both Stack and Volume viewports. In VolumeViewports, the imageIndex
* should be given with respect to the index in the 3D image in the view direction
* (i.e. the index of the slice in Axial, Sagittal, Coronal, or Oblique).
*
* @param element - the HTML Div element scrolling inside
* @param options - the options used for jumping to a slice
* @returns Promise that resolves to ImageIdIndex
*/
async function jumpToSlice(
element: HTMLDivElement,
options = {} as JumpToSliceOptions
): Promise<void> {
const { imageIndex, debounceLoading, volumeId } = options;
const enabledElement = getEnabledElement(element);
if (!enabledElement) {
throw new Error('Element has been disabled');
}
const { viewport } = enabledElement;
const { imageIndex: currentImageIndex, numberOfSlices } = _getImageSliceData(
viewport,
debounceLoading
);
const imageIndexToJump = _getImageIndexToJump(numberOfSlices, imageIndex);
const delta = imageIndexToJump - currentImageIndex;
scroll(viewport, { delta, debounceLoading, volumeId });
}
function _getImageSliceData(
viewport: Types.IStackViewport | Types.IVolumeViewport,
debounceLoading?: boolean
): Types.ImageSliceData {
if (viewport instanceof StackViewport) {
return {
numberOfSlices: viewport.getImageIds().length,
imageIndex: debounceLoading
? viewport.getTargetImageIdIndex()
: viewport.getCurrentImageIdIndex(),
};
} else if (viewport instanceof VolumeViewport) {
return csUtils.getImageSliceDataForVolumeViewport(viewport);
} else {
throw new Error('Unsupported viewport type');
}
}
function _getImageIndexToJump(
numberOfSlices: number,
imageIndex: number
): number {
const lastSliceIndex = numberOfSlices - 1;
return clip(imageIndex, 0, lastSliceIndex);
}
export default jumpToSlice;