igv 2.15.8 → 2.15.10

package/dist/igv.js

@@ -18679,6 +18679,7 @@
         async _loadURL(url, options) {
 
             const self = this;
+            const _url = url;   // The unmodified URL, needed in case of an oAuth retry
 
             url = mapUrl$1(url);
 
@@ -18840,10 +18841,10 @@
 
                 async function tryGoogleAuth() {
                     try {
-                        const accessToken = await fetchGoogleAccessToken(url);
+                        const accessToken = await fetchGoogleAccessToken(_url);
                         options.retries = 1;
                         options.oauthToken = accessToken;
-                        const response = await self.load(url, options);
+                        const response = await self.load(_url, options);
                         resolve(response);
                     } catch (e) {
                         if (e.error) {
@@ -23995,7 +23996,7 @@
         }
     };
 
-    const _version = "2.15.8";
+    const _version = "2.15.10";
     function version() {
         return _version
     }
@@ -44036,7 +44037,7 @@
                 const {width} = viewport.$viewport.get(0).getBoundingClientRect();
                 delta.deltaX += width;
             }
-
+            
             if (true === this.browser.showSampleNames) {
                 this.sampleNameViewport.renderSVGContext(context, delta);
             }
@@ -59285,6 +59286,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 +60125,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);