igv 2.15.8 → 2.15.9

package/dist/igv.js

@@ -23995,7 +23995,7 @@
         }
     };
 
-    const _version = "2.15.8";
+    const _version = "2.15.9";
     function version() {
         return _version
     }
@@ -44036,7 +44036,7 @@
                 const {width} = viewport.$viewport.get(0).getBoundingClientRect();
                 delta.deltaX += width;
             }
-
+            
             if (true === this.browser.showSampleNames) {
                 this.sampleNameViewport.renderSVGContext(context, delta);
             }
@@ -59285,6 +59285,23 @@
             return regionElement
         }
 
+        renderSVGContext(context, {deltaX, deltaY}) {
+
+            for (const regionElement of document.querySelectorAll('.igv-roi-region')) {
+
+                // body
+                const { x, y, width, height } = regionElement.getBoundingClientRect();
+                context.fillStyle = regionElement.style.backgroundColor;
+                context.fillRect(x+deltaX, y+deltaY, width, height);
+
+                // header
+                const header = regionElement.querySelector('div');
+                const { x:xx, y:yy, width:ww, height:hh } = header.getBoundingClientRect();
+                context.fillStyle = header.style.backgroundColor;
+                context.fillRect(xx+deltaX, yy+deltaY, ww, hh);
+            }
+        }
+
         async getUserDefinedROISet() {
             return this.roiSets.find(roiSet => true === roiSet.isUserDefined)
         }
@@ -60107,9 +60124,13 @@
             const context = new ctx(config);
 
             // tracks -> SVG
+            const delta = {deltaX: 0, deltaY: -y};
             for (let trackView of this.trackViews) {
-                trackView.renderSVGContext(context, {deltaX: 0, deltaY: -y});
+                trackView.renderSVGContext(context, delta);
             }
+
+            this.roiManager.renderSVGContext(context, delta);
+
             // reset height to trim away unneeded svg canvas real estate. Yes, a bit of a hack.
             context.setHeight(height);