npm - larvitar - Versions diffs - 1.1.2 → 1.2.0 - Mend

larvitar 1.1.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (191) hide show

package/.github/workflows/deploy.yml +3 -12
package/README.md +3 -3
package/docs/documentation/Mixins.polygonSegmentationMixin%20-%20segmentation%20operations%20for%20polyline.html +171 -0
package/docs/documentation/Tools.Annotation.ContoursTool.html +218 -0
package/docs/documentation/Tools.Annotation.DiameterTool.html +219 -0
package/docs/documentation/Tools.Annotation.SeedsTool.html +214 -0
package/docs/documentation/Tools.Brush.BrushTool.html +218 -0
package/docs/documentation/Tools.Brush.ThresholdsBrushTool.html +218 -0
package/docs/documentation/Tools.PolylineScissorsTool.html +218 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.eot +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.ttf +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.woff +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.woff2 +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.eot +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.ttf +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.woff +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.woff2 +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg +978 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.ttf +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff2 +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg +1049 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.ttf +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff2 +0 -0
package/docs/documentation/global.html +1303 -0
package/docs/documentation/imageAnonymization.js.html +245 -0
package/docs/documentation/imageColormaps.js.html +283 -0
package/docs/documentation/imageContours.js.html +278 -0
package/docs/documentation/imageIo.js.html +291 -0
package/docs/documentation/imageLayers.js.html +188 -0
package/docs/documentation/imageLoading.js.html +297 -0
package/docs/documentation/imageParsing.js.html +385 -0
package/docs/documentation/imagePresets.js.html +207 -0
package/docs/documentation/imageRendering.js.html +849 -0
package/docs/documentation/imageReslice.js.html +162 -0
package/docs/documentation/imageStore.js.html +360 -0
package/docs/documentation/imageTools.js.html +784 -0
package/docs/documentation/imageUtils.js.html +1609 -0
package/docs/documentation/image_colormaps.js.html +283 -0
package/docs/documentation/image_contours.js.html +279 -0
package/docs/documentation/image_io.js.html +288 -0
package/docs/documentation/image_layers.js.html +188 -0
package/docs/documentation/image_loading.js.html +294 -0
package/docs/documentation/image_parsing.js.html +391 -0
package/docs/documentation/image_presets.js.html +207 -0
package/docs/documentation/image_rendering.js.html +845 -0
package/docs/documentation/image_reslice.js.html +164 -0
package/docs/documentation/image_store.js.html +359 -0
package/docs/documentation/image_tools.js.html +792 -0
package/docs/documentation/image_utils.js.html +1609 -0
package/docs/documentation/index.html +175 -0
package/docs/documentation/loaders_commonLoader.js.html +306 -0
package/docs/documentation/loaders_dicomLoader.js.html +130 -0
package/docs/documentation/loaders_fileLoader.js.html +155 -0
package/docs/documentation/loaders_multiframeLoader.js.html +443 -0
package/docs/documentation/loaders_niftiLoader.js.html +150 -0
package/docs/documentation/loaders_nrrdLoader.js.html +545 -0
package/docs/documentation/loaders_resliceLoader.js.html +258 -0
package/docs/documentation/module-imaging_contours.html +954 -0
package/docs/documentation/module-imaging_imageAnonymization.html +544 -0
package/docs/documentation/module-imaging_imageColormaps.html +1012 -0
package/docs/documentation/module-imaging_imageContours.html +954 -0
package/docs/documentation/module-imaging_imageIo.html +1057 -0
package/docs/documentation/module-imaging_imageLayers.html +904 -0
package/docs/documentation/module-imaging_imageLoading.html +1301 -0
package/docs/documentation/module-imaging_imageParsing.html +1356 -0
package/docs/documentation/module-imaging_imagePresets.html +679 -0
package/docs/documentation/module-imaging_imageRendering.html +3223 -0
package/docs/documentation/module-imaging_imageReslice.html +413 -0
package/docs/documentation/module-imaging_imageStore-Larvitar_Store.html +284 -0
package/docs/documentation/module-imaging_imageStore.html +1560 -0
package/docs/documentation/module-imaging_imageTools.html +3617 -0
package/docs/documentation/module-imaging_imageUtils.html +7253 -0
package/docs/documentation/module-imaging_io.html +1057 -0
package/docs/documentation/module-imaging_layers.html +904 -0
package/docs/documentation/module-imaging_loading.html +1301 -0
package/docs/documentation/module-imaging_parsing.html +1375 -0
package/docs/documentation/module-imaging_presets.html +679 -0
package/docs/documentation/module-imaging_rendering.html +8094 -0
package/docs/documentation/module-imaging_reslice.html +411 -0
package/docs/documentation/module-imaging_store-Larvitar_Store.html +284 -0
package/docs/documentation/module-imaging_store.html +1537 -0
package/docs/documentation/module-imaging_strategies_eraseFreehand.html +708 -0
package/docs/documentation/module-imaging_strategies_fillFreehand.html +708 -0
package/docs/documentation/module-imaging_tools.html +3617 -0
package/docs/documentation/module-imaging_tools_custom_contourTool.html +207 -0
package/docs/documentation/module-imaging_tools_custom_diameterTool.html +205 -0
package/docs/documentation/module-imaging_tools_custom_editMaskTool.html +205 -0
package/docs/documentation/module-imaging_tools_custom_polygonScissorsTool.html +203 -0
package/docs/documentation/module-imaging_tools_custom_thresholdBrushTool.html +684 -0
package/docs/documentation/module-imaging_tools_default.html +205 -0
package/docs/documentation/module-imaging_tools_interaction.html +530 -0
package/docs/documentation/module-imaging_tools_io.html +832 -0
package/docs/documentation/module-imaging_tools_main.html +2028 -0
package/docs/documentation/module-imaging_tools_polygonSegmentationMixin.html +567 -0
package/docs/documentation/module-imaging_tools_segmentation.html +3586 -0
package/docs/documentation/module-imaging_tools_state.html +494 -0
package/docs/documentation/module-imaging_utils.html +7253 -0
package/docs/documentation/module-loaders_commonLoader.html +1313 -0
package/docs/documentation/module-loaders_dicomLoader.html +522 -0
package/docs/documentation/module-loaders_fileLoader.html +593 -0
package/docs/documentation/module-loaders_multiframeLoader.html +1169 -0
package/docs/documentation/module-loaders_niftiLoader.html +565 -0
package/docs/documentation/module-loaders_nrrdLoader.html +1459 -0
package/docs/documentation/module-loaders_resliceLoader.html +590 -0
package/docs/documentation/module-monitors_memory.html +980 -0
package/docs/documentation/module-tools_default.html +740 -0
package/docs/documentation/module.exports_module.exports.html +203 -0
package/docs/documentation/monitors_memory.js.html +189 -0
package/docs/documentation/parsers_nrrd.js.html +569 -0
package/docs/documentation/scripts/collapse.js +20 -0
package/docs/documentation/scripts/linenumber.js +25 -0
package/docs/documentation/scripts/nav.js +12 -0
package/docs/documentation/scripts/polyfill.js +4 -0
package/docs/documentation/scripts/prettify/Apache-License-2.0.txt +202 -0
package/docs/documentation/scripts/prettify/lang-css.js +2 -0
package/docs/documentation/scripts/prettify/prettify.js +28 -0
package/docs/documentation/scripts/search.js +83 -0
package/docs/documentation/styles/jsdoc.css +765 -0
package/docs/documentation/styles/prettify.css +80 -0
package/docs/documentation/tools_contourTool.js.html +1963 -0
package/docs/documentation/tools_custom_contourTool.js.html +1968 -0
package/docs/documentation/tools_custom_diameterTool.js.html +225 -0
package/docs/documentation/tools_custom_editMaskTool.js.html +225 -0
package/docs/documentation/tools_custom_polylineScissorsTool.js.html +143 -0
package/docs/documentation/tools_custom_thresholdsBrushTool.js.html +245 -0
package/docs/documentation/tools_default.js.html +576 -0
package/docs/documentation/tools_diameterTool.js.html +219 -0
package/docs/documentation/tools_editMaskTool.js.html +219 -0
package/docs/documentation/tools_interaction.js.html +258 -0
package/docs/documentation/tools_io.js.html +297 -0
package/docs/documentation/tools_main.js.html +443 -0
package/docs/documentation/tools_polygonSegmentationMixin.js.html +329 -0
package/docs/documentation/tools_polylineScissorsTool.js.html +136 -0
package/docs/documentation/tools_seedTool.js.html +423 -0
package/docs/documentation/tools_segmentation.js.html +558 -0
package/docs/documentation/tools_state.js.html +163 -0
package/docs/documentation/tools_strategies_eraseFreehand.js.html +160 -0
package/docs/documentation/tools_strategies_fillFreehand.js.html +163 -0
package/docs/documentation/tools_thresholdsBrushTool.js.html +239 -0
package/docs/documentation/tools_tools.default.js.html +569 -0
package/docs/documentation/tools_tools.interaction.js.html +251 -0
package/docs/documentation/tools_tools.io.js.html +288 -0
package/docs/documentation/tools_tools.main.js.html +442 -0
package/docs/documentation/tools_tools.segmentation.js.html +445 -0
package/docs/documentation/tools_tools.state.js.html +157 -0
package/docs/examples/base.html +170 -0
package/docs/examples/colorMaps.html +181 -0
package/docs/examples/defaultTools.html +246 -0
package/docs/examples/demo/anon1 +0 -0
package/docs/examples/demo/anon10 +0 -0
package/docs/examples/demo/anon11 +0 -0
package/docs/examples/demo/anon12 +0 -0
package/docs/examples/demo/anon13 +0 -0
package/docs/examples/demo/anon14 +0 -0
package/docs/examples/demo/anon15 +0 -0
package/docs/examples/demo/anon16 +0 -0
package/docs/examples/demo/anon17 +0 -0
package/docs/examples/demo/anon18 +0 -0
package/docs/examples/demo/anon19 +0 -0
package/docs/examples/demo/anon2 +0 -0
package/docs/examples/demo/anon20 +0 -0
package/docs/examples/demo/anon21 +0 -0
package/docs/examples/demo/anon22 +0 -0
package/docs/examples/demo/anon23 +0 -0
package/docs/examples/demo/anon24 +0 -0
package/docs/examples/demo/anon3 +0 -0
package/docs/examples/demo/anon4 +0 -0
package/docs/examples/demo/anon5 +0 -0
package/docs/examples/demo/anon6 +0 -0
package/docs/examples/demo/anon7 +0 -0
package/docs/examples/demo/anon8 +0 -0
package/docs/examples/demo/anon9 +0 -0
package/docs/examples/demo/example.nrrd +0 -0
package/docs/examples/demo/segmentation.nrrd +0 -0
package/docs/examples/demo/xa_integris.dcm +0 -0
package/docs/examples/index.html +129 -0
package/docs/examples/larvitar.js +108623 -0
package/docs/examples/layers.html +250 -0
package/docs/examples/masks.html +273 -0
package/docs/examples/multiframe.html +200 -0
package/docs/examples/nrrd.html +96 -0
package/docs/examples/reslice.html +174 -0
package/docs/index.html +92 -0
package/imaging/tools/segmentation.js +12 -2
package/imaging/tools/segmentations.md +6 -0
package/imaging/tools/setLabelMap3D.js +248 -0
package/package.json +1 -1

package/docs/documentation/image_rendering.js.html ADDED Viewed

@@ -0,0 +1,845 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>image_rendering.js - Larvitar</title>
+    <meta name="description" content="Dicom Image Toolkit for CornestoneJS" />
+        <meta name="keywords" content="imaging, dataviz, medical, cornerstone" />
+        <meta name="keyword" content="imaging, dataviz, medical, cornerstone" />
+    <script src="scripts/prettify/prettify.js"></script>
+    <script src="scripts/prettify/lang-css.js"></script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
+    <script src="scripts/nav.js" defer></script>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+<input type="checkbox" id="nav-trigger" class="nav-trigger" />
+<label for="nav-trigger" class="navicon-button x">
+  <div class="navicon"></div>
+</label>
+<label for="nav-trigger" class="overlay"></label>
+<nav >
+    <input type="text" id="nav-search" placeholder="Search" />
+    <h2><a href="index.html">Home</a></h2><h2><a href="https://github.com/dvisionlab/Larvitar" target="_blank" class="menu-item" id="repository" >Github repo</a></h2><h3>Classes</h3><ul><li><a href="module.exports_module.exports.html">module.exports#module.exports</a></li><li><a href="module-imaging_store-Larvitar_Store.html">imaging/store~Larvitar_Store</a></li><li><a href="Tools.Annotation.ContoursTool.html">Tools.Annotation.ContoursTool</a></li><li><a href="Tools.Annotation.DiameterTool.html">Tools.Annotation.DiameterTool</a></li><li><a href="Tools.Brush.BrushTool.html">Tools.Brush.BrushTool</a></li><li><a href="Tools.Brush.ThresholdsBrushTool.html">Tools.Brush.ThresholdsBrushTool</a></li><li><a href="Tools.PolylineScissorsTool.html">Tools.PolylineScissorsTool</a></li></ul><h3>Modules</h3><ul><li><a href="module-imaging_anonymization.html">imaging/anonymization</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_anonymization.html#anonymize#~anonymize">anonymize</a></li><li data-type='method' style='display: none;'><a href="module-imaging_anonymization.html#encrypt#~encrypt">encrypt</a></li></ul></li><li><a href="module-imaging_contours.html">imaging/contours</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_contours.html#extractSlicePoints#extractSlicePoints">extractSlicePoints</a></li><li data-type='method' style='display: none;'><a href="module-imaging_contours.html#populateContoursObject#populateContoursObject">populateContoursObject</a></li><li data-type='method' style='display: none;'><a href="module-imaging_contours.html#parseContours#~parseContours">parseContours</a></li></ul></li><li><a href="module-imaging_io.html">imaging/io</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_io.html#buildData#~buildData">buildData</a></li><li data-type='method' style='display: none;'><a href="module-imaging_io.html#buildDataAsync#~buildDataAsync">buildDataAsync</a></li><li data-type='method' style='display: none;'><a href="module-imaging_io.html#buildHeader#~buildHeader">buildHeader</a></li><li data-type='method' style='display: none;'><a href="module-imaging_io.html#getCachedPixelData#~getCachedPixelData">getCachedPixelData</a></li><li data-type='method' style='display: none;'><a href="module-imaging_io.html#importNRRDImage#~importNRRDImage">importNRRDImage</a></li></ul></li><li><a href="module-imaging_layers.html">imaging/layers</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_layers.html#getActiveLayer#getActiveLayer">getActiveLayer</a></li><li data-type='method' style='display: none;'><a href="module-imaging_layers.html#setActiveLayer#setActiveLayer">setActiveLayer</a></li><li data-type='method' style='display: none;'><a href="module-imaging_layers.html#updateLayer#updateLayer">updateLayer</a></li><li data-type='method' style='display: none;'><a href="module-imaging_layers.html#buildLayers#~buildLayers">buildLayers</a></li></ul></li><li><a href="module-imaging_loading.html">imaging/loading</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#initializeFileImageLoader#initializeFileImageLoader">initializeFileImageLoader</a></li><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#initializeImageLoader#initializeImageLoader">initializeImageLoader</a></li><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#initializeWebImageLoader#initializeWebImageLoader">initializeWebImageLoader</a></li><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#registerMultiFrameImageLoader#registerMultiFrameImageLoader">registerMultiFrameImageLoader</a></li><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#registerNRRDImageLoader#registerNRRDImageLoader">registerNRRDImageLoader</a></li><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#registerResliceLoader#registerResliceLoader">registerResliceLoader</a></li><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#updateLoadedStack#updateLoadedStack">updateLoadedStack</a></li><li data-type='method' style='display: none;'><a href="module-imaging_loading.html#isNewInstance#~isNewInstance">isNewInstance</a></li></ul></li><li><a href="module-imaging_parsing.html">imaging/parsing</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_parsing.html#clearImageParsing#clearImageParsing">clearImageParsing</a></li><li data-type='method' style='display: none;'><a href="module-imaging_parsing.html#dumpDataSet#dumpDataSet">dumpDataSet</a></li><li data-type='method' style='display: none;'><a href="module-imaging_parsing.html#readFile#readFile">readFile</a></li><li data-type='method' style='display: none;'><a href="module-imaging_parsing.html#readFiles#readFiles">readFiles</a></li><li data-type='method' style='display: none;'><a href="module-imaging_parsing.html#dumpFile#~dumpFile">dumpFile</a></li><li data-type='method' style='display: none;'><a href="module-imaging_parsing.html#dumpFiles#~dumpFiles">dumpFiles</a></li><li data-type='method' style='display: none;'><a href="module-imaging_parsing.html#parseNextFile#~parseNextFile">parseNextFile</a></li></ul></li><li><a href="module-imaging_presets.html">imaging/presets</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_presets.html#getImagePresets#getImagePresets">getImagePresets</a></li><li data-type='method' style='display: none;'><a href="module-imaging_presets.html#setImageCustomPreset#setImageCustomPreset">setImageCustomPreset</a></li><li data-type='method' style='display: none;'><a href="module-imaging_presets.html#setImagePreset#setImagePreset">setImagePreset</a></li></ul></li><li><a href="module-imaging_rendering.html">imaging/rendering</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#HSVToRGB#.HSVToRGB">HSVToRGB</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#addColorMap#addColorMap">addColorMap</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#applyColorMap#applyColorMap">applyColorMap</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#clearImageCache#clearImageCache">clearImageCache</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#disableViewport#disableViewport">disableViewport</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#fillPixelData#fillPixelData">fillPixelData</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#flipImageHorizontal#flipImageHorizontal">flipImageHorizontal</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#flipImageVertical#flipImageVertical">flipImageVertical</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#getColormapsList#getColormapsList">getColormapsList</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#getSeriesData#getSeriesData">getSeriesData</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#invertImage#invertImage">invertImage</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#loadAndCacheImages#loadAndCacheImages">loadAndCacheImages</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#renderImage#renderImage">renderImage</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#renderWebImage#renderWebImage">renderWebImage</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#renderWebImage#renderWebImage">renderWebImage</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#resetViewports#resetViewports">resetViewports</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#resizeViewport#resizeViewport">resizeViewport</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#rotateImageLeft#rotateImageLeft">rotateImageLeft</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#rotateImageRight#rotateImageRight">rotateImageRight</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#storeViewportData#storeViewportData">storeViewportData</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#unloadViewport#unloadViewport">unloadViewport</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#updateImage#updateImage">updateImage</a></li><li data-type='method' style='display: none;'><a href="module-imaging_rendering.html#updateViewportData#updateViewportData">updateViewportData</a></li></ul></li><li></li><li><a href="module-imaging_reslice.html">imaging/reslice</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_reslice.html#resliceSeries#resliceSeries">resliceSeries</a></li></ul></li><li><a href="module-imaging_store.html">imaging/store</a><ul class='members'><li data-type='member' style='display: none;'><a href="module-imaging_store.html#.larvitar_store">larvitar_store</a></li></ul><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_store.html#initLarvitarStore#.initLarvitarStore">initLarvitarStore</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#addSeriesIds#~addSeriesIds">addSeriesIds</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#addViewport#~addViewport">addViewport</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#deleteViewport#~deleteViewport">deleteViewport</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#disableVuex#~disableVuex">disableVuex</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#enableVuex#~enableVuex">enableVuex</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#get#~get">get</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#removeSeriesIds#~removeSeriesIds">removeSeriesIds</a></li><li data-type='method' style='display: none;'><a href="module-imaging_store.html#set#~set">set</a></li></ul></li><li><a href="module-imaging_tools.html">imaging/tools</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#addContoursTool#~addContoursTool">addContoursTool</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#addDefaultTools#~addDefaultTools">addDefaultTools</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#addDiameterTool#~addDiameterTool">addDiameterTool</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#addMaskEditingTool#~addMaskEditingTool">addMaskEditingTool</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#addSeedsTool#~addSeedsTool">addSeedsTool</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#addStackStateToElement#~addStackStateToElement">addStackStateToElement</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#addToolStateSingleSlice#~addToolStateSingleSlice">addToolStateSingleSlice</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#clearCornerstoneElements#~clearCornerstoneElements">clearCornerstoneElements</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#clearMeasurements#~clearMeasurements">clearMeasurements</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#clearToolStateByName#~clearToolStateByName">clearToolStateByName</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#getCurrentMaskData#~getCurrentMaskData">getCurrentMaskData</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#getToolState#~getToolState">getToolState</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#isToolMissing#~isToolMissing">isToolMissing</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#setSegmentationConfig#~setSegmentationConfig">setSegmentationConfig</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#setToolActive#~setToolActive">setToolActive</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#setToolActive#~setToolActive">setToolActive</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#setToolEnabled#~setToolEnabled">setToolEnabled</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#setToolPassive#~setToolPassive">setToolPassive</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#syncToolStack#~syncToolStack">syncToolStack</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#updateDiameterTool#~updateDiameterTool">updateDiameterTool</a></li><li data-type='method' style='display: none;'><a href="module-imaging_tools.html#updateStackToolState#~updateStackToolState">updateStackToolState</a></li></ul></li><li><a href="module-imaging_utils.html">imaging/utils</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#formatDate#formatDate">formatDate</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#formatDateTime#formatDateTime">formatDateTime</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getCmprMetadata#getCmprMetadata">getCmprMetadata</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getDICOMTag#getDICOMTag">getDICOMTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getDICOMTagCode#getDICOMTagCode">getDICOMTagCode</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getDistanceBetweenSlices#getDistanceBetweenSlices">getDistanceBetweenSlices</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getMaxPixelValue#getMaxPixelValue">getMaxPixelValue</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getMeanValue#getMeanValue">getMeanValue</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getMinPixelValue#getMinPixelValue">getMinPixelValue</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getNormalOrientation#getNormalOrientation">getNormalOrientation</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getPixelRepresentation#getPixelRepresentation">getPixelRepresentation</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getPixelTypedArray#getPixelTypedArray">getPixelTypedArray</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getReslicedIOP#getReslicedIOP">getReslicedIOP</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getReslicedIPP#getReslicedIPP">getReslicedIPP</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getReslicedMetadata#getReslicedMetadata">getReslicedMetadata</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getReslicedPixeldata#getReslicedPixeldata">getReslicedPixeldata</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getReslicedSliceLocation#getReslicedSliceLocation">getReslicedSliceLocation</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getSortedStack#getSortedStack">getSortedStack</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getSortedUIDs#getSortedUIDs">getSortedUIDs</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getTagValue#getTagValue">getTagValue</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getTypedArray#getTypedArray">getTypedArray</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#getTypedArrayFromDataType#getTypedArrayFromDataType">getTypedArrayFromDataType</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#isElement#isElement">isElement</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#isNegativeSign#isNegativeSign">isNegativeSign</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#isStringVr#isStringVr">isStringVr</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#isValidDate#isValidDate">isValidDate</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#parseAgeTag#parseAgeTag">parseAgeTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#parseDateTag#parseDateTag">parseDateTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#parseDateTimeTag#parseDateTimeTag">parseDateTimeTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#parseDICOMFileIDTag#parseDICOMFileIDTag">parseDICOMFileIDTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#parsePatientNameTag#parsePatientNameTag">parsePatientNameTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#parseTag#parseTag">parseTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#parseTimeTag#parseTimeTag">parseTimeTag</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#permuteSignedArrays#permuteSignedArrays">permuteSignedArrays</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#permuteValues#permuteValues">permuteValues</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#rand#rand">rand</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#randomId#randomId">randomId</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#sortStackCallback#sortStackCallback">sortStackCallback</a></li><li data-type='method' style='display: none;'><a href="module-imaging_utils.html#spacingArray#spacingArray">spacingArray</a></li></ul></li><li><a href="module-loaders_commonLoader.html">loaders/commonLoader</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#getImageFrame#getImageFrame">getImageFrame</a></li><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#getLarvitarImageTracker#getLarvitarImageTracker">getLarvitarImageTracker</a></li><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#getLarvitarManager#getLarvitarManager">getLarvitarManager</a></li><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#getSeriesDataFromLarvitarManager#getSeriesDataFromLarvitarManager">getSeriesDataFromLarvitarManager</a></li><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#populateLarvitarManager#populateLarvitarManager">populateLarvitarManager</a></li><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#removeSeriesFromLarvitarManager#removeSeriesFromLarvitarManager">removeSeriesFromLarvitarManager</a></li><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#resetLarvitarManager#resetLarvitarManager">resetLarvitarManager</a></li><li data-type='method' style='display: none;'><a href="module-loaders_commonLoader.html#updateLarvitarManager#updateLarvitarManager">updateLarvitarManager</a></li></ul></li><li><a href="module-loaders_dicomLoader.html">loaders/dicomLoader</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-loaders_dicomLoader.html#cacheImages#cacheImages">cacheImages</a></li><li data-type='method' style='display: none;'><a href="module-loaders_dicomLoader.html#getDicomImageId#getDicomImageId">getDicomImageId</a></li></ul></li><li><a href="module-loaders_fileLoader.html">loaders/fileLoader</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-loaders_fileLoader.html#getFileImageId#getFileImageId">getFileImageId</a></li><li data-type='method' style='display: none;'><a href="module-loaders_fileLoader.html#populateFileManager#populateFileManager">populateFileManager</a></li><li data-type='method' style='display: none;'><a href="module-loaders_fileLoader.html#resetFileLoader#resetFileLoader">resetFileLoader</a></li><li data-type='method' style='display: none;'><a href="module-loaders_fileLoader.html#resetFileManager#resetFileManager">resetFileManager</a></li></ul></li><li><a href="module-loaders_nrrdLoader.html">loaders/nrrdLoader</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-loaders_nrrdLoader.html#buildNrrdImage#buildNrrdImage">buildNrrdImage</a></li><li data-type='method' style='display: none;'><a href="module-loaders_nrrdLoader.html#createCustomImage#createCustomImage">createCustomImage</a></li><li data-type='method' style='display: none;'><a href="module-loaders_nrrdLoader.html#getImageIdFromSlice#getImageIdFromSlice">getImageIdFromSlice</a></li><li data-type='method' style='display: none;'><a href="module-loaders_nrrdLoader.html#getNrrdImageId#getNrrdImageId">getNrrdImageId</a></li><li data-type='method' style='display: none;'><a href="module-loaders_nrrdLoader.html#getNrrdSerieDimensions#getNrrdSerieDimensions">getNrrdSerieDimensions</a></li><li data-type='method' style='display: none;'><a href="module-loaders_nrrdLoader.html#getSliceNumberFromImageId#getSliceNumberFromImageId">getSliceNumberFromImageId</a></li><li data-type='method' style='display: none;'><a href="module-loaders_nrrdLoader.html#loadNrrdImage#loadNrrdImage">loadNrrdImage</a></li></ul></li><li><a href="module-loaders_resliceLoader.html">loaders/resliceLoader</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-loaders_resliceLoader.html#createCustomImage#createCustomImage">createCustomImage</a></li><li data-type='method' style='display: none;'><a href="module-loaders_resliceLoader.html#loadReslicedImage#loadReslicedImage">loadReslicedImage</a></li></ul></li><li><a href="module-monitors_memory.html">monitors/memory</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-monitors_memory.html#checkMemoryAllocation#checkMemoryAllocation">checkMemoryAllocation</a></li><li data-type='method' style='display: none;'><a href="module-monitors_memory.html#checkMemorySupport#checkMemorySupport">checkMemorySupport</a></li><li data-type='method' style='display: none;'><a href="module-monitors_memory.html#getAvailableMemory#getAvailableMemory">getAvailableMemory</a></li><li data-type='method' style='display: none;'><a href="module-monitors_memory.html#getMB#getMB">getMB</a></li><li data-type='method' style='display: none;'><a href="module-monitors_memory.html#getUsedMemory#getUsedMemory">getUsedMemory</a></li><li data-type='method' style='display: none;'><a href="module-monitors_memory.html#setAvailableMemory#setAvailableMemory">setAvailableMemory</a></li></ul></li><li><a href="module-tools_default.html">tools/default</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-tools_default.html#getDefaultToolsByType#~getDefaultToolsByType">getDefaultToolsByType</a></li><li data-type='method' style='display: none;'><a href="module-tools_default.html#setDefaultToolsProps#~setDefaultToolsProps">setDefaultToolsProps</a></li></ul></li></ul><h3>Events</h3><ul><li><a href="ContoursTool.html#event:_drawingDoubleTapClickCallback">ContoursTool#_drawingDoubleTapClickCallback</a></li><li><a href="ContoursTool.html#event:_drawingMouseDoubleClickCallback">ContoursTool#_drawingMouseDoubleClickCallback</a></li><li><a href="ContoursTool.html#event:_drawingMouseDownCallback">ContoursTool#_drawingMouseDownCallback</a></li><li><a href="ContoursTool.html#event:_drawingMouseDragCallback">ContoursTool#_drawingMouseDragCallback</a></li><li><a href="ContoursTool.html#event:_drawingMouseMoveCallback">ContoursTool#_drawingMouseMoveCallback</a></li><li><a href="ContoursTool.html#event:_drawingMouseUpCallback">ContoursTool#_drawingMouseUpCallback</a></li><li><a href="ContoursTool.html#event:_drawingTouchDragCallback">ContoursTool#_drawingTouchDragCallback</a></li><li><a href="ContoursTool.html#event:_drawingTouchStartCallback">ContoursTool#_drawingTouchStartCallback</a></li><li><a href="ContoursTool.html#event:_editMouseDragCallback">ContoursTool#_editMouseDragCallback</a></li><li><a href="ContoursTool.html#event:_editTouchDragCallback">ContoursTool#_editTouchDragCallback</a></li></ul><h3>Mixins</h3><ul><li><a href="Mixins.polygonSegmentationMixin%2520-%2520segmentation%2520operations%2520for%2520polyline.html">Mixins.polygonSegmentationMixin - segmentation operations for polyline</a></li></ul><h3>Global</h3><ul><li><a href="global.html#_checkIfDrawing">_checkIfDrawing</a></li><li><a href="global.html#_paint">_paint</a></li><li><a href="global.html#addDefaultTools">addDefaultTools</a></li><li><a href="global.html#addMouseKeyHandlers">addMouseKeyHandlers</a></li><li><a href="global.html#addSegmentationMask">addSegmentationMask</a></li><li><a href="global.html#addTool">addTool</a></li><li><a href="global.html#buildMultiFrameImage">buildMultiFrameImage</a></li><li><a href="global.html">clearMultiFrameCache</a></li><li><a href="global.html#clearSegmentationState">clearSegmentationState</a></li><li><a href="global.html#config">config</a></li><li><a href="global.html">createCustomImage</a></li><li><a href="global.html#csToolsCreateStack">csToolsCreateStack</a></li><li><a href="global.html#csToolsUpdateImageIndex">csToolsUpdateImageIndex</a></li><li><a href="global.html#deleteMask">deleteMask</a></li><li><a href="global.html#disableBrushTool">disableBrushTool</a></li><li><a href="global.html#download">download</a></li><li><a href="global.html#enableBrushTool">enableBrushTool</a></li><li><a href="global.html#eraseFreehand">eraseFreehand</a></li><li><a href="global.html#eraseInsideFreehand">eraseInsideFreehand</a></li><li><a href="global.html#eraseOutsideFreehand">eraseOutsideFreehand</a></li><li><a href="global.html#exportAnnotations">exportAnnotations</a></li><li><a href="global.html#extractToolInfo">extractToolInfo</a></li><li><a href="global.html#fillFreehand">fillFreehand</a></li><li><a href="global.html#fillInsideFreehand">fillInsideFreehand</a></li><li><a href="global.html#fillOutsideFreehand">fillOutsideFreehand</a></li><li><a href="global.html#forceRender">forceRender</a></li><li><a href="global.html#generateCSV">generateCSV</a></li><li><a href="global.html#generateLUT">generateLUT</a></li><li><a href="global.html#generateUniformLUT">generateUniformLUT</a></li><li><a href="global.html#getActiveLabelmapBuffer">getActiveLabelmapBuffer</a></li><li><a href="global.html#getCircleWithThreshold">getCircleWithThreshold</a></li><li><a href="global.html">getMultiFrameImageId</a></li><li><a href="global.html#HSVtoRGB">HSVtoRGB</a></li><li><a href="global.html#initializeCSTools">initializeCSTools</a></li><li><a href="global.html#initSegmentationModule">initSegmentationModule</a></li><li><a href="global.html#isDrawing">isDrawing</a></li><li><a href="global.html#isToolMissing">isToolMissing</a></li><li><a href="global.html#loadAnnotations">loadAnnotations</a></li><li><a href="global.html#loadMultiFrameImage">loadMultiFrameImage</a></li><li><a href="global.html#NRRD_TYPES_TO_TYPEDARRAY">NRRD_TYPES_TO_TYPEDARRAY</a></li><li><a href="global.html">parse</a></li><li><a href="global.html#redoLastStroke">redoLastStroke</a></li><li><a href="global.html#renderToolData">renderToolData</a></li><li><a href="global.html#restoreToolState">restoreToolState</a></li><li><a href="global.html#saveAnnotations">saveAnnotations</a></li><li><a href="global.html#saveToolState">saveToolState</a></li><li><a href="global.html#setActiveLabelmap">setActiveLabelmap</a></li><li><a href="global.html#setActiveLabelOpacity">setActiveLabelOpacity</a></li><li><a href="global.html#setActiveSegment">setActiveSegment</a></li><li><a href="global.html#setBrushProps">setBrushProps</a></li><li><a href="global.html#setInactiveLabelOpacity">setInactiveLabelOpacity</a></li><li><a href="global.html#setMaskProps">setMaskProps</a></li><li><a href="global.html">setPixelDataType</a></li><li><a href="global.html#setToolActive">setToolActive</a></li><li><a href="global.html#setToolDisabled">setToolDisabled</a></li><li><a href="global.html#setToolEnabled">setToolEnabled</a></li><li><a href="global.html#setToolPassive">setToolPassive</a></li><li><a href="global.html#setToolsStyle">setToolsStyle</a></li><li><a href="global.html#toggleContourMode">toggleContourMode</a></li><li><a href="global.html">toggleMouseHandlers</a></li><li><a href="global.html#tryUpdateImage">tryUpdateImage</a></li><li><a href="global.html#undoLastStroke">undoLastStroke</a></li></ul>
+</nav>
+<div id="main">
+    <h1 class="page-title">image_rendering.js</h1>
+    <section>
+        <article>
+            <pre class="prettyprint source linenums"><code>/** @module imaging/rendering
+ *  @desc  This file provides functionalities for
+ *         rendering images in html canvas using cornerstone
+ */
+// external libraries
+import cornerstone from "cornerstone-core";
+import cornerstoneWADOImageLoader from "cornerstone-wado-image-loader";
+import { each, has } from "lodash";
+// internal libraries
+import { getFileImageId } from "./loaders/fileLoader";
+import { csToolsCreateStack } from "./tools/tools.main";
+import { toggleMouseToolsListeners } from "./tools/tools.interaction";
+import { larvitar_store } from "./image_store";
+import { applyColorMap } from "./image_colormaps";
+import { isElement } from "./image_utils";
+/*
+ * This module provides the following functions to be exported:
+ * clearImageCache(seriesId)
+ * loadAndCacheImages(seriesData, callback)
+ * renderFileImage(file, elementId)
+ * renderWebImage(url, elementId)
+ * disableViewport(elementId)
+ * unloadViewport(elementId, seriesId)
+ * resizeViewport(elementId)
+ * renderImage(series, elementId, defaultProps)
+ * updateImage(series, elementId, imageIndex)
+ * resetViewports([elementIds])
+ * updateViewportData(elementId)
+ * toggleMouseHandlers(elementId, disableFlag)
+ * storeViewportData(params...)
+ * invertImage(elementId)
+ * flipImageHorizontal(elementId)
+ * flipImageVertical(elementId)
+ * rotateImageLeft(elementId)
+ * rotateImageRight(elementId)
+ */
+/**
+ * Purge the cornestone internal cache
+ * If seriesId is passed as argument only imageIds of the series are purged from internal cache
+ * @instance
+ * @function clearImageCache
+ * @param {String} seriesId - The id of the serie
+ */
+export const clearImageCache = function (seriesId) {
+  if (seriesId) {
+    let series = larvitar_store.get("series");
+    if (has(series, seriesId)) {
+      each(series[seriesId].imageIds, function (imageId) {
+        if (cornerstone.imageCache.cachedImages.length > 0) {
+          try {
+            cornerstone.imageCache.removeImageLoadObject(imageId);
+          } catch (e) {
+            console.warn("no cached image");
+          }
+        } else {
+          let uri =
+            cornerstoneWADOImageLoader.wadouri.parseImageId(imageId).url;
+          cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.unload(uri);
+        }
+      });
+      larvitar_store.removeSeriesIds(seriesId);
+      console.log("Uncached images for ", seriesId);
+    }
+  } else {
+    cornerstone.imageCache.purgeCache();
+  }
+};
+/**
+ * Load and cache all serie's images
+ * Add series's imageIds into store
+ * @instance
+ * @function loadAndCacheImages
+ * @param {Object} series the parsed series data
+ * @param {Function} callback a callback function
+ */
+export function loadAndCacheImages(series, callback) {
+  let t0 = performance.now();
+  let cachingCounter = 0;
+  if (series.isMultiframe) {
+    // console.warn("Do not cache multiframe images for performance issues");
+    return;
+  }
+  let response = {
+    seriesId: series.seriesUID,
+    loading: 0,
+    series: {}
+  };
+  callback(response);
+  // add serie's imageIds into store
+  larvitar_store.addSeriesIds(series.seriesUID, series.imageIds);
+  // add serie's caching progress into store
+  larvitar_store.set("progress", [series.seriesUID, 0]);
+  each(series.imageIds, function (imageId) {
+    cornerstone.loadAndCacheImage(imageId).then(function () {
+      cachingCounter += 1;
+      let cachingPercentage = Math.floor(
+        (cachingCounter / series.imageIds.length) * 100
+      );
+      response.loading = cachingPercentage;
+      larvitar_store.set("progress", [series.seriesUID, cachingPercentage]);
+      if (cachingCounter == series.imageIds.length) {
+        let t1 = performance.now();
+        console.log(`Call to cacheImages took ${t1 - t0} milliseconds.`);
+        console.log("Cached images for ", series.seriesUID);
+        response.series = series;
+      }
+      callback(response);
+    });
+  });
+}
+/**
+ * Render an image (png or jpg) from File on a html div using cornerstone
+ * @instance
+ * @function renderWebImage
+ * @param {Object} file - The image File object
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ * @param {Function} callback - Optional callback function with image object
+ */
+export const renderFileImage = function (file, elementId, callback) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  if (cornerstone.getEnabledElements().length == 0) {
+    cornerstone.enable(element);
+  }
+  // check if imageId is already stored in fileManager
+  const imageId = getFileImageId(file);
+  if (imageId) {
+    cornerstone.loadImage(imageId).then(function (image) {
+      cornerstone.displayImage(element, image);
+      let viewport = cornerstone.getViewport(element);
+      viewport.displayedArea.brhc.x = image.width;
+      viewport.displayedArea.brhc.y = image.height;
+      cornerstone.setViewport(element, viewport);
+      cornerstone.fitToWindow(element);
+      csToolsCreateStack(element);
+      if (callback) {
+        callback(image);
+      }
+    });
+  }
+};
+/**
+ * Render an image (png or jpg) from web url on a html div using cornerstone
+ * @instance
+ * @function renderWebImage
+ * @param {String} url - The image data url
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const renderWebImage = function (url, elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  cornerstone.enable(element);
+  cornerstone.loadImage(url).then(function (image) {
+    cornerstone.displayImage(element, image);
+    csToolsCreateStack(element);
+  });
+};
+/**
+ * Unrender an image on a html div using cornerstone
+ * @instance
+ * @function disableViewport
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const disableViewport = function (elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  // toggleMouseHandlers(elementId, true); // flagged true to disable handlers
+  toggleMouseToolsListeners(elementId, true);
+  cornerstone.disable(element);
+};
+/**
+ * Unrender an image on a html div using cornerstone
+ * Remove image from cornerstone cache and remove from store
+ * @instance
+ * @function unloadViewport
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ * @param {String} seriesId - The id of the serie
+ */
+export const unloadViewport = function (elementId, seriesId) {
+  disableViewport(elementId);
+  if (!seriesId) {
+    console.warn(
+      "seriesId not provided, use disableViewport if you do not want to uncache images"
+    );
+  }
+  // remove images from cornerstone cache
+  if (seriesId &amp;&amp; has(larvitar_store.get("series"), seriesId)) {
+    clearImageCache(seriesId);
+  }
+  larvitar_store.deleteViewport(elementId);
+};
+/**
+ * Resize a viewport using cornerstone resize
+ * And forcing fit to window
+ * @instance
+ * @function resizeViewport
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const resizeViewport = function (elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  cornerstone.resize(element, true); // true flag forces fitToWindow
+};
+/**
+ * Cache image and render it in a html div using cornerstone
+ * @instance
+ * @function renderImage
+ * @param {Object} seriesStack - The original series data object
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ * @param {Object} defaultProps - Optional default props
+ * @return {Promise} Return a promise when the image has been rendered succesfully
+ */
+export const renderImage = function (seriesStack, elementId, defaultProps) {
+  let t0 = performance.now();
+  // get element and enable it
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  cornerstone.enable(element);
+  let series = { ...seriesStack };
+  // default to 0 if multiframe and frameId is null
+  // let frameId = series.isMultiframe ? 1 : null;
+  larvitar_store.set("renderingStatus", [elementId, false]);
+  let data = getSeriesData(series, defaultProps);
+  if (!data.imageId) {
+    console.warn("Error during renderImage: imageId has not been loaded yet.");
+    return;
+  }
+  let renderPromise = new Promise(resolve => {
+    // load and display one image (imageId)
+    cornerstone.loadImage(data.imageId).then(function (image) {
+      cornerstone.displayImage(element, image);
+      if (series.layer) {
+        // assign the image to its layer and return its id
+        series.layer.id = cornerstone.addLayer(
+          element,
+          image,
+          series.layer.options
+        );
+      }
+      let viewport = cornerstone.getViewport(element);
+      // window width and window level
+      // are stored in specific dicom tags
+      // (x00281050 and x00281051)
+      // if not present check in image object
+      data.ww = data.ww ? data.ww : image.windowWidth;
+      data.wc = data.wc ? data.wc : image.windowCenter;
+      data.defaultWW = data.defaultWW ? data.defaultWW : data.ww;
+      data.defaultWC = data.defaultWC ? data.defaultWC : data.wc;
+      cornerstone.fitToWindow(element);
+      if (defaultProps &amp;&amp; has(defaultProps, "scale")) {
+        viewport.scale = defaultProps["scale"];
+        cornerstone.setViewport(element, viewport);
+      }
+      if (
+        defaultProps &amp;&amp;
+        has(defaultProps, "tr_x") &amp;&amp;
+        has(defaultProps, "tr_y")
+      ) {
+        viewport.translation.x = defaultProps["tr_x"];
+        viewport.translation.y = defaultProps["tr_y"];
+        cornerstone.setViewport(element, viewport);
+      }
+      // color maps
+      if (
+        defaultProps &amp;&amp;
+        has(defaultProps, "colormap") &amp;&amp;
+        image.color == false
+      ) {
+        applyColorMap(defaultProps["colormap"]);
+      }
+      let storedViewport = cornerstone.getViewport(element);
+      storeViewportData(
+        image,
+        elementId,
+        data.imageIndex,
+        data.numberOfSlices,
+        data.rows,
+        data.cols,
+        data.spacing_x,
+        data.spacing_y,
+        data.thickness,
+        storedViewport,
+        data.defaultWW,
+        data.defaultWC
+      );
+      larvitar_store.set("renderingStatus", [elementId, true]);
+      let t1 = performance.now();
+      console.log(`Call to renderImage took ${t1 - t0} milliseconds.`);
+      let uri = cornerstoneWADOImageLoader.wadouri.parseImageId(
+        data.imageId
+      ).url;
+      cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.unload(uri);
+      image = null;
+      series = null;
+      data = null;
+      resolve();
+    });
+  });
+  csToolsCreateStack(element, series.imageIds, data.imageIndex - 1);
+  toggleMouseToolsListeners(elementId);
+  return renderPromise;
+};
+/**
+ * Update the cornerstone image with new imageIndex
+ * @instance
+ * @function updateImage
+ * @param {Object} series - The original series data object
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ * @param {Number} imageIndex - The index of the image to be rendered
+ * @param {Boolean} cacheImage - A flag to handle image cache
+ */
+export const updateImage = function (
+  series,
+  elementId,
+  imageIndex,
+  cacheImage
+) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.log("not element");
+    return;
+  }
+  let index = imageIndex == 0 ? imageIndex : imageIndex - 1;
+  if (cacheImage) {
+    cornerstone
+      .loadAndCacheImage(series.imageIds[index])
+      .then(function (image) {
+        cornerstone.displayImage(element, image);
+      });
+  } else {
+    cornerstone.loadImage(series.imageIds[index]).then(function (image) {
+      cornerstone.displayImage(element, image);
+    });
+  }
+};
+/**
+ * Reset viewport values (scale, translation and wwwc)
+ * @instance
+ * @function resetViewports
+ * @param {Array} elementIds - The array of hmtl div ids
+ */
+export const resetViewports = function (elementIds) {
+  each(elementIds, function (elementId) {
+    let element = document.getElementById(elementId);
+    if (!element) {
+      console.error("invalid html element: " + elementId);
+      return;
+    }
+    let viewport = cornerstone.getViewport(element);
+    viewport.scale = larvitar_store.get(
+      "viewports",
+      elementId,
+      "default",
+      "scale"
+    );
+    viewport.rotation = larvitar_store.get(
+      "viewports",
+      elementId,
+      "default",
+      "rotation"
+    );
+    viewport.translation.x = larvitar_store.get(
+      "viewports",
+      elementId,
+      "default",
+      "translation",
+      "x"
+    );
+    viewport.translation.y = larvitar_store.get(
+      "viewports",
+      elementId,
+      "default",
+      "translation",
+      "y"
+    );
+    viewport.voi.windowWidth = larvitar_store.get(
+      "viewports",
+      elementId,
+      "default",
+      "voi",
+      "windowWidth"
+    );
+    viewport.voi.windowCenter = larvitar_store.get(
+      "viewports",
+      elementId,
+      "default",
+      "voi",
+      "windowCenter"
+    );
+    viewport.hflip = false;
+    viewport.vflip = false;
+    viewport.invert = false;
+    cornerstone.setViewport(element, viewport);
+    cornerstone.fitToWindow(element);
+    cornerstone.updateImage(element);
+    larvitar_store.set("scale", [elementId, viewport.scale]);
+    larvitar_store.set("rotation", [elementId, viewport.rotation]);
+    larvitar_store.set("translation", [
+      elementId,
+      viewport.translation.x,
+      viewport.translation.y
+    ]);
+    larvitar_store.set("contrast", [
+      elementId,
+      viewport.voi.windowWidth,
+      viewport.voi.windowCenter
+    ]);
+  });
+};
+/**
+ * Update viewport data in store
+ * @instance
+ * @function updateViewportData
+ * @param {String} elementId - The html div id used for rendering or its DOM HTMLElement
+ * @param {Object} viewportData - The new viewport data
+ */
+export const updateViewportData = function (
+  elementId,
+  viewportData,
+  activeTool
+) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  switch (activeTool) {
+    case "Wwwc":
+    case "WwwcRegion":
+      // sync viewports if needed
+      let elements = cornerstone.getEnabledElements();
+      each(elements, function (el) {
+        larvitar_store.set("contrast", [
+          el.element.id,
+          viewportData.voi.windowWidth,
+          viewportData.voi.windowCenter
+        ]);
+      });
+      break;
+    case "Pan":
+      larvitar_store.set("translation", [
+        elementId,
+        viewportData.translation.x,
+        viewportData.translation.y
+      ]);
+      break;
+    case "Zoom":
+      larvitar_store.set("scale", [elementId, viewportData.scale]);
+      break;
+    case "Rotate":
+      larvitar_store.set("rotation", [elementId, viewportData.rotation]);
+      break;
+    default:
+      break;
+  }
+};
+/**
+ * Store the viewport data into internal storage
+ * @instance
+ * @function storeViewportData
+ * @param {Object} image - The cornerstone image frame
+ * @param {String} elementId - The html div id used for rendering
+ * @param {Number} imageIndex - The index of the image
+ * @param {Number} numberOfSlices - The number of slices of the series
+ * @param {Number} rows - The number of rows of the image
+ * @param {Number} cols - The number of columns of the image
+ * @param {Number} spacing_x - The spacing value for x axis
+ * @param {Number} spacing_y - The spacing value for y direction
+ * @param {Number} thickness - The thickness value between slices
+ * @param {String} viewport - The viewport tag name
+ * @param {Number} defaultWW - The default WW value
+ * @param {Number} defaultWC - The default WC value
+ */
+export const storeViewportData = function (
+  image,
+  elementId,
+  imageIndex,
+  numberOfSlices,
+  rows,
+  cols,
+  spacing_x,
+  spacing_y,
+  thickness,
+  viewport,
+  defaultWW,
+  defaultWC
+) {
+  larvitar_store.set("dimensions", [elementId, rows, cols]);
+  larvitar_store.set("spacing", [elementId, spacing_x, spacing_y]);
+  larvitar_store.set("thickness", [elementId, thickness]);
+  larvitar_store.set("minPixelValue", [elementId, image.minPixelValue]);
+  larvitar_store.set("maxPixelValue", [elementId, image.maxPixelValue]);
+  larvitar_store.set("minSliceId", [elementId, 1]);
+  larvitar_store.set("sliceId", [elementId, imageIndex]);
+  larvitar_store.set("maxSliceId", [elementId, numberOfSlices]);
+  larvitar_store.set("defaultViewport", [
+    elementId,
+    viewport.scale,
+    viewport.rotation,
+    viewport.translation.x,
+    viewport.translation.y,
+    defaultWW,
+    defaultWC
+  ]);
+  larvitar_store.set("scale", [elementId, viewport.scale]);
+  larvitar_store.set("rotation", [elementId, viewport.rotation]);
+  larvitar_store.set("translation", [
+    elementId,
+    viewport.translation.x,
+    viewport.translation.y
+  ]);
+  larvitar_store.set("contrast", [
+    elementId,
+    viewport.voi.windowWidth,
+    viewport.voi.windowCenter
+  ]);
+};
+/**
+ * Invert pixels of an image
+ * @instance
+ * @function invertImage
+ * @param {Object} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const invertImage = function (elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  let viewport = cornerstone.getViewport(element);
+  viewport.invert = !viewport.invert;
+  cornerstone.setViewport(element, viewport);
+};
+/**
+ * Flip image around horizontal axis
+ * @instance
+ * @function flipImageHorizontal
+ * @param {Object} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const flipImageHorizontal = function (elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  let viewport = cornerstone.getViewport(element);
+  viewport.hflip = !viewport.hflip;
+  cornerstone.setViewport(element, viewport);
+};
+/**
+ * Flip image around vertical axis
+ * @instance
+ * @function flipImageVertical
+ * @param {Object} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const flipImageVertical = function (elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  let viewport = cornerstone.getViewport(element);
+  viewport.vflip = !viewport.vflip;
+  cornerstone.setViewport(element, viewport);
+};
+/**
+ * Rotate image by 90° in left direction
+ * @instance
+ * @function rotateImageLeft
+ * @param {Object} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const rotateImageLeft = function (elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  let viewport = cornerstone.getViewport(element);
+  viewport.rotation -= 90;
+  cornerstone.setViewport(element, viewport);
+};
+/**
+ * Rotate image by 90° in right direction
+ * @instance
+ * @function rotateImageRight
+ * @param {Object} elementId - The html div id used for rendering or its DOM HTMLElement
+ */
+export const rotateImageRight = function (elementId) {
+  let element = isElement(elementId)
+    ? elementId
+    : document.getElementById(elementId);
+  if (!element) {
+    console.error("invalid html element: " + elementId);
+    return;
+  }
+  let viewport = cornerstone.getViewport(element);
+  viewport.rotation += 90;
+  cornerstone.setViewport(element, viewport);
+};
+/* Internal module functions */
+/**
+ * Get series metadata from default props and series' metadata
+ * @instance
+ * @function getSeriesData
+ * @param {Object} series - The parsed data series
+ * @param {Object} defaultProps - Optional default properties
+ * @return {Object} data - A data dictionary with parsed tags' values
+ */
+let getSeriesData = function (series, defaultProps) {
+  let data = {};
+  // image index
+  if (series.isMultiframe) {
+    data.numberOfSlices = series.imageIds.length;
+    data.imageIndex = 1;
+    data.imageId = series.imageIds[0];
+  } else {
+    data.numberOfSlices =
+      defaultProps &amp;&amp; has(defaultProps, "numberOfSlices")
+        ? defaultProps["numberOfSlices"]
+        : series.imageIds.length;
+    data.imageIndex =
+      defaultProps &amp;&amp;
+      has(defaultProps, "sliceNumber") &amp;&amp;
+      defaultProps["sliceNumber"] &lt;= data.numberOfSlices
+        ? defaultProps["sliceNumber"]
+        : Math.floor(data.numberOfSlices / 2);
+    data.imageId =
+      data.imageIndex > 0
+        ? series.imageIds[data.imageIndex - 1]
+        : series.imageIds[0];
+  }
+  // rows, cols and x y z spacing
+  data.rows = series.instances[series.imageIds[0]].metadata["x00280010"];
+  data.cols = series.instances[series.imageIds[0]].metadata["x00280011"];
+  data.thickness = series.instances[series.imageIds[0]].metadata["x00180050"];
+  data.spacing_x = series.instances[series.imageIds[0]].metadata["x00280030"]
+    ? series.instances[series.imageIds[0]].metadata["x00280030"][0]
+    : null;
+  data.spacing_y = series.instances[series.imageIds[0]].metadata["x00280030"]
+    ? series.instances[series.imageIds[0]].metadata["x00280030"][1]
+    : null;
+  // window center and window width
+  data.wc =
+    defaultProps &amp;&amp; has(defaultProps, "wc")
+      ? defaultProps["wc"]
+      : series.instances[series.imageIds[0]].metadata["x00281050"];
+  data.ww =
+    defaultProps &amp;&amp; has(defaultProps, "ww")
+      ? defaultProps["ww"]
+      : series.instances[series.imageIds[0]].metadata["x00281051"];
+  // default values for reset
+  data.defaultWW =
+    defaultProps &amp;&amp; has(defaultProps, "defaultWW")
+      ? defaultProps["defaultWW"]
+      : data.ww;
+  data.defaultWC =
+    defaultProps &amp;&amp; has(defaultProps, "defaultWC")
+      ? defaultProps["defaultWC"]
+      : data.wc;
+  if (data.rows == null || data.cols == null) {
+    console.error("invalid image metadata");
+    larvitar_store.set("errorLog", "Invalid Image Metadata");
+    return;
+  } else {
+    larvitar_store.set("errorLog", "");
+  }
+  return data;
+};
+</code></pre>
+        </article>
+    </section>
+</div>
+<br class="clear">
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+</footer>
+<script>prettyPrint();</script>
+<script src="scripts/polyfill.js"></script>
+<script src="scripts/linenumber.js"></script>
+<script src="scripts/search.js" defer></script>
+<script src="scripts/collapse.js" defer></script>
+</body>
+</html>