From 8af5b3a0e88d44dfbe45f07baf3539cea2f14732 Mon Sep 17 00:00:00 2001
From: hackermd <hackermd@protonmail.com>
Date: Mon, 12 Sep 2022 22:55:23 -0400
Subject: [PATCH] Update documentation

---
 docs/annotation.AnnotationGroup.html          |  24 +-
 docs/annotation.html                          |   2 +-
 docs/annotation.js.html                       |  79 +-
 docs/annotations__AnnotationManager.js.html   |   2 +-
 ...annotations_markups__MarkupManager.js.html |   2 +-
 docs/api.html                                 |   2 +-
 docs/color.PaletteColorLookupTable.html       |   2 +-
 docs/color.html                               |   2 +-
 docs/color.js.html                            |   2 +-
 docs/dicom-microscopy-viewer.js.html          |   2 +-
 docs/events.html                              |  48 +-
 docs/events.js.html                           |   8 +-
 docs/global.html                              |   2 +-
 docs/index.html                               |   2 +-
 docs/mapping.ParameterMapping.html            |   2 +-
 docs/mapping.Transformation.html              |   2 +-
 docs/mapping.html                             |   2 +-
 docs/mapping.js.html                          |   2 +-
 docs/metadata.Comprehensive3DSR.html          |   2 +-
 ...adata.MicroscopyBulkSimpleAnnotations.html |   2 +-
 docs/metadata.ParametricMap.html              |   2 +-
 docs/metadata.SOPClass.html                   |   2 +-
 docs/metadata.Segmentation.html               |   2 +-
 .../metadata.VLWholeSlideMicroscopyImage.html |   2 +-
 docs/metadata.html                            |   2 +-
 docs/metadata.js.html                         |   2 +-
 docs/module.exports_module.exports.html       |   2 +-
 docs/opticalPath.OpticalPath.html             |   2 +-
 docs/opticalPath.html                         |   2 +-
 docs/opticalPath.js.html                      |   2 +-
 docs/pyramid.js.html                          |  39 +-
 docs/roi.ROI.html                             |   4 +-
 docs/roi.html                                 |   2 +-
 docs/roi.js.html                              |   8 +-
 docs/scoord3d.Ellipse.html                    |   2 +-
 docs/scoord3d.Ellipsoid.html                  |   2 +-
 docs/scoord3d.Multipoint.html                 |   2 +-
 docs/scoord3d.Point.html                      |   2 +-
 docs/scoord3d.Polygon.html                    |   2 +-
 docs/scoord3d.Polyline.html                   |   2 +-
 docs/scoord3d.Scoord3D.html                   |   2 +-
 docs/scoord3d.html                            |   2 +-
 docs/scoord3d.js.html                         |   4 +-
 docs/segment.Segment.html                     |   2 +-
 docs/segment.html                             |   2 +-
 docs/segment.js.html                          |   2 +-
 docs/utils.html                               |   4 +-
 docs/utils.js.html                            |  28 +-
 docs/viewer.LabelImageViewer.html             |   4 +-
 docs/viewer.OverviewImageViewer.html          |   4 +-
 docs/viewer.VolumeImageViewer.html            | 696 +++++++++++++++---
 docs/viewer.html                              |   2 +-
 docs/viewer.js.html                           | 397 +++++++---
 ...webWorker_decoders_decoderAbstract.js.html |   2 +-
 ...Worker_transformers_transformerICC.js.html |   2 +-
 docs/webWorker_webWorkerManager.js.html       |   2 +-
 56 files changed, 1136 insertions(+), 295 deletions(-)

diff --git a/docs/annotation.AnnotationGroup.html b/docs/annotation.AnnotationGroup.html
index 36c2c640..9cb5d3ca 100644
--- a/docs/annotation.AnnotationGroup.html
+++ b/docs/annotation.AnnotationGroup.html
@@ -402,7 +402,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line17">line 17</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line14">line 14</a>
     </li></ul></dd>
     
 
@@ -506,7 +506,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line129">line 129</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line126">line 126</a>
     </li></ul></dd>
     
 
@@ -578,7 +578,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line138">line 138</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line135">line 135</a>
     </li></ul></dd>
     
 
@@ -650,7 +650,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line120">line 120</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line117">line 117</a>
     </li></ul></dd>
     
 
@@ -722,7 +722,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line111">line 111</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line108">line 108</a>
     </li></ul></dd>
     
 
@@ -794,7 +794,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line147">line 147</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line144">line 144</a>
     </li></ul></dd>
     
 
@@ -866,7 +866,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line156">line 156</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line153">line 153</a>
     </li></ul></dd>
     
 
@@ -938,7 +938,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line174">line 174</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line171">line 171</a>
     </li></ul></dd>
     
 
@@ -1010,7 +1010,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line183">line 183</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line180">line 180</a>
     </li></ul></dd>
     
 
@@ -1082,7 +1082,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line165">line 165</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line162">line 162</a>
     </li></ul></dd>
     
 
@@ -1154,7 +1154,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line102">line 102</a>
+        <a href="annotation.js.html">annotation.js</a>, <a href="annotation.js.html#line99">line 99</a>
     </li></ul></dd>
     
 
@@ -1194,7 +1194,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/annotation.html b/docs/annotation.html
index 4bf56880..ffe15fd7 100644
--- a/docs/annotation.html
+++ b/docs/annotation.html
@@ -131,7 +131,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/annotation.js.html b/docs/annotation.js.html
index f147396d..8fa9756b 100644
--- a/docs/annotation.js.html
+++ b/docs/annotation.js.html
@@ -26,10 +26,7 @@ <h1 class="page-title">Source: annotation.js</h1>
     
     <section>
         <article>
-            <pre class="prettyprint source linenums"><code>import {
-  _fetchBulkdata,
-  getContentItemNameCodedConcept
-} from './utils.js'
+            <pre class="prettyprint source linenums"><code>import { _fetchBulkdata } from './utils.js'
 
 const _attrs = Symbol('attrs')
 
@@ -242,11 +239,13 @@ <h1 class="page-title">Source: annotation.js</h1>
       )
     } else {
       if ('PointCoordinatesData' in bulkdataItem) {
+        console.info(`fetch point coordinate data of annotation group "${uid}"`)
         return await _fetchBulkdata({
           client,
           reference: bulkdataItem.PointCoordinatesData
         })
       } else if ('DoublePointCoordinatesData' in bulkdataItem) {
+        console.info(`fetch point coordinate data of annotation group "${uid}"`)
         return await _fetchBulkdata({
           client,
           reference: bulkdataItem.DoublePointCoordinatesData
@@ -294,6 +293,7 @@ <h1 class="page-title">Source: annotation.js</h1>
       }
     } else {
       if ('LongPrimitivePointIndexList' in bulkdataItem) {
+        console.info(`fetch point index list of annotation group "${uid}"`)
         return await _fetchBulkdata({
           client,
           reference: bulkdataItem.LongPrimitivePointIndexList
@@ -352,6 +352,11 @@ <h1 class="page-title">Source: annotation.js</h1>
         measurementBulkdataItem.MeasurementValuesSequence[0]
       )
       if ('FloatingPointValues' in valuesBulkdataItem) {
+        const nameItem = measurementMetadataItem.ConceptNameCodeSequence[0]
+        const name = nameItem.CodeMeaning
+        console.info(
+          `fetch measurement values for measurement #${index} "${name}"`
+        )
         return await _fetchBulkdata({
           client,
           reference: valuesBulkdataItem.FloatingPointValues
@@ -408,6 +413,11 @@ <h1 class="page-title">Source: annotation.js</h1>
           .MeasurementValuesSequence[0]
       )
       if ('AnnotationIndexList' in valuesBulkdataItem) {
+        const nameItem = measurementMetadataItem.ConceptNameCodeSequence[0]
+        const name = nameItem.CodeMeaning
+        console.info(
+          `fetch measurement indices for measurement #${index} "${name}"`
+        )
         return await _fetchBulkdata({
           client,
           reference: valuesBulkdataItem.AnnotationIndexList
@@ -420,7 +430,7 @@ <h1 class="page-title">Source: annotation.js</h1>
 }
 
 /**
- * Fetch measurements of an annotation group.
+ * Fetch all measurements of an annotation group.
  *
  * @param {object} options
  * @param {object} options.metadataItem - Metadata of Annotation Group Sequence item
@@ -440,7 +450,8 @@ <h1 class="page-title">Source: annotation.js</h1>
   if (metadataItem.MeasurementsSequence !== undefined) {
     for (let i = 0; i &lt; metadataItem.MeasurementsSequence.length; i++) {
       const item = metadataItem.MeasurementsSequence[i]
-      const name = getContentItemNameCodedConcept(item)
+      const name = item.ConceptNameCodeSequence[0]
+      const unit = item.MeasurementUnitsCodeSequence[0]
       const values = await _fetchMeasurementValues({
         metadataItem,
         bulkdataItem,
@@ -455,6 +466,7 @@ <h1 class="page-title">Source: annotation.js</h1>
       })
       measurements.push({
         name,
+        unit,
         values,
         indices
       })
@@ -463,6 +475,58 @@ <h1 class="page-title">Source: annotation.js</h1>
   return measurements
 }
 
+/**
+ * Fetch an individual measurement of an annotation group.
+ *
+ * @param {object} options
+ * @param {object} options.metadataItem - Metadata of Annotation Group Sequence item
+ * @param {object} options.bulkdataItem - Bulkdata of Annotation Group Sequence item
+ * @param {object} options.index - Index of the Measurements Sequence item
+ * @param {object} options.client - DICOMweb client
+ *
+ * @returns {Promise&lt;Array&lt;object>>} Name, values, and indices of measurements
+ *
+ * @private
+ */
+async function _fetchMeasurement ({
+  metadataItem,
+  bulkdataItem,
+  index,
+  client
+}) {
+  if (metadataItem.MeasurementsSequence == null) {
+    throw new Error(
+      'Measurements Sequence element is not contained in metadata.'
+    )
+  }
+  if (metadataItem.MeasurementsSequence.length === 0) {
+    throw new Error(
+      'Measurements Sequence element in empty.'
+    )
+  }
+  const item = metadataItem.MeasurementsSequence[index]
+  if (item == null) {
+    throw new Error(
+      `Measurements Sequence does not contain an item #${index}.`
+    )
+  }
+  const name = item.ConceptNameCodeSequence[0]
+  const unit = item.MeasurementUnitsCodeSequence[0]
+  const values = await _fetchMeasurementValues({
+    metadataItem,
+    bulkdataItem,
+    index,
+    client
+  })
+  const indices = await _fetchMeasurementIndices({
+    metadataItem,
+    bulkdataItem,
+    index,
+    client
+  })
+  return { name, unit, values, indices }
+}
+
 /**
  * Get dimensionality of coordinates.
  *
@@ -753,6 +817,7 @@ <h1 class="page-title">Source: annotation.js</h1>
   _fetchGraphicData,
   _fetchGraphicIndex,
   _fetchMeasurements,
+  _fetchMeasurement,
   _getCentroid,
   _getCommonZCoordinate,
   _getCoordinateDimensionality
@@ -773,7 +838,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/annotations__AnnotationManager.js.html b/docs/annotations__AnnotationManager.js.html
index 1df980b6..c18783b4 100644
--- a/docs/annotations__AnnotationManager.js.html
+++ b/docs/annotations__AnnotationManager.js.html
@@ -230,7 +230,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/annotations_markups__MarkupManager.js.html b/docs/annotations_markups__MarkupManager.js.html
index 43c952f1..fb07ed23 100644
--- a/docs/annotations_markups__MarkupManager.js.html
+++ b/docs/annotations_markups__MarkupManager.js.html
@@ -567,7 +567,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/api.html b/docs/api.html
index fc34eadc..02c72ee1 100644
--- a/docs/api.html
+++ b/docs/api.html
@@ -125,7 +125,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/color.PaletteColorLookupTable.html b/docs/color.PaletteColorLookupTable.html
index a7fe2df9..326777db 100644
--- a/docs/color.PaletteColorLookupTable.html
+++ b/docs/color.PaletteColorLookupTable.html
@@ -707,7 +707,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/color.html b/docs/color.html
index 30d50e11..432d166d 100644
--- a/docs/color.html
+++ b/docs/color.html
@@ -662,7 +662,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/color.js.html b/docs/color.js.html
index aef92df3..3a07aa8e 100644
--- a/docs/color.js.html
+++ b/docs/color.js.html
@@ -462,7 +462,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/dicom-microscopy-viewer.js.html b/docs/dicom-microscopy-viewer.js.html
index 42e4036b..3a8c4337 100644
--- a/docs/dicom-microscopy-viewer.js.html
+++ b/docs/dicom-microscopy-viewer.js.html
@@ -238,7 +238,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/events.html b/docs/events.html
index 45c58816..7e8441ac 100644
--- a/docs/events.html
+++ b/docs/events.html
@@ -363,6 +363,29 @@ <h5 class="subsection-title">Properties:</h5>
 
     
 
+        <tr>
+            
+                <td class="name"><code>LOADING_ERROR</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">Triggered when an error occurs during loading of data.</td>
+        </tr>
+
+    
+
         <tr>
             
                 <td class="name"><code>FRAME_LOADING_STARTED</code></td>
@@ -404,6 +427,29 @@ <h5 class="subsection-title">Properties:</h5>
 
             
 
+            <td class="description last"></td>
+        </tr>
+
+    
+
+        <tr>
+            
+                <td class="name"><code>FRAME_LOADING_ERROR</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+
+            
+
             <td class="description last"></td>
         </tr>
 
@@ -483,7 +529,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/events.js.html b/docs/events.js.html
index dd529f11..7bf5c039 100644
--- a/docs/events.js.html
+++ b/docs/events.js.html
@@ -56,10 +56,14 @@ <h1 class="page-title">Source: events.js</h1>
   LOADING_STARTED: `${PROJECT_NAME}_loading_started`,
   /** Triggered when a loading of data has ended. */
   LOADING_ENDED: `${PROJECT_NAME}_loading_ended`,
+  /** Triggered when an error occurs during loading of data. */
+  LOADING_ERROR: `${PROJECT_NAME}_loading_error`,
   /* Triggered when the loading of an image tile has started. */
   FRAME_LOADING_STARTED: `${PROJECT_NAME}_frame_loading_started`,
   /* Triggered when the loading of an image tile has ended. */
-  FRAME_LOADING_ENDED: `${PROJECT_NAME}_frame_loading_ended`
+  FRAME_LOADING_ENDED: `${PROJECT_NAME}_frame_loading_ended`,
+  /* Triggered when the error occurs during loading of an image tile. */
+  FRAME_LOADING_ERROR: `${PROJECT_NAME}_frame_loading_ended`
 }
 
 export default EVENTS
@@ -79,7 +83,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/global.html b/docs/global.html
index e4c560a4..0abe9661 100644
--- a/docs/global.html
+++ b/docs/global.html
@@ -1796,7 +1796,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/index.html b/docs/index.html
index 720eda1d..040d9473 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -177,7 +177,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/mapping.ParameterMapping.html b/docs/mapping.ParameterMapping.html
index 409bfe57..1e4b00dd 100644
--- a/docs/mapping.ParameterMapping.html
+++ b/docs/mapping.ParameterMapping.html
@@ -1010,7 +1010,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/mapping.Transformation.html b/docs/mapping.Transformation.html
index 3714de3f..67966381 100644
--- a/docs/mapping.Transformation.html
+++ b/docs/mapping.Transformation.html
@@ -378,7 +378,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/mapping.html b/docs/mapping.html
index b6085245..ef5d9f31 100644
--- a/docs/mapping.html
+++ b/docs/mapping.html
@@ -133,7 +133,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/mapping.js.html b/docs/mapping.js.html
index c23260cf..0659bbd4 100644
--- a/docs/mapping.js.html
+++ b/docs/mapping.js.html
@@ -319,7 +319,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.Comprehensive3DSR.html b/docs/metadata.Comprehensive3DSR.html
index 09079be1..3f3dd69d 100644
--- a/docs/metadata.Comprehensive3DSR.html
+++ b/docs/metadata.Comprehensive3DSR.html
@@ -411,7 +411,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.MicroscopyBulkSimpleAnnotations.html b/docs/metadata.MicroscopyBulkSimpleAnnotations.html
index 9535dc31..c21c64ac 100644
--- a/docs/metadata.MicroscopyBulkSimpleAnnotations.html
+++ b/docs/metadata.MicroscopyBulkSimpleAnnotations.html
@@ -411,7 +411,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.ParametricMap.html b/docs/metadata.ParametricMap.html
index 644bf645..705767c3 100644
--- a/docs/metadata.ParametricMap.html
+++ b/docs/metadata.ParametricMap.html
@@ -411,7 +411,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.SOPClass.html b/docs/metadata.SOPClass.html
index 11cb55f3..53a639d9 100644
--- a/docs/metadata.SOPClass.html
+++ b/docs/metadata.SOPClass.html
@@ -390,7 +390,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.Segmentation.html b/docs/metadata.Segmentation.html
index d3e728c1..ca3ed80f 100644
--- a/docs/metadata.Segmentation.html
+++ b/docs/metadata.Segmentation.html
@@ -411,7 +411,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.VLWholeSlideMicroscopyImage.html b/docs/metadata.VLWholeSlideMicroscopyImage.html
index 2d57c28e..32c75a55 100644
--- a/docs/metadata.VLWholeSlideMicroscopyImage.html
+++ b/docs/metadata.VLWholeSlideMicroscopyImage.html
@@ -411,7 +411,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.html b/docs/metadata.html
index 3afd723c..3613c51b 100644
--- a/docs/metadata.html
+++ b/docs/metadata.html
@@ -633,7 +633,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/metadata.js.html b/docs/metadata.js.html
index 2163e990..6aa1a919 100644
--- a/docs/metadata.js.html
+++ b/docs/metadata.js.html
@@ -622,7 +622,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/module.exports_module.exports.html b/docs/module.exports_module.exports.html
index 8a60bc59..3654e68f 100644
--- a/docs/module.exports_module.exports.html
+++ b/docs/module.exports_module.exports.html
@@ -234,7 +234,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/opticalPath.OpticalPath.html b/docs/opticalPath.OpticalPath.html
index 2153499e..f4f31968 100644
--- a/docs/opticalPath.OpticalPath.html
+++ b/docs/opticalPath.OpticalPath.html
@@ -1299,7 +1299,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/opticalPath.html b/docs/opticalPath.html
index 50faf3ee..0ab123c3 100644
--- a/docs/opticalPath.html
+++ b/docs/opticalPath.html
@@ -130,7 +130,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/opticalPath.js.html b/docs/opticalPath.js.html
index 74324cd0..1f445532 100644
--- a/docs/opticalPath.js.html
+++ b/docs/opticalPath.js.html
@@ -242,7 +242,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/pyramid.js.html b/docs/pyramid.js.html
index a89652a4..9b8297c6 100644
--- a/docs/pyramid.js.html
+++ b/docs/pyramid.js.html
@@ -397,6 +397,8 @@ <h1 class="page-title">Source: pyramid.js</h1>
       )
     }
 
+    const studyInstanceUID = pyramid.metadata[z].StudyInstanceUID
+    const seriesInstanceUID = pyramid.metadata[z].SeriesInstanceUID
     const path = pyramid.frameMappings[z][index]
     let src
     if (path != null) {
@@ -405,8 +407,8 @@ <h1 class="page-title">Source: pyramid.js</h1>
         src += client.wadoURL
       }
       src += (
-        '/studies/' + pyramid.metadata[z].StudyInstanceUID +
-        '/series/' + pyramid.metadata[z].SeriesInstanceUID +
+        '/studies/' + studyInstanceUID +
+        '/series/' + seriesInstanceUID +
         '/instances/' + path
       )
     }
@@ -421,8 +423,6 @@ <h1 class="page-title">Source: pyramid.js</h1>
     const sopClassUID = refImage.SOPClassUID
 
     if (src != null) {
-      const studyInstanceUID = dwc.utils.getStudyInstanceUIDFromUri(src)
-      const seriesInstanceUID = dwc.utils.getSeriesInstanceUIDFromUri(src)
       const sopInstanceUID = dwc.utils.getSOPInstanceUIDFromUri(src)
       const frameNumbers = dwc.utils.getFrameNumbersFromUri(src)
 
@@ -507,11 +507,7 @@ <h1 class="page-title">Source: pyramid.js</h1>
         frameNumber: frameNumbers[0],
         channelIdentifier: String(channel)
       }
-      publish(
-        targetElement,
-        EVENT.FRAME_LOADING_STARTED,
-        frameInfo
-      )
+      publish(targetElement, EVENT.FRAME_LOADING_STARTED, frameInfo)
 
       const retrieveOptions = {
         studyInstanceUID,
@@ -559,11 +555,8 @@ <h1 class="page-title">Source: pyramid.js</h1>
         }
       ).catch(
         (error) => {
-          publish(
-            targetElement,
-            EVENT.FRAME_LOADING_ENDED,
-            null
-          )
+          publish(targetElement, EVENT.FRAME_LOADING_ENDED, frameInfo)
+          publish(targetElement, EVENT.FRAME_LOADING_ERROR, frameInfo)
           return Promise.reject(
             new Error(
               `Failed to load frames ${frameNumbers} ` +
@@ -619,11 +612,11 @@ <h1 class="page-title">Source: pyramid.js</h1>
 
   // Fit the pyramid levels to the reference image pyramid
   const fittedPyramid = {
-    extent: refPyramid.extent,
-    origins: refPyramid.origins,
-    resolutions: refPyramid.resolutions,
-    gridSizes: refPyramid.gridSizes,
-    tileSizes: refPyramid.tileSizes,
+    extent: [...refPyramid.extent],
+    origins: [...refPyramid.origins],
+    resolutions: [...refPyramid.resolutions],
+    gridSizes: [...refPyramid.gridSizes],
+    tileSizes: [...refPyramid.tileSizes],
     pixelSpacings: [],
     metadata: [],
     frameMappings: []
@@ -632,9 +625,9 @@ <h1 class="page-title">Source: pyramid.js</h1>
     const index = matchingLevelIndices.find(element => element[0] === i)
     if (index) {
       const j = index[1]
-      fittedPyramid.gridSizes[i] = pyramid.gridSizes[j]
-      fittedPyramid.tileSizes[i] = pyramid.tileSizes[j]
-      fittedPyramid.pixelSpacings.push(pyramid.pixelSpacings[j])
+      fittedPyramid.gridSizes[i] = [...pyramid.gridSizes[j]]
+      fittedPyramid.tileSizes[i] = [...pyramid.tileSizes[j]]
+      fittedPyramid.pixelSpacings.push([...pyramid.pixelSpacings[j]])
       fittedPyramid.metadata.push(pyramid.metadata[j])
       fittedPyramid.frameMappings.push(pyramid.frameMappings[j])
     } else {
@@ -670,7 +663,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/roi.ROI.html b/docs/roi.ROI.html
index 5da5e3a8..b5cd95d6 100644
--- a/docs/roi.ROI.html
+++ b/docs/roi.ROI.html
@@ -134,7 +134,7 @@ <h6>Properties</h6>
             <td class="type">
             
                 
-<span class="param-type"><a href="scoord3d.Scoord3D.html">scoord3d.Scoord3D</a></span>
+<span class="param-type">scoord3d.scoord3d</span>
 
 
             
@@ -948,7 +948,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/roi.html b/docs/roi.html
index c0f78bf0..8c1b09ab 100644
--- a/docs/roi.html
+++ b/docs/roi.html
@@ -130,7 +130,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/roi.js.html b/docs/roi.js.html
index 25d13d35..126ff9d9 100644
--- a/docs/roi.js.html
+++ b/docs/roi.js.html
@@ -41,7 +41,7 @@ <h1 class="page-title">Source: roi.js</h1>
 class ROI {
   /**
    * @param {Object} options - Options for construction of ROI
-   * @param {scoord3d.Scoord3D} options.scoord3d - Spatial 3D coordinates
+   * @param {scoord3d.scoord3d} options.scoord3d - Spatial 3D coordinates
    * @param {string} options.uid - Unique idenfifier
    * @param {Object} options.properties - Properties (name-value pairs)
    */
@@ -113,7 +113,7 @@ <h1 class="page-title">Source: roi.js</h1>
    * @type Object[]
    */
   get measurements () {
-    return this[_properties].measurements
+    return this[_properties][Enums.InternalProperties.Measurements].slice(0)
   }
 
   /**
@@ -122,7 +122,7 @@ <h1 class="page-title">Source: roi.js</h1>
    * @type Object[]
    */
   get evaluations () {
-    return this[_properties].evaluations
+    return this[_properties][Enums.InternalProperties.Evaluations].slice(0)
   }
 
   /**
@@ -161,7 +161,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.Ellipse.html b/docs/scoord3d.Ellipse.html
index 0446458e..fdf2f2c8 100644
--- a/docs/scoord3d.Ellipse.html
+++ b/docs/scoord3d.Ellipse.html
@@ -660,7 +660,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.Ellipsoid.html b/docs/scoord3d.Ellipsoid.html
index 640e992a..6a0cc178 100644
--- a/docs/scoord3d.Ellipsoid.html
+++ b/docs/scoord3d.Ellipsoid.html
@@ -661,7 +661,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.Multipoint.html b/docs/scoord3d.Multipoint.html
index 54526eb1..e6c6ee76 100644
--- a/docs/scoord3d.Multipoint.html
+++ b/docs/scoord3d.Multipoint.html
@@ -658,7 +658,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.Point.html b/docs/scoord3d.Point.html
index d46ecba2..a91085d7 100644
--- a/docs/scoord3d.Point.html
+++ b/docs/scoord3d.Point.html
@@ -657,7 +657,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.Polygon.html b/docs/scoord3d.Polygon.html
index 65179e8a..79334cf7 100644
--- a/docs/scoord3d.Polygon.html
+++ b/docs/scoord3d.Polygon.html
@@ -659,7 +659,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.Polyline.html b/docs/scoord3d.Polyline.html
index 18d0e02e..e2bdf335 100644
--- a/docs/scoord3d.Polyline.html
+++ b/docs/scoord3d.Polyline.html
@@ -658,7 +658,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.Scoord3D.html b/docs/scoord3d.Scoord3D.html
index c0ce1d66..d95a68d4 100644
--- a/docs/scoord3d.Scoord3D.html
+++ b/docs/scoord3d.Scoord3D.html
@@ -599,7 +599,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.html b/docs/scoord3d.html
index f3b15e79..b936ef00 100644
--- a/docs/scoord3d.html
+++ b/docs/scoord3d.html
@@ -148,7 +148,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/scoord3d.js.html b/docs/scoord3d.js.html
index e4c208ae..08da8f1c 100644
--- a/docs/scoord3d.js.html
+++ b/docs/scoord3d.js.html
@@ -395,7 +395,7 @@ <h1 class="page-title">Source: scoord3d.js</h1>
       ]
     }
     super({
-      coordinates: coordinates,
+      coordinates,
       frameOfReferenceUID: options.frameOfReferenceUID,
       fiducialUID: options.fiducialUID
     })
@@ -424,7 +424,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/segment.Segment.html b/docs/segment.Segment.html
index 6c39c4a5..86332ae3 100644
--- a/docs/segment.Segment.html
+++ b/docs/segment.Segment.html
@@ -1295,7 +1295,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/segment.html b/docs/segment.html
index fd828b25..2f13d675 100644
--- a/docs/segment.html
+++ b/docs/segment.html
@@ -130,7 +130,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/segment.js.html b/docs/segment.js.html
index 65b72eee..62cda71a 100644
--- a/docs/segment.js.html
+++ b/docs/segment.js.html
@@ -242,7 +242,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/utils.html b/docs/utils.html
index 1d3e5555..6815d8e4 100644
--- a/docs/utils.html
+++ b/docs/utils.html
@@ -1857,7 +1857,7 @@ <h4 class="name" id=".computeRotation"><span class="type-signature">(static) </s
 
 
 <div class="description">
-    Computes the rotation of the image with respect to the frame of reference.
+    Compute the rotation of the image with respect to the frame of reference.
 </div>
 
 
@@ -3634,7 +3634,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/utils.js.html b/docs/utils.js.html
index 14bc3ad1..d1d9b0b5 100644
--- a/docs/utils.js.html
+++ b/docs/utils.js.html
@@ -130,7 +130,7 @@ <h1 class="page-title">Source: utils.js</h1>
 }
 
 /**
- * Computes the rotation of the image with respect to the frame of reference.
+ * Compute the rotation of the image with respect to the frame of reference.
  *
  * @param {Object} options - Options
  * @param {number[]} options.orientation - Direction cosines along the row and column direction of the Total Pixel Matrix for each of the three axis of the slide coordinate system
@@ -399,7 +399,7 @@ <h1 class="page-title">Source: utils.js</h1>
     offset,
     spacing
   })
-  return applyTransform({ coordinate: point, affine: affine })
+  return applyTransform({ coordinate: point, affine })
 }
 
 /**
@@ -432,7 +432,7 @@ <h1 class="page-title">Source: utils.js</h1>
     spacing
   })
 
-  return applyInverseTransform({ coordinate: point, affine: affine })
+  return applyInverseTransform({ coordinate: point, affine })
 }
 
 /**
@@ -672,6 +672,21 @@ <h1 class="page-title">Source: utils.js</h1>
   })
 }
 
+/**
+ * Convert RGB color triplet into hex code.
+ *
+ * @param {Number[]} values - RGB triplet
+ * @returns {String} Hex code
+ *
+ * @private
+ */
+function rgb2hex (values) {
+  const r = values[0]
+  const g = values[1]
+  const b = values[2]
+  return '#' + (0x1000000 + (r &lt;&lt; 16) + (g &lt;&lt; 8) + b).toString(16).slice(1)
+}
+
 export {
   _getUnitSuffix,
   applyInverseTransform,
@@ -679,6 +694,7 @@ <h1 class="page-title">Source: utils.js</h1>
   buildInverseTransform,
   buildTransform,
   computeRotation,
+  createWindow,
   _fetchBulkdata,
   _generateUID,
   mapPixelCoordToSlideCoord,
@@ -689,8 +705,8 @@ <h1 class="page-title">Source: utils.js</h1>
   doContentItemsMatch,
   areCodedConceptsEqual,
   getContentItemNameCodedConcept,
-  rescale,
-  createWindow
+  rgb2hex,
+  rescale
 }
 </code></pre>
         </article>
@@ -708,7 +724,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/viewer.LabelImageViewer.html b/docs/viewer.LabelImageViewer.html
index 07579885..23aa799c 100644
--- a/docs/viewer.LabelImageViewer.html
+++ b/docs/viewer.LabelImageViewer.html
@@ -364,7 +364,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4531">line 4531</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4764">line 4764</a>
     </li></ul></dd>
     
 
@@ -432,7 +432,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/viewer.OverviewImageViewer.html b/docs/viewer.OverviewImageViewer.html
index 596252db..a07e5de1 100644
--- a/docs/viewer.OverviewImageViewer.html
+++ b/docs/viewer.OverviewImageViewer.html
@@ -365,7 +365,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4502">line 4502</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4735">line 4735</a>
     </li></ul></dd>
     
 
@@ -433,7 +433,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/viewer.VolumeImageViewer.html b/docs/viewer.VolumeImageViewer.html
index d213707e..2e58a48a 100644
--- a/docs/viewer.VolumeImageViewer.html
+++ b/docs/viewer.VolumeImageViewer.html
@@ -366,6 +366,86 @@ <h6>Properties</h6>
         </tr>
 
     
+
+        <tr>
+            
+                <td class="name"><code>primaryColor</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Array.&lt;number></span>
+
+
+            
+            </td>
+
+            
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
+
+            
+                <td class="default">
+                
+                    [0, 126, 163]
+                
+                </td>
+            
+
+            <td class="description last">Primary color of
+the application</td>
+        </tr>
+
+    
+
+        <tr>
+            
+                <td class="name"><code>highlightColor</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Array.&lt;number></span>
+
+
+            
+            </td>
+
+            
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
+
+            
+                <td class="default">
+                
+                    [140, 184, 198]
+                
+                </td>
+            
+
+            <td class="description last">Color that
+should be used to highlight things that get selected by the user</td>
+        </tr>
+
+    
     </tbody>
 </table>
 
@@ -410,7 +490,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line714">line 714</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line717">line 717</a>
     </li></ul></dd>
     
 
@@ -504,7 +584,7 @@ <h4 class="name" id="areROIsVisible"><span class="type-signature"></span>areROIs
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2913">line 2913</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2969">line 2969</a>
     </li></ul></dd>
     
 
@@ -576,7 +656,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2050">line 2050</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2063">line 2063</a>
     </li></ul></dd>
     
 
@@ -648,7 +728,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1992">line 1992</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2005">line 2005</a>
     </li></ul></dd>
     
 
@@ -720,7 +800,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2256">line 2256</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2269">line 2269</a>
     </li></ul></dd>
     
 
@@ -792,7 +872,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2265">line 2265</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2278">line 2278</a>
     </li></ul></dd>
     
 
@@ -864,7 +944,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2247">line 2247</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2260">line 2260</a>
     </li></ul></dd>
     
 
@@ -936,7 +1016,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2601">line 2601</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2614">line 2614</a>
     </li></ul></dd>
     
 
@@ -1008,7 +1088,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2531">line 2531</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2544">line 2544</a>
     </li></ul></dd>
     
 
@@ -1080,7 +1160,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2274">line 2274</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2287">line 2287</a>
     </li></ul></dd>
     
 
@@ -1142,7 +1222,7 @@ <h4 class="name" id="numberOfROIs"><span class="type-signature"></span>numberOfR
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2636">line 2636</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2649">line 2649</a>
     </li></ul></dd>
     
 
@@ -1214,7 +1294,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1983">line 1983</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1996">line 1996</a>
     </li></ul></dd>
     
 
@@ -1288,7 +1368,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2014">line 2014</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2027">line 2027</a>
     </li></ul></dd>
     
 
@@ -1362,7 +1442,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2029">line 2029</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2042">line 2042</a>
     </li></ul></dd>
     
 
@@ -1434,7 +1514,7 @@ <h5>Type:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1786">line 1786</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1799">line 1799</a>
     </li></ul></dd>
     
 
@@ -1563,7 +1643,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2465">line 2465</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2478">line 2478</a>
     </li></ul></dd>
     
 
@@ -1700,7 +1780,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2375">line 2375</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2388">line 2388</a>
     </li></ul></dd>
     
 
@@ -2196,7 +2276,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2109">line 2109</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2122">line 2122</a>
     </li></ul></dd>
     
 
@@ -2333,7 +2413,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2540">line 2540</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2553">line 2553</a>
     </li></ul></dd>
     
 
@@ -2470,7 +2550,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1620">line 1620</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1633">line 1633</a>
     </li></ul></dd>
     
 
@@ -2607,7 +2687,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2413">line 2413</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2426">line 2426</a>
     </li></ul></dd>
     
 
@@ -2744,7 +2824,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2505">line 2505</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2518">line 2518</a>
     </li></ul></dd>
     
 
@@ -2881,7 +2961,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2283">line 2283</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2296">line 2296</a>
     </li></ul></dd>
     
 
@@ -3019,7 +3099,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2923">line 2923</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2979">line 2979</a>
     </li></ul></dd>
     
 
@@ -3156,7 +3236,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3801">line 3801</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4034">line 4034</a>
     </li></ul></dd>
     
 
@@ -3553,7 +3633,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2733">line 2733</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2746">line 2746</a>
     </li></ul></dd>
     
 
@@ -3713,7 +3793,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2688">line 2688</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2701">line 2701</a>
     </li></ul></dd>
     
 
@@ -3873,7 +3953,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2665">line 2665</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2678">line 2678</a>
     </li></ul></dd>
     
 
@@ -4010,7 +4090,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3381">line 3381</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3614">line 3614</a>
     </li></ul></dd>
     
 
@@ -4120,8 +4200,12 @@ <h6>Properties</h6>
         <th>Type</th>
 
         
+        <th>Attributes</th>
+        
 
         
+        <th>Default</th>
+        
 
         <th class="last">Description</th>
     </tr>
@@ -4145,7 +4229,19 @@ <h6>Properties</h6>
             </td>
 
             
+                <td class="attributes">
+                
 
+                
+
+                
+                </td>
+            
+
+            
+                <td class="default">
+                
+                </td>
             
 
             <td class="description last">The custom overlay HTML element</td>
@@ -4155,46 +4251,114 @@ <h6>Properties</h6>
 
         <tr>
             
-                <td class="name"><code>className</code></td>
+                <td class="name"><code>coordinates</code></td>
             
 
             <td class="type">
             
                 
-<span class="param-type">string</span>
+<span class="param-type">Array.&lt;number></span>
 
 
             
             </td>
 
             
+                <td class="attributes">
+                
 
+                
+
+                
+                </td>
             
 
-            <td class="description last">Class to style the overlay container</td>
+            
+                <td class="default">
+                
+                </td>
+            
+
+            <td class="description last">Offset of the overlay along the X and
+Y axes of the slide coordinate system</td>
         </tr>
 
     
 
         <tr>
             
-                <td class="name"><code>offset</code></td>
+                <td class="name"><code>coordinates</code></td>
             
 
             <td class="type">
             
                 
-<span class="param-type">Array.&lt;number></span>
+<span class="param-type">bool</span>
 
 
             
             </td>
 
             
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
 
+                
+
+                
+                </td>
             
 
-            <td class="description last">Horizontal and vertical offset of the overlay container in pixels</td>
+            
+                <td class="default">
+                
+                    false
+                
+                </td>
+            
+
+            <td class="description last">Whether the viewer should
+automatically navigate to the element such that it is in focus and fully
+visible</td>
+        </tr>
+
+    
+
+        <tr>
+            
+                <td class="name"><code>className</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
+
+            
+                <td class="default">
+                
+                </td>
+            
+
+            <td class="description last">Class to style the overlay container</td>
         </tr>
 
     
@@ -4242,7 +4406,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2851">line 2851</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2881">line 2881</a>
     </li></ul></dd>
     
 
@@ -4332,7 +4496,7 @@ <h4 class="name" id="cleanup"><span class="type-signature"></span>cleanup<span c
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1795">line 1795</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1808">line 1808</a>
     </li></ul></dd>
     
 
@@ -4420,7 +4584,7 @@ <h4 class="name" id="deactivateDragPanInteraction"><span class="type-signature">
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2492">line 2492</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2505">line 2505</a>
     </li></ul></dd>
     
 
@@ -4508,7 +4672,7 @@ <h4 class="name" id="deactivateDragZoomInteraction"><span class="type-signature"
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2400">line 2400</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2413">line 2413</a>
     </li></ul></dd>
     
 
@@ -4596,7 +4760,7 @@ <h4 class="name" id="deactivateDrawInteraction"><span class="type-signature"></s
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2234">line 2234</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2247">line 2247</a>
     </li></ul></dd>
     
 
@@ -4684,7 +4848,7 @@ <h4 class="name" id="deactivateModifyInteraction"><span class="type-signature"><
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2588">line 2588</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2601">line 2601</a>
     </li></ul></dd>
     
 
@@ -4821,7 +4985,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1651">line 1651</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1664">line 1664</a>
     </li></ul></dd>
     
 
@@ -4909,7 +5073,7 @@ <h4 class="name" id="deactivateSelectInteraction"><span class="type-signature"><
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2452">line 2452</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2465">line 2465</a>
     </li></ul></dd>
     
 
@@ -4997,7 +5161,7 @@ <h4 class="name" id="deactivateSnapInteraction"><span class="type-signature"></s
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2518">line 2518</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2531">line 2531</a>
     </li></ul></dd>
     
 
@@ -5085,7 +5249,7 @@ <h4 class="name" id="deactivateTranslateInteraction"><span class="type-signature
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2362">line 2362</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2375">line 2375</a>
     </li></ul></dd>
     
 
@@ -5191,7 +5355,7 @@ <h4 class="name" id="getAllAnnotationGroups"><span class="type-signature"></span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3349">line 3349</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3582">line 3582</a>
     </li></ul></dd>
     
 
@@ -5297,7 +5461,7 @@ <h4 class="name" id="getAllOpticalPaths"><span class="type-signature"></span>get
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1607">line 1607</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1620">line 1620</a>
     </li></ul></dd>
     
 
@@ -5403,7 +5567,7 @@ <h4 class="name" id="getAllParameterMappings"><span class="type-signature"></spa
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4291">line 4291</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4524">line 4524</a>
     </li></ul></dd>
     
 
@@ -5509,7 +5673,7 @@ <h4 class="name" id="getAllROIs"><span class="type-signature"></span>getAllROIs<
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2610">line 2610</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2623">line 2623</a>
     </li></ul></dd>
     
 
@@ -5619,7 +5783,7 @@ <h4 class="name" id="getAllSegments"><span class="type-signature"></span>getAllS
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3788">line 3788</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4021">line 4021</a>
     </li></ul></dd>
     
 
@@ -5774,7 +5938,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3309">line 3309</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3542">line 3542</a>
     </li></ul></dd>
     
 
@@ -5933,7 +6097,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3365">line 3365</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3598">line 3598</a>
     </li></ul></dd>
     
 
@@ -6093,7 +6257,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3330">line 3330</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3563">line 3563</a>
     </li></ul></dd>
     
 
@@ -6252,7 +6416,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1528">line 1528</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1541">line 1541</a>
     </li></ul></dd>
     
 
@@ -6411,7 +6575,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1591">line 1591</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1604">line 1604</a>
     </li></ul></dd>
     
 
@@ -6571,7 +6735,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1559">line 1559</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1572">line 1572</a>
     </li></ul></dd>
     
 
@@ -6730,7 +6894,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4231">line 4231</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4464">line 4464</a>
     </li></ul></dd>
     
 
@@ -6889,7 +7053,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4275">line 4275</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4508">line 4508</a>
     </li></ul></dd>
     
 
@@ -7049,7 +7213,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4252">line 4252</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4485">line 4485</a>
     </li></ul></dd>
     
 
@@ -7257,7 +7421,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2003">line 2003</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2016">line 2016</a>
     </li></ul></dd>
     
 
@@ -7416,7 +7580,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2646">line 2646</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2659">line 2659</a>
     </li></ul></dd>
     
 
@@ -7575,7 +7739,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2798">line 2798</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2824">line 2824</a>
     </li></ul></dd>
     
 
@@ -7734,7 +7898,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3730">line 3730</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3963">line 3963</a>
     </li></ul></dd>
     
 
@@ -7893,7 +8057,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3772">line 3772</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4005">line 4005</a>
     </li></ul></dd>
     
 
@@ -8052,7 +8216,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3751">line 3751</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3984">line 3984</a>
     </li></ul></dd>
     
 
@@ -8211,7 +8375,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3180">line 3180</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3374">line 3374</a>
     </li></ul></dd>
     
 
@@ -8348,7 +8512,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1741">line 1741</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1754">line 1754</a>
     </li></ul></dd>
     
 
@@ -8485,7 +8649,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4116">line 4116</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4349">line 4349</a>
     </li></ul></dd>
     
 
@@ -8573,7 +8737,7 @@ <h4 class="name" id="hideROIs"><span class="type-signature"></span>hideROIs<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2893">line 2893</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2949">line 2949</a>
     </li></ul></dd>
     
 
@@ -8710,7 +8874,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3630">line 3630</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3863">line 3863</a>
     </li></ul></dd>
     
 
@@ -8847,7 +9011,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3197">line 3197</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3391">line 3391</a>
     </li></ul></dd>
     
 
@@ -8984,7 +9148,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1674">line 1674</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1687">line 1687</a>
     </li></ul></dd>
     
 
@@ -9143,7 +9307,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1500">line 1500</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1513">line 1513</a>
     </li></ul></dd>
     
 
@@ -9302,7 +9466,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1514">line 1514</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1527">line 1527</a>
     </li></ul></dd>
     
 
@@ -9461,7 +9625,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1760">line 1760</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1773">line 1773</a>
     </li></ul></dd>
     
 
@@ -9616,7 +9780,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4134">line 4134</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4367">line 4367</a>
     </li></ul></dd>
     
 
@@ -9771,7 +9935,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3648">line 3648</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3881">line 3881</a>
     </li></ul></dd>
     
 
@@ -9998,7 +10162,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2075">line 2075</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2088">line 2088</a>
     </li></ul></dd>
     
 
@@ -10086,7 +10250,7 @@ <h4 class="name" id="popROI"><span class="type-signature"></span>popROI<span cla
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2710">line 2710</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2723">line 2723</a>
     </li></ul></dd>
     
 
@@ -10196,7 +10360,7 @@ <h4 class="name" id="removeAllAnnotationGroups"><span class="type-signature"></s
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3149">line 3149</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3341">line 3341</a>
     </li></ul></dd>
     
 
@@ -10284,7 +10448,7 @@ <h4 class="name" id="removeAllParameterMappings"><span class="type-signature"></
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4064">line 4064</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4297">line 4297</a>
     </li></ul></dd>
     
 
@@ -10372,7 +10536,7 @@ <h4 class="name" id="removeAllROIs"><span class="type-signature"></span>removeAl
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2885">line 2885</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2941">line 2941</a>
     </li></ul></dd>
     
 
@@ -10460,7 +10624,7 @@ <h4 class="name" id="removeAllSegments"><span class="type-signature"></span>remo
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3579">line 3579</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3812">line 3812</a>
     </li></ul></dd>
     
 
@@ -10597,7 +10761,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3132">line 3132</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3324">line 3324</a>
     </li></ul></dd>
     
 
@@ -10734,7 +10898,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4048">line 4048</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4281">line 4281</a>
     </li></ul></dd>
     
 
@@ -10871,7 +11035,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2866">line 2866</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2922">line 2922</a>
     </li></ul></dd>
     
 
@@ -11008,7 +11172,193 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3563">line 3563</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3796">line 3796</a>
+    </li></ul></dd>
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        
+            
+
+    
+
+    
+    <h4 class="name" id="removeViewportOverlay"><span class="type-signature"></span>removeViewportOverlay<span class="signature">(options)</span><span class="type-signature"></span></h4>
+    
+
+    
+
+
+
+<div class="description">
+    Remove an existing viewport overlay.
+</div>
+
+
+
+
+
+
+
+
+
+    <h5>Parameters:</h5>
+    
+
+<table class="params">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>options</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Object</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">Overlay options
+                <h6>Properties</h6>
+                
+
+<table class="params">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>element</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Object</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">The custom overlay HTML element</td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+            </td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    <dt class="tag-source">Source:</dt>
+    <dd class="tag-source"><ul class="dummy"><li>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2908">line 2908</a>
     </li></ul></dd>
     
 
@@ -11197,7 +11547,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1822">line 1822</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1835">line 1835</a>
     </li></ul></dd>
     
 
@@ -11285,7 +11635,7 @@ <h4 class="name" id="resize"><span class="type-signature"></span>resize<span cla
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1776">line 1776</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1789">line 1789</a>
     </li></ul></dd>
     
 
@@ -11436,6 +11786,8 @@ <h6>Properties</h6>
         <th>Type</th>
 
         
+        <th>Attributes</th>
+        
 
         
 
@@ -11461,6 +11813,16 @@ <h6>Properties</h6>
             </td>
 
             
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
 
             
 
@@ -11469,6 +11831,39 @@ <h6>Properties</h6>
 
     
 
+        <tr>
+            
+                <td class="name"><code>color</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Array.&lt;number></span>
+
+
+            
+            </td>
+
+            
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
+
+            
+
+            <td class="description last">RGB color triplet</td>
+        </tr>
+
+    
+
         <tr>
             
                 <td class="name"><code>measurement</code></td>
@@ -11477,17 +11872,28 @@ <h6>Properties</h6>
             <td class="type">
             
                 
-<span class="param-type">number</span>
+<span class="param-type">Object</span>
 
 
             
             </td>
 
             
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
 
             
 
-            <td class="description last">Selected measurement for colorizing annotations</td>
+            <td class="description last">Selected measurement for
+colorizing annotations</td>
         </tr>
 
     
@@ -11535,7 +11941,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3216">line 3216</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3412">line 3412</a>
     </li></ul></dd>
     
 
@@ -11872,7 +12278,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1417">line 1417</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1433">line 1433</a>
     </li></ul></dd>
     
 
@@ -12126,7 +12532,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4153">line 4153</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4386">line 4386</a>
     </li></ul></dd>
     
 
@@ -12503,7 +12909,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2832">line 2832</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2858">line 2858</a>
     </li></ul></dd>
     
 
@@ -12724,7 +13130,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3666">line 3666</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3899">line 3899</a>
     </li></ul></dd>
     
 
@@ -12857,6 +13263,8 @@ <h6>Properties</h6>
         <th>Type</th>
 
         
+        <th>Attributes</th>
+        
 
         
 
@@ -12869,7 +13277,7 @@ <h6>Properties</h6>
 
         <tr>
             
-                <td class="name"><code>measurement</code></td>
+                <td class="name"><code>opacity</code></td>
             
 
             <td class="type">
@@ -12882,10 +13290,86 @@ <h6>Properties</h6>
             </td>
 
             
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
+
+            
+
+            <td class="description last">Opacity</td>
+        </tr>
+
+    
+
+        <tr>
+            
+                <td class="name"><code>color</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Array.&lt;number></span>
+
+
+            
+            </td>
+
+            
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
+
+            
+
+            <td class="description last">RGB color triplet</td>
+        </tr>
+
+    
+
+        <tr>
+            
+                <td class="name"><code>measurement</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Object</span>
+
+
+            
+            </td>
+
+            
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
 
             
 
-            <td class="description last">Selected measurement for colorizing annotations</td>
+            <td class="description last">Selected measurement</td>
         </tr>
 
     
@@ -12933,7 +13417,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3162">line 3162</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3356">line 3356</a>
     </li></ul></dd>
     
 
@@ -13275,7 +13759,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1706">line 1706</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1719">line 1719</a>
     </li></ul></dd>
     
 
@@ -13549,7 +14033,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4078">line 4078</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line4311">line 4311</a>
     </li></ul></dd>
     
 
@@ -13637,7 +14121,7 @@ <h4 class="name" id="showROIs"><span class="type-signature"></span>showROIs<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2902">line 2902</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2958">line 2958</a>
     </li></ul></dd>
     
 
@@ -13878,7 +14362,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3592">line 3592</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line3825">line 3825</a>
     </li></ul></dd>
     
 
@@ -13966,7 +14450,7 @@ <h4 class="name" id="toggleOverviewMap"><span class="type-signature"></span>togg
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2339">line 2339</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2352">line 2352</a>
     </li></ul></dd>
     
 
@@ -14353,7 +14837,7 @@ <h6>Properties</h6>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2780">line 2780</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line2806">line 2806</a>
     </li></ul></dd>
     
 
@@ -14405,7 +14889,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/viewer.html b/docs/viewer.html
index 7a83452d..9eef5b4a 100644
--- a/docs/viewer.html
+++ b/docs/viewer.html
@@ -136,7 +136,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/viewer.js.html b/docs/viewer.js.html
index 1890a32a..5e292424 100644
--- a/docs/viewer.js.html
+++ b/docs/viewer.js.html
@@ -67,7 +67,6 @@ <h1 class="page-title">Source: viewer.js</h1>
 import { getCenter, getHeight, getWidth } from 'ol/extent'
 import { defaults as defaultInteractions } from 'ol/interaction'
 import dcmjs from 'dcmjs'
-import { quantileSeq } from 'mathjs'
 
 import {
   AnnotationGroup,
@@ -93,14 +92,17 @@ <h1 class="page-title">Source: viewer.js</h1>
 import { ROI } from './roi.js'
 import { Segment } from './segment.js'
 import {
+  areCodedConceptsEqual,
   applyTransform,
   buildInverseTransform,
   buildTransform,
   computeRotation,
+  getContentItemNameCodedConcept,
   _generateUID,
   _getUnitSuffix,
   doContentItemsMatch,
-  createWindow
+  createWindow,
+  rgb2hex
 } from './utils.js'
 import {
   _scoord3dCoordinates2geometryCoordinates,
@@ -658,7 +660,7 @@ <h1 class="page-title">Source: viewer.js</h1>
  * @private
  */
 function _getColorPaletteStyleForPointLayer ({
-  name,
+  key,
   minValue,
   maxValue,
   colormap
@@ -677,7 +679,7 @@ <h1 class="page-title">Source: viewer.js</h1>
             '*',
             [
               '-',
-              ['get', name],
+              ['get', key],
               minValue
             ],
             [
@@ -710,6 +712,9 @@ <h1 class="page-title">Source: viewer.js</h1>
 
 const _affine = Symbol('affine')
 const _affineInverse = Symbol('affineInverse')
+const _annotationManager = Symbol('annotationManager')
+const _annotationGroups = Symbol('annotationGroups')
+const _areIccProfilesFetched = Symbol('areIccProfilesFetched')
 const _controls = Symbol('controls')
 const _drawingLayer = Symbol('drawingLayer')
 const _drawingSource = Symbol('drawingSource')
@@ -719,17 +724,15 @@ <h1 class="page-title">Source: viewer.js</h1>
 const _map = Symbol('map')
 const _mappings = Symbol('mappings')
 const _metadata = Symbol('metadata')
-const _areIccProfilesFetched = Symbol('areIccProfilesFetched')
+const _opticalPaths = Symbol('opticalPaths')
 const _options = Symbol('options')
+const _overlays = Symbol('overlays')
+const _overviewMap = Symbol('overviewMap')
+const _projection = Symbol('projection')
 const _pyramid = Symbol('pyramid')
 const _segments = Symbol('segments')
-const _opticalPaths = Symbol('opticalPaths')
 const _rotation = Symbol('rotation')
-const _projection = Symbol('projection')
 const _tileGrid = Symbol('tileGrid')
-const _annotationManager = Symbol('annotationManager')
-const _annotationGroups = Symbol('annotationGroups')
-const _overviewMap = Symbol('overviewMap')
 const _updateOverviewMapSize = Symbol('updateOverviewMapSize')
 
 /**
@@ -757,6 +760,10 @@ <h1 class="page-title">Source: viewer.js</h1>
    * turned on (e.g., display of tile boundaries)
    * @param {number} [options.tilesCacheSize=1000] - Number of tiles that should
    * be cached to avoid repeated retrieval for the DICOMweb server
+   * @param {number[]} [options.primaryColor=[0, 126, 163]] - Primary color of
+   * the application
+   * @param {number[]} [options.highlightColor=[140, 184, 198]] - Color that
+   * should be used to highlight things that get selected by the user
    */
   constructor (options) {
     this[_options] = options
@@ -782,6 +789,13 @@ <h1 class="page-title">Source: viewer.js</h1>
     }
     this[_options].controls = new Set(this[_options].controls)
 
+    if (this[_options].primaryColor == null) {
+      this[_options].primaryColor = [0, 126, 163]
+    }
+    if (this[_options].highlightColor == null) {
+      this[_options].highlightColor = [140, 184, 198]
+    }
+
     // Collection of Openlayers "TileLayer" instances
     this[_segments] = {}
     this[_mappings] = {}
@@ -1033,14 +1047,14 @@ <h1 class="page-title">Source: viewer.js</h1>
             }),
             paletteColorLookupTableUID
           }),
-          pyramid: pyramid,
+          pyramid,
           style: { ...defaultOpticalPathStyle },
           defaultStyle: defaultOpticalPathStyle,
-          bitsAllocated: bitsAllocated,
+          bitsAllocated,
           minStoredValue,
           maxStoredValue,
           loaderParams: {
-            pyramid: pyramid,
+            pyramid,
             client: this[_options].client,
             channel: opticalPathIdentifier
           },
@@ -1157,12 +1171,12 @@ <h1 class="page-title">Source: viewer.js</h1>
         }),
         style: { ...defaultOpticalPathStyle },
         defaultStyle: defaultOpticalPathStyle,
-        pyramid: pyramid,
+        pyramid,
         bitsAllocated: 8,
         minStoredValue: 0,
         maxStoredValue: 255,
         loaderParams: {
-          pyramid: pyramid,
+          pyramid,
           client: this[_options].client,
           channel: opticalPathIdentifier
         },
@@ -1293,10 +1307,10 @@ <h1 class="page-title">Source: viewer.js</h1>
         const map = this[_overviewMap].getOverviewMap()
 
         const overviewElement = this[_overviewMap].element
-        const overviewChildren = overviewElement.children
-        const overviewmapElement = Object.values(overviewChildren).find(
+        const overviewmapElement = Object.values(overviewElement.children).find(
           c => c.className === 'ol-overviewmap-map'
         )
+        // TODO: color "ol-overviewmap-map-box" using primary color
         overviewmapElement.style.width = `${width}px`
         overviewmapElement.style.height = `${height}px`
         map.updateSize()
@@ -1413,6 +1427,8 @@ <h1 class="page-title">Source: viewer.js</h1>
       affine: this[_affine],
       drawingSource: this[_drawingSource]
     })
+
+    this[_overlays] = {}
   }
 
   /**
@@ -1499,8 +1515,8 @@ <h1 class="page-title">Source: viewer.js</h1>
           opticalPath.overviewLayer.setStyle(style)
         } else {
           const styleVariables = {
-            windowCenter: windowCenter,
-            windowWidth: windowWidth,
+            windowCenter,
+            windowWidth,
             red: opticalPath.style.color[0],
             green: opticalPath.style.color[1],
             blue: opticalPath.style.color[2]
@@ -1509,10 +1525,7 @@ <h1 class="page-title">Source: viewer.js</h1>
           opticalPath.overviewLayer.updateStyleVariables(styleVariables)
         }
       } else {
-        const styleVariables = {
-          windowCenter: windowCenter,
-          windowWidth: windowWidth
-        }
+        const styleVariables = { windowCenter, windowWidth }
         opticalPath.layer.updateStyleVariables(styleVariables)
         opticalPath.overviewLayer.updateStyleVariables(styleVariables)
       }
@@ -2759,7 +2772,20 @@ <h1 class="page-title">Source: viewer.js</h1>
    * @param {number[]} styleOptions.fill.color - RGBA color of the body
    */
   addROI (roi, styleOptions = {}) {
-    console.info(`add ROI ${roi.uid}`)
+    console.info(`add ROI "${roi.uid}"`)
+
+    // Avoid insertion of duplicates
+    let exists = false
+    for (let i = 0; i &lt; this[_features].getLength(); i++) {
+      const feature = this[_features].item(i)
+      if (feature.getId() === roi.uid) {
+        exists = true
+        break
+      }
+    }
+    if (exists) {
+      console.warn(`ROI "${roi.uid}" not added because it already exists`)
+    }
 
     const frameOfReferenceUID = this[_pyramid].metadata.FrameOfReferenceUID
     if (roi.frameOfReferenceUID !== frameOfReferenceUID) {
@@ -2871,21 +2897,51 @@ <h1 class="page-title">Source: viewer.js</h1>
   /**
    * Add a new viewport overlay.
    *
-   * @param {Object} options Overlay options
-   * @param {Object} options.element The custom overlay HTML element
-   * @param {string} options.className Class to style the overlay container
-   * @param {number[]} options.offset Horizontal and vertical offset of the overlay container in pixels
+   * @param {Object} options - Overlay options
+   * @param {Object} options.element - The custom overlay HTML element
+   * @param {number[]} options.coordinates - Offset of the overlay along the X and
+   * Y axes of the slide coordinate system
+   * @param {bool} [options.coordinates=false] - Whether the viewer should
+   * automatically navigate to the element such that it is in focus and fully
+   * visible
+   * @param {string} [options.className] - Class to style the overlay container
    */
-  addViewportOverlay ({ element, className, offset }) {
+  addViewportOverlay ({ element, coordinates, navigate, className }) {
+    const offset = _scoord3dCoordinates2geometryCoordinates(
+      coordinates,
+      this[_pyramid],
+      this[_affineInverse]
+    )
     const overlay = new Overlay({
       element,
-      className,
+      className: (
+        className != null
+          ? `ol-overlay-container ol-selectable ${className}`
+          : 'ol-overlay-container ol-selectable'
+      ),
       offset,
+      autoPan: navigate != null ? navigate : false,
       stopEvent: false
     })
+    this[_overlays][element.id] = overlay
     this[_map].addOverlay(overlay)
   }
 
+  /**
+   * Remove an existing viewport overlay.
+   *
+   * @param {Object} options - Overlay options
+   * @param {Object} options.element - The custom overlay HTML element
+   */
+  removeViewportOverlay ({ element }) {
+    const id = element.id
+    if (id in this[_overlays]) {
+      const overlay = this[_overlays][id]
+      this[_map].removeOverlay(overlay)
+      delete this[_overlays][id]
+    }
+  }
+
   /**
    * Remove an individual regions of interest.
    *
@@ -2963,7 +3019,108 @@ <h1 class="page-title">Source: viewer.js</h1>
 
     const defaultAnnotationGroupStyle = {
       opacity: 1.0,
-      color: '#027ea3'
+      color: this[_options].primaryColor
+    }
+
+    // We need to bind those variables to constants for the loader function
+    const client = this[_options].client
+    const pyramid = this[_pyramid].metadata
+    const affineInverse = this[_affineInverse]
+    const container = this[_map].getTargetElement()
+    const _getROIFromFeature = (feature) => {
+      const roi = this._getROIFromFeature(
+        feature,
+        this[_pyramid].metadata,
+        this[_affine]
+      )
+      const annotationGroupUID = feature.get('annotationGroupUID')
+      const annotationGroupMetadata = metadata.AnnotationGroupSequence.find(
+        item => item.AnnotationGroupUID === annotationGroupUID
+      )
+
+      const findingCategory = (
+        annotationGroupMetadata
+          .AnnotationPropertyCategoryCodeSequence[0]
+      )
+      roi.addEvaluation(
+        new dcmjs.sr.valueTypes.CodeContentItem({
+          name: new dcmjs.sr.coding.CodedConcept({
+            value: '276214006',
+            meaning: 'Finding category',
+            schemeDesignator: 'SCT'
+          }),
+          value: new dcmjs.sr.coding.CodedConcept({
+            value: findingCategory.CodeValue,
+            meaning: findingCategory.CodeMeaning,
+            schemeDesignator: findingCategory.CodingSchemeDesignator
+          }),
+          relationshipType: dcmjs.sr.valueTypes.RelationshipTypes.HAS_CONCEPT_MOD
+        })
+      )
+      const findingType = (
+        annotationGroupMetadata
+          .AnnotationPropertyTypeCodeSequence[0]
+      )
+      roi.addEvaluation(
+        new dcmjs.sr.valueTypes.CodeContentItem({
+          name: new dcmjs.sr.coding.CodedConcept({
+            value: '121071',
+            meaning: 'Finding',
+            schemeDesignator: 'DCM'
+          }),
+          value: new dcmjs.sr.coding.CodedConcept({
+            value: findingType.CodeValue,
+            meaning: findingType.CodeMeaning,
+            schemeDesignator: findingType.CodingSchemeDesignator
+          }),
+          relationshipType: dcmjs.sr.valueTypes.RelationshipTypes.HAS_CONCEPT_MOD
+        })
+      )
+
+      annotationGroupMetadata.MeasurementsSequence.forEach(
+        (measurementItem, measurementIndex) => {
+          const key = `measurementValue${measurementIndex.toString()}`
+          const value = feature.get(key)
+          const name = measurementItem.ConceptNameCodeSequence[0]
+          const unit = measurementItem.MeasurementUnitsCodeSequence[0]
+
+          const measurement = new dcmjs.sr.valueTypes.NumContentItem({
+            value: Number(value),
+            name: new dcmjs.sr.coding.CodedConcept({
+              value: name.CodeValue,
+              meaning: name.CodeMeaning,
+              schemeDesignator: name.CodingSchemeDesignator
+            }),
+            unit: new dcmjs.sr.coding.CodedConcept({
+              value: unit.CodeValue,
+              meaning: unit.CodeMeaning,
+              schemeDesignator: unit.CodingSchemeDesignator
+            }),
+            relationshipType: dcmjs.sr.valueTypes.RelationshipTypes.CONTAINS
+          })
+          if (measurementItem.ReferencedImageSequence != null) {
+            const ref = measurementItem.ReferencedImageSequence[0]
+            const image = new dcmjs.sr.valueTypes.ImageContentItem({
+              name: new dcmjs.sr.coding.CodedConcept({
+                value: '121112',
+                meaning: 'Source of Measurement',
+                schemeDesignator: 'DCM'
+              }),
+              referencedSOPClassUID: ref.ReferencedSOPClassUID,
+              referencedSOPInstanceUID: ref.ReferencedSOPInstanceUID
+            })
+            if (ref.ReferencedOpticalPathIdentifier != null) {
+              image.ReferencedSOPSequence[0].ReferencedOpticalPathIdentifier = (
+                ref.ReferencedOpticalPathIdentifier
+              )
+            }
+            measurement.ContentSequence = [image]
+          }
+          roi.addMeasurement(measurement)
+        }
+      )
+
+      return roi
     }
 
     metadata.AnnotationGroupSequence.forEach((item, index) => {
@@ -2984,7 +3141,7 @@ <h1 class="page-title">Source: viewer.js</h1>
         }),
         style: { ...defaultAnnotationGroupStyle },
         defaultStyle: defaultAnnotationGroupStyle,
-        metadata: metadata
+        metadata
       }
 
       if (item.GraphicType === 'POLYLINE') {
@@ -2999,11 +3156,6 @@ <h1 class="page-title">Source: viewer.js</h1>
         return
       }
 
-      // We need to bind those variables to constants for the loader function
-      const client = this[_options].client
-      const pyramid = this[_pyramid].metadata
-      const affineInverse = this[_affineInverse]
-
       /**
        * In the loader function "this" is bound to the vector source.
        */
@@ -3047,6 +3199,7 @@ <h1 class="page-title">Source: viewer.js</h1>
           const graphicIndex = retrievedBulkdata[1]
           const measurements = retrievedBulkdata[2]
 
+          console.log('process annotations')
           for (let i = 0; i &lt; numberOfAnnotations; i++) {
             const point = _getCentroid(
               graphicType,
@@ -3065,15 +3218,16 @@ <h1 class="page-title">Source: viewer.js</h1>
             const feature = new Feature({
               geometry: new PointGeometry(coordinates)
             })
-            const properties = {}
-            measurements.forEach(item => {
-              const name = item.name
-              const key = `${name.CodingSchemeDesignator}${name.CodeValue}`
-              const value = item.values[i]
-              properties[key] = value
+
+            feature.set('annotationGroupUID', annotationGroupUID, true)
+            measurements.forEach((measurementItem, measurementIndex) => {
+              const key = `measurementValue${measurementIndex.toString()}`
+              const value = measurementItem.values[i]
+              // Needed for the WebGL renderer
+              feature.set(key, value, true)
             })
-            feature.setProperties(properties)
-            feature.setId(i + 1)
+            const uid = _generateUID({ value: `${annotationGroupUID}-${i}` })
+            feature.setId(uid)
             features.push(feature)
           }
 
@@ -3082,17 +3236,28 @@ <h1 class="page-title">Source: viewer.js</h1>
             `for annotation group "${annotationGroupUID}"`
           )
           this.addFeatures(features)
+          console.info(
+            'compute statistics for measurement values ' +
+            `of annotation group "${annotationGroupUID}"`
+          )
           const properties = {}
-          measurements.forEach(item => {
-            const name = item.name
-            const key = `${name.CodingSchemeDesignator}${name.CodeValue}`
-            const value = quantileSeq(
-              [...item.values],
-              [0, 0.015, 0.25, 0.5, 0.75, 0.95, 1]
+          measurements.forEach((measurementItem, measurementIndex) => {
+            /*
+             * Ideally, we would compute quantiles, but that is an expensive
+             * operation. For now, just compute mininum and maximum.
+             */
+            const min = measurementItem.values.reduce(
+              (a, b) => Math.min(a, b),
+              Infinity
+            )
+            const max = measurementItem.values.reduce(
+              (a, b) => Math.max(a, b),
+              -Infinity
             )
-            properties[key] = value
+            const key = `measurementValue${measurementIndex.toString()}`
+            properties[key] = { min, max }
           })
-          this.setProperties(properties)
+          this.setProperties(properties, true)
           success(features)
         }).catch(error => {
           console.error(error)
@@ -3117,6 +3282,7 @@ <h1 class="page-title">Source: viewer.js</h1>
       source.on('featuresloaderror', (event) => {
         const container = this[_map].getTargetElement()
         publish(container, EVENT.LOADING_ENDED)
+        publish(container, EVENT.LOADING_ERROR)
       })
 
       /*
@@ -3143,13 +3309,39 @@ <h1 class="page-title">Source: viewer.js</h1>
       annotationGroup.layer = new PointsLayer({
         source,
         style,
-        disableHitDetection: true
+        disableHitDetection: false
       })
       annotationGroup.layer.setVisible(false)
 
       this[_map].addLayer(annotationGroup.layer)
       this[_annotationGroups][annotationGroupUID] = annotationGroup
     })
+
+    let selectedAnnotation = null
+    this[_map].on('singleclick', (e) => {
+      if (selectedAnnotation !== null) {
+        selectedAnnotation.set('selected', 0)
+        selectedAnnotation = null
+      }
+
+      this[_map].forEachFeatureAtPixel(
+        e.pixel,
+        (feature) => {
+          feature.set('selected', 1)
+          selectedAnnotation = feature
+          publish(
+            container,
+            EVENT.ROI_SELECTED,
+            _getROIFromFeature(feature)
+          )
+          return true
+        },
+        {
+          hitTolerance: 1,
+          layerFilter: (layer) => (layer instanceof PointsLayer)
+        }
+      )
+    })
   }
 
   /**
@@ -3185,7 +3377,9 @@ <h1 class="page-title">Source: viewer.js</h1>
    *
    * @param {string} annotationGroupUID - Unique identifier of an annotation group
    * @param {Object} styleOptions
-   * @param {number} styleOptions.measurement - Selected measurement for colorizing annotations
+   * @param {number} [styleOptions.opacity] - Opacity
+   * @param {number[]} [styleOptions.color] - RGB color triplet
+   * @param {Object} [styleOptions.measurement] - Selected measurement
    */
   showAnnotationGroup (annotationGroupUID, styleOptions = {}) {
     if (!(annotationGroupUID in this[_annotationGroups])) {
@@ -3238,8 +3432,10 @@ <h1 class="page-title">Source: viewer.js</h1>
    *
    * @param {string} annotationGroupUID - Unique identifier of an annotation group
    * @param {Object} styleOptions - Style options
-   * @param {number} styleOptions.opacity - Opacity
-   * @param {number} styleOptions.measurement - Selected measurement for colorizing annotations
+   * @param {number} [styleOptions.opacity] - Opacity
+   * @param {number[]} [styleOptions.color] - RGB color triplet
+   * @param {Object} [styleOptions.measurement] - Selected measurement for
+   * colorizing annotations
    */
   setAnnotationGroupStyle (annotationGroupUID, styleOptions = {}) {
     if (!(annotationGroupUID in this[_annotationGroups])) {
@@ -3253,17 +3449,41 @@ <h1 class="page-title">Source: viewer.js</h1>
       annotationGroup.style.opacity = styleOptions.opacity
       annotationGroup.layer.setOpacity(styleOptions.opacity)
     }
+    if (styleOptions.color != null) {
+      annotationGroup.style.color = styleOptions.color
+    }
+    console.info(
+      `set style for annotation group "${annotationGroupUID}"`,
+      styleOptions
+    )
 
+    const metadata = annotationGroup.metadata
     const source = annotationGroup.layer.getSource()
+    const groupItem = metadata.AnnotationGroupSequence.find(item => {
+      return item.AnnotationGroupUID === annotationGroupUID
+    })
+    if (groupItem == null) {
+      throw new Error(
+        'Cannot set style of annotation group. ' +
+        `Could not find metadata of annotation group "${annotationGroupUID}".`
+      )
+    }
+
     const name = styleOptions.measurement
     if (name) {
-      const key = `${name.CodingSchemeDesignator}${name.CodeValue}`
+      const measurementIndex = groupItem.MeasurementsSequence.findIndex(item => {
+        return areCodedConceptsEqual(name, getContentItemNameCodedConcept(item))
+      })
+      if (measurementIndex == null) {
+        throw new Error(
+          'Cannot set style of annotation group. ' +
+          `Could not find measurement "${name.CodeMeaning}" ` +
+          `of annotation group "${annotationGroupUID}".`
+        )
+      }
       const properties = source.getProperties()
+      const key = `measurementValue${measurementIndex.toString()}`
       if (properties[key]) {
-        const colormap = createColormap({
-          name: ColormapNames.VIRIDIS,
-          bins: 50
-        })
         const style = {
           symbol: {
             symbolType: 'circle',
@@ -3279,19 +3499,24 @@ <h1 class="page-title">Source: viewer.js</h1>
             opacity: annotationGroup.style.opacity
           }
         }
+        const colormap = createColormap({
+          name: ColormapNames.VIRIDIS,
+          bins: 50
+        })
         Object.assign(
-          style,
+          style.symbol,
           _getColorPaletteStyleForPointLayer({
-            name: key,
-            minValue: properties[key][0],
-            maxValue: properties[key][properties[key].length - 2],
+            key,
+            minValue: properties[key].min,
+            maxValue: properties[key].max,
             colormap
           })
         )
         const newLayer = new PointsLayer({
           source,
           style,
-          disableHitDetection: true
+          disableHitDetection: false,
+          visible: false
         })
         this[_map].addLayer(newLayer)
         this[_map].removeLayer(annotationGroup.layer)
@@ -3311,20 +3536,28 @@ <h1 class="page-title">Source: viewer.js</h1>
             this[_pyramid].metadata.length,
             15
           ],
-          color: annotationGroup.style.color,
+          color: [
+            'match',
+            ['get', 'selected'],
+            1,
+            rgb2hex(this[_options].highlightColor),
+            rgb2hex(annotationGroup.style.color)
+          ],
           opacity: annotationGroup.style.opacity
         }
       }
       const newLayer = new PointsLayer({
         source,
         style,
-        disableHitDetection: true
+        disableHitDetection: false,
+        visible: false
       })
       this[_map].addLayer(newLayer)
       this[_map].removeLayer(annotationGroup.layer)
       annotationGroup.layer.dispose()
       annotationGroup.layer = newLayer
     }
+    annotationGroup.layer.setVisible(true)
   }
 
   /**
@@ -3544,7 +3777,7 @@ <h1 class="page-title">Source: viewer.js</h1>
       }
 
       const source = new DataTileSource({
-        tileGrid: tileGrid,
+        tileGrid,
         projection: this[_projection],
         wrapX: false,
         bandCount: 1,
@@ -4013,7 +4246,7 @@ <h1 class="page-title">Source: viewer.js</h1>
             return element.SOPInstanceUID
           })
         }),
-        pyramid: pyramid,
+        pyramid,
         overlay: new Overlay({
           element: document.createElement('div'),
           offset: [5 + 100 * index + 2, 5]
@@ -4033,7 +4266,7 @@ <h1 class="page-title">Source: viewer.js</h1>
       }
 
       const source = new DataTileSource({
-        tileGrid: tileGrid,
+        tileGrid,
         projection: this[_projection],
         wrapX: false,
         bandCount: 1,
@@ -4389,7 +4622,7 @@ <h1 class="page-title">Source: viewer.js</h1>
         seriesInstanceUID: this[_metadata].SeriesInstanceUID,
         sopInstanceUID: this[_metadata].SOPInstanceUID,
         mediaTypes: [{ mediaType }],
-        queryParams: queryParams
+        queryParams
       }
       options.client.retrieveInstanceRendered(retrieveOptions).then(
         (thumbnail) => {
@@ -4402,7 +4635,7 @@ <h1 class="page-title">Source: viewer.js</h1>
     const projection = new Projection({
       code: 'DICOM',
       units: 'metric',
-      extent: extent,
+      extent,
       getPointResolution: (pixelRes, point) => {
         /*
          * DICOM Pixel Spacing has millimeter unit while the projection has
@@ -4416,12 +4649,12 @@ <h1 class="page-title">Source: viewer.js</h1>
 
     const source = new Static({
       imageExtent: extent,
-      projection: projection,
-      imageLoadFunction: imageLoadFunction,
+      projection,
+      imageLoadFunction,
       url: '' // will be set by imageLoadFunction()
     })
 
-    this[_imageLayer] = new ImageLayer({ source: source })
+    this[_imageLayer] = new ImageLayer({ source })
 
     // The default rotation is 'horizontal' with the slide label on the right
     let rotation = _getRotation(this[_metadata])
@@ -4432,9 +4665,9 @@ <h1 class="page-title">Source: viewer.js</h1>
 
     const view = new View({
       center: getCenter(extent),
-      rotation: rotation,
-      projection: projection,
-      extent: extent,
+      rotation,
+      projection,
+      extent,
       smoothExtentConstraint: true,
       smoothResolutionConstraint: true,
       showFullExtent: true
@@ -4443,7 +4676,7 @@ <h1 class="page-title">Source: viewer.js</h1>
     // Creates the map with the defined layers and view and renders it.
     this[_map] = new Map({
       layers: [this[_imageLayer]],
-      view: view,
+      view,
       controls: [],
       keyboardEventTarget: document
     })
@@ -4594,7 +4827,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:46 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/webWorker_decoders_decoderAbstract.js.html b/docs/webWorker_decoders_decoderAbstract.js.html
index 16618b3e..3c067428 100644
--- a/docs/webWorker_decoders_decoderAbstract.js.html
+++ b/docs/webWorker_decoders_decoderAbstract.js.html
@@ -73,7 +73,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/webWorker_transformers_transformerICC.js.html b/docs/webWorker_transformers_transformerICC.js.html
index d78516ff..4bcfb2f0 100644
--- a/docs/webWorker_transformers_transformerICC.js.html
+++ b/docs/webWorker_transformers_transformerICC.js.html
@@ -145,7 +145,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/webWorker_webWorkerManager.js.html b/docs/webWorker_webWorkerManager.js.html
index da5f9458..443eaeb7 100644
--- a/docs/webWorker_webWorkerManager.js.html
+++ b/docs/webWorker_webWorkerManager.js.html
@@ -364,7 +364,7 @@ <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="annota
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 05 2022 22:09:47 GMT-0400 (Eastern Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Mon Sep 12 2022 22:55:18 GMT-0400 (Eastern Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>