igv 2.13.1 → 2.13.3

package/dist/igv.js

@@ -7291,7 +7291,7 @@
      * @param x
      * @returns {boolean}
      */
-    function isString$3(x) {
+    function isString$2(x) {
       return typeof x === "string" || x instanceof String;
     } // StackOverflow: http://stackoverflow.com/a/10810674/116169
 
@@ -7353,13 +7353,6 @@
       return str;
     }
 
-    function hashCode$1(s) {
-      return s.split("").reduce(function (a, b) {
-        a = (a << 5) - a + b.charCodeAt(0);
-        return a & a;
-      }, 0);
-    }
-
     function capitalize(str) {
       return str.length > 0 ? str.charAt(0).toUpperCase() + str.slice(1) : str;
     }
@@ -7821,7 +7814,7 @@
     function getFilename$1(urlOrFile) {
       if (urlOrFile.name !== undefined) {
         return urlOrFile.name;
-      } else if (isString$3(urlOrFile)) {
+      } else if (isString$2(urlOrFile)) {
         let index = urlOrFile.lastIndexOf("/");
         let filename = index < 0 ? urlOrFile : urlOrFile.substr(index + 1); //Strip parameters -- handle local files later
 
@@ -18184,11 +18177,14 @@
             trackView,
             label: "Unset track color"
           }));
-          menuItems.push(colorPickerMenuItem({
-            trackView,
-            label: "Set alt color",
-            option: "altColor"
-          }));
+
+          if (trackView.track.config.type === 'wig' || trackView.track.config.type === 'annotation') {
+            menuItems.push(colorPickerMenuItem({
+              trackView,
+              label: "Set alt color",
+              option: "altColor"
+            }));
+          }
         }
 
         if (trackView.track.menuItemList) {
@@ -18448,6 +18444,446 @@
       return txt;
     }
 
+    /*
+     * The MIT License (MIT)
+     *
+     * Copyright (c) 2016-2017 The Regents of the University of California
+     * Author: Jim Robinson
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+
+    class DataRangeDialog {
+      constructor(browser, $parent, alert) {
+        this.browser = browser; // dialog container
+
+        this.$container = $$1("<div>", {
+          class: 'igv-generic-dialog-container'
+        });
+        $parent.append(this.$container);
+        this.$container.offset({
+          left: 0,
+          top: 0
+        }); // dialog header
+
+        const $header = $$1("<div>", {
+          class: 'igv-generic-dialog-header'
+        });
+        this.$container.append($header);
+        attachDialogCloseHandlerWithParent$1($header[0], () => {
+          this.$minimum_input.val(undefined);
+          this.$maximum_input.val(undefined);
+          this.$container.offset({
+            left: 0,
+            top: 0
+          });
+          this.$container.hide();
+        }); // minimun
+
+        this.$minimum = $$1("<div>", {
+          class: 'igv-generic-dialog-label-input'
+        });
+        this.$container.append(this.$minimum);
+        const $mindiv = $$1('<div>');
+        $mindiv.text('Minimum');
+        this.$minimum.append($mindiv);
+        this.$minimum_input = $$1("<input>");
+        this.$minimum.append(this.$minimum_input); // maximum
+
+        this.$maximum = $$1("<div>", {
+          class: 'igv-generic-dialog-label-input'
+        });
+        this.$container.append(this.$maximum);
+        const $maxdiv = $$1('<div>');
+        $maxdiv.text('Maximum');
+        this.$maximum.append($maxdiv);
+        this.$maximum_input = $$1("<input>");
+        this.$maximum.append(this.$maximum_input); // ok | cancel
+
+        const $buttons = $$1("<div>", {
+          class: 'igv-generic-dialog-ok-cancel'
+        });
+        this.$container.append($buttons); // ok
+
+        this.$ok = $$1("<div>");
+        $buttons.append(this.$ok);
+        this.$ok.text('OK'); // cancel
+
+        this.$cancel = $$1("<div>");
+        $buttons.append(this.$cancel);
+        this.$cancel.text('Cancel');
+        this.$cancel.on('click', () => {
+          this.$minimum_input.val(undefined);
+          this.$maximum_input.val(undefined);
+          this.$container.offset({
+            left: 0,
+            top: 0
+          });
+          this.$container.hide();
+        }); //this.$container.draggable({ handle:$header.get(0) });
+
+        makeDraggable$1(this.$container.get(0), $header.get(0));
+        this.$container.hide();
+      }
+
+      configure(trackView) {
+        const dataRange = trackView.dataRange();
+        let min;
+        let max;
+
+        if (dataRange) {
+          min = dataRange.min;
+          max = dataRange.max;
+        } else {
+          min = 0;
+          max = 100;
+        }
+
+        this.$minimum_input.val(min);
+        this.$maximum_input.val(max);
+        this.$minimum_input.unbind();
+        this.$minimum_input.on('keyup', e => {
+          if (13 === e.keyCode) {
+            this.processResults(trackView);
+          }
+        });
+        this.$maximum_input.unbind();
+        this.$maximum_input.on('keyup', e => {
+          if (13 === e.keyCode) {
+            this.processResults(trackView);
+          }
+        });
+        this.$ok.unbind();
+        this.$ok.on('click', e => {
+          this.processResults(trackView);
+        });
+      }
+
+      processResults(trackView) {
+        const min = Number(this.$minimum_input.val());
+        const max = Number(this.$maximum_input.val());
+
+        if (isNaN(min) || isNaN(max)) {
+          this.browser.alert.present(new Error('Must input numeric values'), undefined);
+        } else {
+          trackView.setDataRange(min, max);
+        }
+
+        this.$minimum_input.val(undefined);
+        this.$maximum_input.val(undefined);
+        this.$container.offset({
+          left: 0,
+          top: 0
+        });
+        this.$container.hide();
+      }
+
+      present($parent) {
+        const offset_top = $parent.offset().top;
+        const scroll_top = $$1('body').scrollTop();
+        this.$container.offset({
+          left: $parent.width() - this.$container.width(),
+          top: offset_top + scroll_top
+        });
+        this.$container.show();
+      }
+
+    }
+
+    /*
+     * The MIT License (MIT)
+     *
+     * Copyright (c) 2014 Broad Institute
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of ctx software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and ctx permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+
+    const IGVGraphics = {
+      configureHighDPICanvas: function (ctx, w, h) {
+        const scaleFactor = window.devicePixelRatio; // const scaleFactor = 1
+
+        ctx.canvas.style.width = `${w}px`;
+        ctx.canvas.width = Math.floor(scaleFactor * w);
+        ctx.canvas.style.height = `${h}px`;
+        ctx.canvas.height = Math.floor(scaleFactor * h);
+        ctx.scale(scaleFactor, scaleFactor);
+      },
+      setProperties: function (ctx, properties) {
+        for (var key in properties) {
+          if (properties.hasOwnProperty(key)) {
+            var value = properties[key];
+            ctx[key] = value;
+          }
+        }
+      },
+      strokeLine: function (ctx, x1, y1, x2, y2, properties) {
+        x1 = Math.floor(x1) + 0.5;
+        y1 = Math.floor(y1) + 0.5;
+        x2 = Math.floor(x2) + 0.5;
+        y2 = Math.floor(y2) + 0.5;
+
+        if (properties) {
+          ctx.save();
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        ctx.beginPath();
+        ctx.moveTo(x1, y1);
+        ctx.lineTo(x2, y2);
+        ctx.stroke();
+        if (properties) ctx.restore();
+      },
+      fillRect: function (ctx, x, y, w, h, properties) {
+        x = Math.round(x);
+        y = Math.round(y);
+
+        if (properties) {
+          ctx.save();
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        ctx.fillRect(x, y, w, h);
+        if (properties) ctx.restore();
+      },
+      fillPolygon: function (ctx, x, y, properties) {
+        if (properties) {
+          ctx.save();
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        doPath(ctx, x, y);
+        ctx.fill();
+        if (properties) ctx.restore();
+      },
+      strokePolygon: function (ctx, x, y, properties) {
+        if (properties) {
+          ctx.save();
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        doPath(ctx, x, y);
+        ctx.stroke();
+        if (properties) ctx.restore();
+      },
+      fillText: function (ctx, text, x, y, properties, transforms) {
+        if (properties || transforms) {
+          ctx.save();
+        }
+
+        if (properties) {
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        if (transforms) {
+          // Slow path with context saving and extra translate
+          ctx.translate(x, y);
+
+          for (var transform in transforms) {
+            var value = transforms[transform]; // TODO: Add error checking for robustness
+
+            if (transform === 'translate') {
+              ctx.translate(value['x'], value['y']);
+            }
+
+            if (transform === 'rotate') {
+              ctx.rotate(value['angle'] * Math.PI / 180);
+            }
+          }
+
+          ctx.fillText(text, 0, 0);
+        } else {
+          ctx.fillText(text, x, y);
+        }
+
+        if (properties || transforms) ctx.restore();
+      },
+      strokeText: function (ctx, text, x, y, properties, transforms) {
+        if (properties || transforms) {
+          ctx.save();
+        }
+
+        if (properties) {
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        if (transforms) {
+          ctx.translate(x, y);
+
+          for (var transform in transforms) {
+            var value = transforms[transform]; // TODO: Add error checking for robustness
+
+            if (transform === 'translate') {
+              ctx.translate(value['x'], value['y']);
+            }
+
+            if (transform === 'rotate') {
+              ctx.rotate(value['angle'] * Math.PI / 180);
+            }
+          }
+
+          ctx.strokeText(text, 0, 0);
+        } else {
+          ctx.strokeText(text, x, y);
+        }
+
+        if (properties || transforms) ctx.restore();
+      },
+      strokeCircle: function (ctx, x, y, radius, properties) {
+        if (properties) {
+          ctx.save();
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        ctx.beginPath();
+        ctx.arc(x, y, radius, 0, 2 * Math.PI);
+        ctx.stroke();
+        if (properties) ctx.restore();
+      },
+      fillCircle: function (ctx, x, y, radius, properties) {
+        if (properties) {
+          ctx.save();
+          IGVGraphics.setProperties(ctx, properties);
+        }
+
+        ctx.beginPath();
+        ctx.arc(x, y, radius, 0, 2 * Math.PI);
+        ctx.fill();
+        if (properties) ctx.restore();
+      },
+      drawArrowhead: function (ctx, x, y, size, lineWidth) {
+        ctx.save();
+
+        if (!size) {
+          size = 5;
+        }
+
+        if (lineWidth) {
+          ctx.lineWidth = lineWidth;
+        }
+
+        ctx.beginPath();
+        ctx.moveTo(x, y - size / 2);
+        ctx.lineTo(x, y + size / 2);
+        ctx.lineTo(x + size, y);
+        ctx.lineTo(x, y - size / 2);
+        ctx.closePath();
+        ctx.fill();
+        ctx.restore();
+      },
+      dashedLine: function (ctx, x1, y1, x2, y2, dashLen) {
+        let properties = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+        if (dashLen === undefined) dashLen = 2;
+        ctx.setLineDash([dashLen, dashLen]);
+        IGVGraphics.strokeLine(ctx, x1, y1, x2, y2, properties);
+        ctx.setLineDash([]);
+      },
+      roundRect: function (ctx, x, y, width, height, radius, fill, stroke) {
+        if (typeof stroke == "undefined") {
+          stroke = true;
+        }
+
+        if (typeof radius === "undefined") {
+          radius = 5;
+        }
+
+        ctx.beginPath();
+        ctx.moveTo(x + radius, y);
+        ctx.lineTo(x + width - radius, y);
+        ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
+        ctx.lineTo(x + width, y + height - radius);
+        ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
+        ctx.lineTo(x + radius, y + height);
+        ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
+        ctx.lineTo(x, y + radius);
+        ctx.quadraticCurveTo(x, y, x + radius, y);
+        ctx.closePath();
+
+        if (stroke) {
+          ctx.stroke();
+        }
+
+        if (fill) {
+          ctx.fill();
+        }
+      },
+      polygon: function (ctx, x, y, fill, stroke) {
+        if (typeof stroke == "undefined") {
+          stroke = true;
+        }
+
+        ctx.beginPath();
+        var len = x.length;
+        ctx.moveTo(x[0], y[0]);
+
+        for (var i = 1; i < len; i++) {
+          ctx.lineTo(x[i], y[i]); // this.moveTo(x[i], y[i]);
+        }
+
+        ctx.closePath();
+
+        if (stroke) {
+          ctx.stroke();
+        }
+
+        if (fill) {
+          ctx.fill();
+        }
+      }
+    };
+
+    function doPath(ctx, x, y) {
+      var i,
+          len = x.length;
+
+      for (i = 0; i < len; i++) {
+        x[i] = Math.round(x[i]);
+        y[i] = Math.round(y[i]);
+      }
+
+      ctx.beginPath();
+      ctx.moveTo(x[0], y[0]);
+
+      for (i = 1; i < len; i++) {
+        ctx.lineTo(x[i], y[i]);
+      }
+
+      ctx.closePath();
+    }
+
     function div(options) {
       return create("div", options);
     }
@@ -18810,22 +19246,6 @@
 
     }
 
-    let alertDialog;
-    const Alert = {
-      init(root, config = {}) {
-        alertDialog = new AlertDialog(root, config);
-      },
-
-      presentAlert(alert, callback) {
-        if (!alertDialog) {
-          this.init(document.body);
-        }
-
-        alertDialog.present(alert, callback);
-      }
-
-    };
-
     class InputDialog {
       constructor(parent) {
         this.parent = parent; // dialog container
@@ -20191,11 +20611,58 @@
       }
     }
 
+    class Alert {
+      constructor(parent) {
+        this.dialog = new AlertDialog(parent);
+      }
+
+      present(alert, callback) {
+        this.dialog.present(alert, callback);
+      }
+
+    }
+
+    const FileFormats = {
+      gwascatalog: {
+        fields: ['bin', 'chr', 'start', 'end', 'name', 'pubMedID', 'author', 'pubDate', 'journal', 'title', 'trait', 'initSample', 'replSample', 'region', 'genes', 'riskAllele', 'riskAlFreq', 'pValue', 'pValueDesc', 'orOrBeta', 'ci95', 'platform', 'cnv']
+      },
+      wgrna: {
+        fields: ['bin', 'chr', 'start', 'end', 'name', 'score', 'strand', 'thickStart', 'thickEnd', 'type']
+      },
+      cpgislandext: {
+        fields: ['bin', 'chr', 'start', 'end', 'name', 'length', 'cpgNum', 'gcNum', 'perCpg', 'perGc', 'obsExp']
+      },
+      clinVarMain: {
+        fields: ['chr1', 'start', 'end', 'name', 'score', 'strand', 'thickStart', 'thickEnd', 'reserved', 'blockCount', // Number of blocks
+        'blockSizes', // Comma separated list of block sizes
+        'chromStarts', // Start positions relative to chromStart
+        'origName', // NM_198053.2(CD247):c.462C>T (p.Asp154=)	ClinVar Variation Report
+        'clinSign', // Likely benign	Clinical significance
+        'reviewStatus', // 	based on: criteria provided,single submitter	Review Status
+        'type', // single nucleotide variant	Type of Variant
+        'geneId', // CD247	Gene Symbol
+        'snpId', //	181656780	dbSNP ID
+        'nsvId', //		dbVar ID
+        'rcvAcc', //	RCV000642347	ClinVar Allele Submission
+        'testedInGtr', //	N	Genetic Testing Registry
+        'phenotypeList', //	Immunodeficiency due to defect in cd3-zeta	Phenotypes
+        'phenotype', //	MedGen:C1857798, OMIM:610163	Phenotype identifiers
+        'origin', //	germline	Data origin
+        'assembly', //	GRCh37	Genome assembly
+        'cytogenetic', //	1q24.2	Cytogenetic status
+        'hgvsCod', //	NM_198053.2:c.462C>T	Nucleotide HGVS
+        'hgvsProt', //	NP_932170.1:p.Asp154=	Protein HGVS
+        'numSubmit', //	1	Number of submitters
+        'lastEval', //	Dec 19,2017	Last evaluation
+        'guidelines', //		Guidelines
+        'otherIds']
+      }
+    };
+
     /*
      * The MIT License (MIT)
      *
-     * Copyright (c) 2016-2017 The Regents of the University of California
-     * Author: Jim Robinson
+     * Copyright (c) 2014 Broad Institute
      *
      * Permission is hereby granted, free of charge, to any person obtaining a copy
      * of this software and associated documentation files (the "Software"), to deal
@@ -20216,1436 +20683,360 @@
      * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
      * THE SOFTWARE.
      */
+    /**
+     * Test if the given value is a string or number.  Not using typeof as it fails on boxed primitives.
+     *
+     * @param value
+     * @returns boolean
+     */
 
-    class DataRangeDialog {
-      constructor($parent, alert) {
-        // dialog container
-        this.$container = $$1("<div>", {
-          class: 'igv-generic-dialog-container'
-        });
-        $parent.append(this.$container);
-        this.$container.offset({
-          left: 0,
-          top: 0
-        }); // dialog header
-
-        const $header = $$1("<div>", {
-          class: 'igv-generic-dialog-header'
-        });
-        this.$container.append($header);
-        attachDialogCloseHandlerWithParent$1($header[0], () => {
-          this.$minimum_input.val(undefined);
-          this.$maximum_input.val(undefined);
-          this.$container.offset({
-            left: 0,
-            top: 0
-          });
-          this.$container.hide();
-        }); // minimun
 
-        this.$minimum = $$1("<div>", {
-          class: 'igv-generic-dialog-label-input'
-        });
-        this.$container.append(this.$minimum);
-        const $mindiv = $$1('<div>');
-        $mindiv.text('Minimum');
-        this.$minimum.append($mindiv);
-        this.$minimum_input = $$1("<input>");
-        this.$minimum.append(this.$minimum_input); // maximum
+    function isSimpleType(value) {
+      const simpleTypes = new Set(["boolean", "number", "string", "symbol"]);
+      const valueType = typeof value;
+      return value !== undefined && (simpleTypes.has(valueType) || value.substring || value.toFixed);
+    }
 
-        this.$maximum = $$1("<div>", {
-          class: 'igv-generic-dialog-label-input'
-        });
-        this.$container.append(this.$maximum);
-        const $maxdiv = $$1('<div>');
-        $maxdiv.text('Maximum');
-        this.$maximum.append($maxdiv);
-        this.$maximum_input = $$1("<input>");
-        this.$maximum.append(this.$maximum_input); // ok | cancel
+    function buildOptions(config, options) {
+      var defaultOptions = {
+        oauthToken: config.oauthToken,
+        headers: config.headers,
+        withCredentials: config.withCredentials,
+        filename: config.filename
+      };
+      return Object.assign(defaultOptions, options);
+    }
+    /**
+     * isMobile test from http://detectmobilebrowsers.com
+     * TODO -- improve UI design so this isn't neccessary
+     * @returns {boolean}
+     */
+    // igv.isMobile = function () {
+    //
+    //     const a = (navigator.userAgent || navigator.vendor || window.opera);
+    //     return (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) ||
+    //         /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)))
+    //
+    // }
 
-        const $buttons = $$1("<div>", {
-          class: 'igv-generic-dialog-ok-cancel'
-        });
-        this.$container.append($buttons); // ok
 
-        this.$ok = $$1("<div>");
-        $buttons.append(this.$ok);
-        this.$ok.text('OK'); // cancel
+    const doAutoscale = function (features) {
+      var min, max;
 
-        this.$cancel = $$1("<div>");
-        $buttons.append(this.$cancel);
-        this.$cancel.text('Cancel');
-        this.$cancel.on('click', () => {
-          this.$minimum_input.val(undefined);
-          this.$maximum_input.val(undefined);
-          this.$container.offset({
-            left: 0,
-            top: 0
-          });
-          this.$container.hide();
-        }); //this.$container.draggable({ handle:$header.get(0) });
+      if (features.length > 0) {
+        min = Number.MAX_VALUE;
+        max = -Number.MAX_VALUE;
+        features.forEach(function (f) {
+          if (!Number.isNaN(f.value)) {
+            min = Math.min(min, f.value);
+            max = Math.max(max, f.value);
+          }
+        }); // Insure we have a zero baseline
 
-        makeDraggable$1(this.$container.get(0), $header.get(0));
-        this.$container.hide();
+        if (max > 0) min = Math.min(0, min);
+        if (max < 0) max = 0;
+      } else {
+        // No features -- default
+        min = 0;
+        max = 100;
       }
 
-      configure(trackView) {
-        const dataRange = trackView.dataRange();
-        let min;
-        let max;
+      return {
+        min: min,
+        max: max
+      };
+    };
 
-        if (dataRange) {
-          min = dataRange.min;
-          max = dataRange.max;
+    const validateGenomicExtent = function (chromosomeLengthBP, genomicExtent, minimumBP) {
+      let ss = genomicExtent.start;
+      let ee = genomicExtent.end;
+
+      if (undefined === ee) {
+        ss -= minimumBP / 2;
+        ee = ss + minimumBP;
+
+        if (ee > chromosomeLengthBP) {
+          ee = chromosomeLengthBP;
+          ss = ee - minimumBP;
+        } else if (ss < 0) {
+          ss = 0;
+          ee = minimumBP;
+        }
+      } else if (ee - ss < minimumBP) {
+        const center = (ee + ss) / 2;
+
+        if (center - minimumBP / 2 < 0) {
+          ss = 0;
+          ee = ss + minimumBP;
+        } else if (center + minimumBP / 2 > chromosomeLengthBP) {
+          ee = chromosomeLengthBP;
+          ss = ee - minimumBP;
         } else {
-          min = 0;
-          max = 100;
+          ss = center - minimumBP / 2;
+          ee = ss + minimumBP;
         }
+      }
 
-        this.$minimum_input.val(min);
-        this.$maximum_input.val(max);
-        this.$minimum_input.unbind();
-        this.$minimum_input.on('keyup', e => {
-          if (13 === e.keyCode) {
-            this.processResults(trackView);
-          }
-        });
-        this.$maximum_input.unbind();
-        this.$maximum_input.on('keyup', e => {
-          if (13 === e.keyCode) {
-            this.processResults(trackView);
-          }
-        });
-        this.$ok.unbind();
-        this.$ok.on('click', e => {
-          this.processResults(trackView);
-        });
+      genomicExtent.start = Math.ceil(ss);
+      genomicExtent.end = Math.floor(ee);
+    };
+    /*!
+     * is-number <https://github.com/jonschlinkert/is-number>
+     *
+     * Copyright (c) 2014-present, Jon Schlinkert.
+     * Released under the MIT License.
+     */
+
+
+    const isNumber = function (num) {
+      if (typeof num === 'number') {
+        return num - num === 0;
       }
 
-      processResults(trackView) {
-        const min = Number(this.$minimum_input.val());
-        const max = Number(this.$maximum_input.val());
+      if (typeof num === 'string' && num.trim() !== '') {
+        return Number.isFinite ? Number.isFinite(+num) : isFinite(+num);
+      }
 
-        if (isNaN(min) || isNaN(max)) {
-          Alert.presentAlert(new Error('Must input numeric values'), undefined);
-        } else {
-          trackView.setDataRange(min, max);
+      return false;
+    };
+
+    async function getFilename(url) {
+      if (isString$2(url) && url.startsWith("https://drive.google.com")) {
+        // This will fail if Google API key is not defined
+        if (getApiKey() === undefined) {
+          throw Error("Google drive is referenced, but API key is not defined.  An API key is required for Google Drive access");
         }
 
-        this.$minimum_input.val(undefined);
-        this.$maximum_input.val(undefined);
-        this.$container.offset({
-          left: 0,
-          top: 0
-        });
-        this.$container.hide();
+        const json = await getDriveFileInfo(url);
+        return json.originalFileName || json.name;
+      } else {
+        return getFilename$1(url);
       }
+    }
 
-      present($parent) {
-        const offset_top = $parent.offset().top;
-        const scroll_top = $$1('body').scrollTop();
-        this.$container.offset({
-          left: $parent.width() - this.$container.width(),
-          top: offset_top + scroll_top
-        });
-        this.$container.show();
+    function prettyBasePairNumber(raw) {
+      var denom, units, value, floored;
+
+      if (raw > 1e7) {
+        denom = 1e6;
+        units = " mb";
+      } else if (raw > 1e4) {
+        denom = 1e3;
+        units = " kb";
+        value = raw / denom;
+        floored = Math.floor(value);
+        return numberFormatter$1(floored) + units;
+      } else {
+        return numberFormatter$1(raw) + " bp";
       }
 
+      value = raw / denom;
+      floored = Math.floor(value);
+      return floored.toString() + units;
     }
 
-    /*
-     * The MIT License (MIT)
+    function isDataURL(obj) {
+      return isString$2(obj) && obj.startsWith("data:");
+    }
+
+    function createColumn(columnContainer, className) {
+      const column = div$1({
+        class: className
+      });
+      columnContainer.appendChild(column);
+    }
+
+    function insertElementBefore(element, referenceNode) {
+      referenceNode.parentNode.insertBefore(element, referenceNode);
+    }
+
+    function insertElementAfter(element, referenceNode) {
+      referenceNode.parentNode.insertBefore(element, referenceNode.nextSibling);
+    }
+    /**
+     * Test to see if page is loaded in a secure context, that is by https or is localhost.
+     */
+
+
+    function isSecureContext() {
+      return window.location.protocol === "https:" || window.location.hostname === "localhost";
+    } // reference: https://pretagteam.com/question/find-element-height-including-margin
+
+
+    function getElementAbsoluteHeight(element) {
+      // Get the DOM Node if you pass in a string
+      element = typeof element === 'string' ? document.querySelector(element) : element;
+      const styles = window.getComputedStyle(element);
+      const margin = parseFloat(styles['marginTop']) + parseFloat(styles['marginBottom']);
+      const height = element.offsetHeight;
+      return Math.ceil(margin + height);
+    }
+
+    /**
+     * Decoder for bedpe records.
      *
-     * Copyright (c) 2014 Broad Institute
+     * Bedpe format was created by Aaron Quinlan et al as part of the bedtools project.
+     * The spec is here:  https://bedtools.readthedocs.io/en/latest/content/general-usage.html,
      *
-     * Permission is hereby granted, free of charge, to any person obtaining a copy
-     * of ctx software and associated documentation files (the "Software"), to deal
-     * in the Software without restriction, including without limitation the rights
-     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-     * copies of the Software, and to permit persons to whom the Software is
-     * furnished to do so, subject to the following conditions:
+     * 1      2      3    4      5      6    7    8     9       10      11-
+     * chrom1 start1 end1 chrom2 start2 end2 name score strand1 strand2 <Any number of additional, user-defined fields>
      *
-     * The above copyright notice and ctx permission notice shall be included in
-     * all copies or substantial portions of the Software.
+     * However there are off spec variants, an important one being a 7 column format with score in place of the standard
+     * name column.
      *
+     * A common variant is a "hiccups" output file, which is standard bedpe with the exception of a header line
+     * of the form
      *
-     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-     * THE SOFTWARE.
+     * chr1    x1    x2    chr2    y1    y2    name    score    strand1    strand2    color    observed    expectedBL    expectedDonut    expectedH    expectedV    fdrBL    fdrDonut    fdrH    fdrV
+     *
+     * The "hiccups" output is apparently not standardized as this is found at ENCODE, with a non-helpful "tsv" extension
+     *
+     * chr1    x1    x2    chr2    y1    y2    color    observed    expectedBL    expectedDonut    expectedH    expectedV    fdrBL    fdrDonut    fdrH    fdrV    numCollapsed    centroid1    centroid2    radius
+     * chr9    136790000    136795000    chr9    136990000    136995000    0,255,255    101.0    31.100368    38.40316    56.948116    34.040756    1.1876738E-13    1.05936405E-13    2.5148233E-4    1.7220993E-13    1    136792500    136992500    25590
+     *
+     * The "hiccups" documentation specfies yet another set of column headers
+     * chromosome1    x1    x2    chromosome2    y1    y2    color    observed expected_bottom_left    expected_donut    expected_horizontal    expected_vertical fdr_bottom_left    fdr_donut    fdr_horizontal    fdr_vertical number_collapsed    centroid1    centroid2    radius
+     *
+     * @param tokens
+     * @param ignore
+     * @returns {{start1: number, end2: number, end1: number, chr1: *, chr2: *, start2: number}|undefined}
      */
 
-    const IGVGraphics = {
-      configureHighDPICanvas: function (ctx, w, h) {
-        const scaleFactor = window.devicePixelRatio; // const scaleFactor = 1
+    function decodeBedpe(tokens, header) {
+      if (tokens.length < 6) {
+        console.log("Skipping line: " + tokens.join(' '));
+        return undefined;
+      }
 
-        ctx.canvas.style.width = `${w}px`;
-        ctx.canvas.width = Math.floor(scaleFactor * w);
-        ctx.canvas.style.height = `${h}px`;
-        ctx.canvas.height = Math.floor(scaleFactor * h);
-        ctx.scale(scaleFactor, scaleFactor);
-      },
-      setProperties: function (ctx, properties) {
-        for (var key in properties) {
-          if (properties.hasOwnProperty(key)) {
-            var value = properties[key];
-            ctx[key] = value;
-          }
-        }
-      },
-      strokeLine: function (ctx, x1, y1, x2, y2, properties) {
-        x1 = Math.floor(x1) + 0.5;
-        y1 = Math.floor(y1) + 0.5;
-        x2 = Math.floor(x2) + 0.5;
-        y2 = Math.floor(y2) + 0.5;
+      var feature = {
+        chr1: tokens[0],
+        start1: Number.parseInt(tokens[1]),
+        end1: Number.parseInt(tokens[2]),
+        chr2: tokens[3],
+        start2: Number.parseInt(tokens[4]),
+        end2: Number.parseInt(tokens[5])
+      };
 
-        if (properties) {
-          ctx.save();
-          IGVGraphics.setProperties(ctx, properties);
-        }
+      if (isNaN(feature.start1) || isNaN(feature.end1) || isNaN(feature.start2) || isNaN(feature.end2)) {
+        //throw Error(`Error parsing line: ${tokens.join('\t')}`);
+        return undefined;
+      } // Determine if this is a "hiccups" file.  Store result on "header" so it doesn't need repeated for every feature
 
-        ctx.beginPath();
-        ctx.moveTo(x1, y1);
-        ctx.lineTo(x2, y2);
-        ctx.stroke();
-        if (properties) ctx.restore();
-      },
-      fillRect: function (ctx, x, y, w, h, properties) {
-        x = Math.round(x);
-        y = Math.round(y);
 
-        if (properties) {
-          ctx.save();
-          IGVGraphics.setProperties(ctx, properties);
-        }
+      if (header && header.hiccups === undefined) {
+        header.hiccups = header.columnNames ? isHiccups(header.columnNames) : false;
+      }
 
-        ctx.fillRect(x, y, w, h);
-        if (properties) ctx.restore();
-      },
-      fillPolygon: function (ctx, x, y, properties) {
-        if (properties) {
-          ctx.save();
-          IGVGraphics.setProperties(ctx, properties);
-        }
+      const hiccups = header && header.hiccups;
+      const stdColumns = hiccups ? 6 : 10;
 
-        doPath(ctx, x, y);
-        ctx.fill();
-        if (properties) ctx.restore();
-      },
-      strokePolygon: function (ctx, x, y, properties) {
-        if (properties) {
-          ctx.save();
-          IGVGraphics.setProperties(ctx, properties);
+      if (!hiccups) {
+        if (tokens.length > 6 && tokens[6] !== ".") {
+          feature.name = tokens[6];
         }
 
-        doPath(ctx, x, y);
-        ctx.stroke();
-        if (properties) ctx.restore();
-      },
-      fillText: function (ctx, text, x, y, properties, transforms) {
-        if (properties || transforms) {
-          ctx.save();
+        if (tokens.length > 7 && tokens[7] !== ".") {
+          feature.score = Number(tokens[7]);
         }
 
-        if (properties) {
-          IGVGraphics.setProperties(ctx, properties);
+        if (tokens.length > 8 && tokens[8] !== ".") {
+          feature.strand1 = tokens[8];
         }
 
-        if (transforms) {
-          // Slow path with context saving and extra translate
-          ctx.translate(x, y);
-
-          for (var transform in transforms) {
-            var value = transforms[transform]; // TODO: Add error checking for robustness
+        if (tokens.length > 9 && tokens[9] !== ".") {
+          feature.strand2 = tokens[9];
+        }
+      } // Optional extra columns
 
-            if (transform === 'translate') {
-              ctx.translate(value['x'], value['y']);
-            }
 
-            if (transform === 'rotate') {
-              ctx.rotate(value['angle'] * Math.PI / 180);
-            }
-          }
+      if (header) {
+        const colorColumn = header.colorColumn;
 
-          ctx.fillText(text, 0, 0);
-        } else {
-          ctx.fillText(text, x, y);
+        if (colorColumn && colorColumn < tokens.length) {
+          feature.color = IGVColor.createColorString(tokens[colorColumn]);
         }
 
-        if (properties || transforms) ctx.restore();
-      },
-      strokeText: function (ctx, text, x, y, properties, transforms) {
-        if (properties || transforms) {
-          ctx.save();
+        const thicknessColumn = header.thicknessColumn;
+
+        if (thicknessColumn && thicknessColumn < tokens.length) {
+          feature.thickness = tokens[thicknessColumn];
         }
 
-        if (properties) {
-          IGVGraphics.setProperties(ctx, properties);
+        if (tokens.length > stdColumns && header.columnNames && header.columnNames.length === tokens.length) {
+          feature.extras = tokens.slice(stdColumns);
         }
+      } // Set total extent of feature
 
-        if (transforms) {
-          ctx.translate(x, y);
 
-          for (var transform in transforms) {
-            var value = transforms[transform]; // TODO: Add error checking for robustness
+      if (feature.chr1 === feature.chr2) {
+        feature.chr = feature.chr1;
+        feature.start = Math.min(feature.start1, feature.start2);
+        feature.end = Math.max(feature.end1, feature.end2);
+      }
 
-            if (transform === 'translate') {
-              ctx.translate(value['x'], value['y']);
-            }
-
-            if (transform === 'rotate') {
-              ctx.rotate(value['angle'] * Math.PI / 180);
-            }
-          }
-
-          ctx.strokeText(text, 0, 0);
-        } else {
-          ctx.strokeText(text, x, y);
-        }
-
-        if (properties || transforms) ctx.restore();
-      },
-      strokeCircle: function (ctx, x, y, radius, properties) {
-        if (properties) {
-          ctx.save();
-          IGVGraphics.setProperties(ctx, properties);
-        }
-
-        ctx.beginPath();
-        ctx.arc(x, y, radius, 0, 2 * Math.PI);
-        ctx.stroke();
-        if (properties) ctx.restore();
-      },
-      fillCircle: function (ctx, x, y, radius, properties) {
-        if (properties) {
-          ctx.save();
-          IGVGraphics.setProperties(ctx, properties);
-        }
-
-        ctx.beginPath();
-        ctx.arc(x, y, radius, 0, 2 * Math.PI);
-        ctx.fill();
-        if (properties) ctx.restore();
-      },
-      drawArrowhead: function (ctx, x, y, size, lineWidth) {
-        ctx.save();
-
-        if (!size) {
-          size = 5;
-        }
-
-        if (lineWidth) {
-          ctx.lineWidth = lineWidth;
-        }
-
-        ctx.beginPath();
-        ctx.moveTo(x, y - size / 2);
-        ctx.lineTo(x, y + size / 2);
-        ctx.lineTo(x + size, y);
-        ctx.lineTo(x, y - size / 2);
-        ctx.closePath();
-        ctx.fill();
-        ctx.restore();
-      },
-      dashedLine: function (ctx, x1, y1, x2, y2, dashLen) {
-        let properties = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
-        if (dashLen === undefined) dashLen = 2;
-        ctx.setLineDash([dashLen, dashLen]);
-        IGVGraphics.strokeLine(ctx, x1, y1, x2, y2, properties);
-        ctx.setLineDash([]);
-      },
-      roundRect: function (ctx, x, y, width, height, radius, fill, stroke) {
-        if (typeof stroke == "undefined") {
-          stroke = true;
-        }
-
-        if (typeof radius === "undefined") {
-          radius = 5;
-        }
-
-        ctx.beginPath();
-        ctx.moveTo(x + radius, y);
-        ctx.lineTo(x + width - radius, y);
-        ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
-        ctx.lineTo(x + width, y + height - radius);
-        ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
-        ctx.lineTo(x + radius, y + height);
-        ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
-        ctx.lineTo(x, y + radius);
-        ctx.quadraticCurveTo(x, y, x + radius, y);
-        ctx.closePath();
-
-        if (stroke) {
-          ctx.stroke();
-        }
-
-        if (fill) {
-          ctx.fill();
-        }
-      },
-      polygon: function (ctx, x, y, fill, stroke) {
-        if (typeof stroke == "undefined") {
-          stroke = true;
-        }
+      return feature;
+    }
+    /**
+     * Hack for non-standard bedPE formats, where numeric score can be in column 7 (name field from spec)
+     * @param features
+     */
 
-        ctx.beginPath();
-        var len = x.length;
-        ctx.moveTo(x[0], y[0]);
 
-        for (var i = 1; i < len; i++) {
-          ctx.lineTo(x[i], y[i]); // this.moveTo(x[i], y[i]);
-        }
+    function fixBedPE(features) {
+      if (features.length == 0) return; // Assume all features have same properties
 
-        ctx.closePath();
+      const firstFeature = features[0];
 
-        if (stroke) {
-          ctx.stroke();
+      if (firstFeature.score === undefined && firstFeature.name !== undefined) {
+        // Name field (col 7) is sometimes used for score.
+        for (let f of features) {
+          if (!(isNumber(f.name) || f.name === '.')) return;
         }
 
-        if (fill) {
-          ctx.fill();
+        for (let f of features) {
+          f.score = Number(f.name);
+          delete f.name;
         }
-      }
-    };
-
-    function doPath(ctx, x, y) {
-      var i,
-          len = x.length;
+      } // Make copies of inter-chr features, one for each chromosome
 
-      for (i = 0; i < len; i++) {
-        x[i] = Math.round(x[i]);
-        y[i] = Math.round(y[i]);
-      }
 
-      ctx.beginPath();
-      ctx.moveTo(x[0], y[0]);
+      const interChrFeatures = features.filter(f => f.chr1 !== f.chr2);
 
-      for (i = 1; i < len; i++) {
-        ctx.lineTo(x[i], y[i]);
+      for (let f1 of interChrFeatures) {
+        const f2 = Object.assign({}, f1);
+        f2.dup = true;
+        features.push(f2);
+        f1.chr = f1.chr1;
+        f1.start = f1.start1;
+        f1.end = f1.end1;
+        f2.chr = f2.chr2;
+        f2.start = f2.start2;
+        f2.end = f2.end2;
       }
-
-      ctx.closePath();
     }
+    /**
+     * Special decoder for Hic Domain files.   In these files feature1 == feature2, they are really bed records.
+     * @param tokens
+     * @param ignore
+     * @returns {*}
+     */
 
-    var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-    function createCommonjsModule(fn) {
-      var module = { exports: {} };
-    	return fn(module, module.exports), module.exports;
-    }
-
-    var check = function (it) {
-      return it && it.Math == Math && it;
-    }; // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-
-
-    var global$1 = // eslint-disable-next-line es-x/no-global-this -- safe
-    check(typeof globalThis == 'object' && globalThis) || check(typeof window == 'object' && window) || // eslint-disable-next-line no-restricted-globals -- safe
-    check(typeof self == 'object' && self) || check(typeof commonjsGlobal == 'object' && commonjsGlobal) || // eslint-disable-next-line no-new-func -- fallback
-    function () {
-      return this;
-    }() || Function('return this')();
-
-    var fails = function (exec) {
-      try {
-        return !!exec();
-      } catch (error) {
-        return true;
-      }
-    };
-
-    var descriptors = !fails(function () {
-      // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
-      return Object.defineProperty({}, 1, {
-        get: function () {
-          return 7;
-        }
-      })[1] != 7;
-    });
-
-    var functionBindNative = !fails(function () {
-      // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
-      var test = function () {
-        /* empty */
-      }.bind(); // eslint-disable-next-line no-prototype-builtins -- safe
-
-
-      return typeof test != 'function' || test.hasOwnProperty('prototype');
-    });
-
-    var call$2 = Function.prototype.call;
-    var functionCall = functionBindNative ? call$2.bind(call$2) : function () {
-      return call$2.apply(call$2, arguments);
-    };
-
-    var $propertyIsEnumerable = {}.propertyIsEnumerable; // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
-
-    var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor; // Nashorn ~ JDK8 bug
-
-    var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({
-      1: 2
-    }, 1); // `Object.prototype.propertyIsEnumerable` method implementation
-    // https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
-
-    var f$5 = NASHORN_BUG ? function propertyIsEnumerable(V) {
-      var descriptor = getOwnPropertyDescriptor$1(this, V);
-      return !!descriptor && descriptor.enumerable;
-    } : $propertyIsEnumerable;
-    var objectPropertyIsEnumerable = {
-      f: f$5
-    };
 
-    var createPropertyDescriptor = function (bitmap, value) {
+    function decodeBedpeDomain(tokens, header) {
+      if (tokens.length < 8) return undefined;
       return {
-        enumerable: !(bitmap & 1),
-        configurable: !(bitmap & 2),
-        writable: !(bitmap & 4),
-        value: value
-      };
-    };
-
-    var FunctionPrototype$2 = Function.prototype;
-    var bind$1 = FunctionPrototype$2.bind;
-    var call$1 = FunctionPrototype$2.call;
-    var uncurryThis = functionBindNative && bind$1.bind(call$1, call$1);
-    var functionUncurryThis = functionBindNative ? function (fn) {
-      return fn && uncurryThis(fn);
-    } : function (fn) {
-      return fn && function () {
-        return call$1.apply(fn, arguments);
-      };
-    };
-
-    var toString$1 = functionUncurryThis({}.toString);
-    var stringSlice = functionUncurryThis(''.slice);
-
-    var classofRaw = function (it) {
-      return stringSlice(toString$1(it), 8, -1);
-    };
-
-    var $Object$2 = Object;
-    var split = functionUncurryThis(''.split); // fallback for non-array-like ES3 and non-enumerable old V8 strings
-
-    var indexedObject = fails(function () {
-      // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
-      // eslint-disable-next-line no-prototype-builtins -- safe
-      return !$Object$2('z').propertyIsEnumerable(0);
-    }) ? function (it) {
-      return classofRaw(it) == 'String' ? split(it, '') : $Object$2(it);
-    } : $Object$2;
-
-    var $TypeError$6 = TypeError; // `RequireObjectCoercible` abstract operation
-    // https://tc39.es/ecma262/#sec-requireobjectcoercible
-
-    var requireObjectCoercible = function (it) {
-      if (it == undefined) throw $TypeError$6("Can't call method on " + it);
-      return it;
-    };
-
-    var toIndexedObject = function (it) {
-      return indexedObject(requireObjectCoercible(it));
-    };
-
-    // `IsCallable` abstract operation
-    // https://tc39.es/ecma262/#sec-iscallable
-    var isCallable = function (argument) {
-      return typeof argument == 'function';
-    };
-
-    var isObject = function (it) {
-      return typeof it == 'object' ? it !== null : isCallable(it);
-    };
-
-    var aFunction = function (argument) {
-      return isCallable(argument) ? argument : undefined;
-    };
-
-    var getBuiltIn = function (namespace, method) {
-      return arguments.length < 2 ? aFunction(global$1[namespace]) : global$1[namespace] && global$1[namespace][method];
-    };
-
-    var objectIsPrototypeOf = functionUncurryThis({}.isPrototypeOf);
-
-    var engineUserAgent = getBuiltIn('navigator', 'userAgent') || '';
-
-    var process$2 = global$1.process;
-    var Deno = global$1.Deno;
-    var versions = process$2 && process$2.versions || Deno && Deno.version;
-    var v8 = versions && versions.v8;
-    var match, version$1;
-
-    if (v8) {
-      match = v8.split('.'); // in old Chrome, versions of V8 isn't V8 = Chrome / 10
-      // but their correct versions are not interesting for us
-
-      version$1 = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
-    } // BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
-    // so check `userAgent` even if `.v8` exists, but 0
-
-
-    if (!version$1 && engineUserAgent) {
-      match = engineUserAgent.match(/Edge\/(\d+)/);
-
-      if (!match || match[1] >= 74) {
-        match = engineUserAgent.match(/Chrome\/(\d+)/);
-        if (match) version$1 = +match[1];
-      }
-    }
-
-    var engineV8Version = version$1;
-
-    /* eslint-disable es-x/no-symbol -- required for testing */
-
-    var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
-      var symbol = Symbol(); // Chrome 38 Symbol has incorrect toString conversion
-      // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
-
-      return !String(symbol) || !(Object(symbol) instanceof Symbol) || // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
-      !Symbol.sham && engineV8Version && engineV8Version < 41;
-    });
-
-    /* eslint-disable es-x/no-symbol -- required for testing */
-    var useSymbolAsUid = nativeSymbol && !Symbol.sham && typeof Symbol.iterator == 'symbol';
-
-    var $Object$1 = Object;
-    var isSymbol = useSymbolAsUid ? function (it) {
-      return typeof it == 'symbol';
-    } : function (it) {
-      var $Symbol = getBuiltIn('Symbol');
-      return isCallable($Symbol) && objectIsPrototypeOf($Symbol.prototype, $Object$1(it));
-    };
-
-    var $String$1 = String;
-
-    var tryToString = function (argument) {
-      try {
-        return $String$1(argument);
-      } catch (error) {
-        return 'Object';
-      }
-    };
-
-    var $TypeError$5 = TypeError; // `Assert: IsCallable(argument) is true`
-
-    var aCallable = function (argument) {
-      if (isCallable(argument)) return argument;
-      throw $TypeError$5(tryToString(argument) + ' is not a function');
-    };
-
-    // https://tc39.es/ecma262/#sec-getmethod
-
-    var getMethod = function (V, P) {
-      var func = V[P];
-      return func == null ? undefined : aCallable(func);
-    };
-
-    var $TypeError$4 = TypeError; // `OrdinaryToPrimitive` abstract operation
-    // https://tc39.es/ecma262/#sec-ordinarytoprimitive
-
-    var ordinaryToPrimitive = function (input, pref) {
-      var fn, val;
-      if (pref === 'string' && isCallable(fn = input.toString) && !isObject(val = functionCall(fn, input))) return val;
-      if (isCallable(fn = input.valueOf) && !isObject(val = functionCall(fn, input))) return val;
-      if (pref !== 'string' && isCallable(fn = input.toString) && !isObject(val = functionCall(fn, input))) return val;
-      throw $TypeError$4("Can't convert object to primitive value");
-    };
-
-    var defineProperty$1 = Object.defineProperty;
-
-    var defineGlobalProperty = function (key, value) {
-      try {
-        defineProperty$1(global$1, key, {
-          value: value,
-          configurable: true,
-          writable: true
-        });
-      } catch (error) {
-        global$1[key] = value;
-      }
-
-      return value;
-    };
-
-    var SHARED = '__core-js_shared__';
-    var store$1 = global$1[SHARED] || defineGlobalProperty(SHARED, {});
-    var sharedStore = store$1;
-
-    var shared = createCommonjsModule(function (module) {
-      (module.exports = function (key, value) {
-        return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
-      })('versions', []).push({
-        version: '3.24.1',
-        mode: 'global',
-        copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-        license: 'https://github.com/zloirock/core-js/blob/v3.24.1/LICENSE',
-        source: 'https://github.com/zloirock/core-js'
-      });
-    });
-
-    var $Object = Object; // `ToObject` abstract operation
-    // https://tc39.es/ecma262/#sec-toobject
-
-    var toObject = function (argument) {
-      return $Object(requireObjectCoercible(argument));
-    };
-
-    var hasOwnProperty = functionUncurryThis({}.hasOwnProperty); // `HasOwnProperty` abstract operation
-    // https://tc39.es/ecma262/#sec-hasownproperty
-    // eslint-disable-next-line es-x/no-object-hasown -- safe
-
-    var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-      return hasOwnProperty(toObject(it), key);
-    };
-
-    var id = 0;
-    var postfix = Math.random();
-    var toString = functionUncurryThis(1.0.toString);
-
-    var uid = function (key) {
-      return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
-    };
-
-    var WellKnownSymbolsStore = shared('wks');
-    var Symbol$1 = global$1.Symbol;
-    var symbolFor = Symbol$1 && Symbol$1['for'];
-    var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
-
-    var wellKnownSymbol = function (name) {
-      if (!hasOwnProperty_1(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
-        var description = 'Symbol.' + name;
-
-        if (nativeSymbol && hasOwnProperty_1(Symbol$1, name)) {
-          WellKnownSymbolsStore[name] = Symbol$1[name];
-        } else if (useSymbolAsUid && symbolFor) {
-          WellKnownSymbolsStore[name] = symbolFor(description);
-        } else {
-          WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
-        }
-      }
-
-      return WellKnownSymbolsStore[name];
-    };
-
-    var $TypeError$3 = TypeError;
-    var TO_PRIMITIVE = wellKnownSymbol('toPrimitive'); // `ToPrimitive` abstract operation
-    // https://tc39.es/ecma262/#sec-toprimitive
-
-    var toPrimitive = function (input, pref) {
-      if (!isObject(input) || isSymbol(input)) return input;
-      var exoticToPrim = getMethod(input, TO_PRIMITIVE);
-      var result;
-
-      if (exoticToPrim) {
-        if (pref === undefined) pref = 'default';
-        result = functionCall(exoticToPrim, input, pref);
-        if (!isObject(result) || isSymbol(result)) return result;
-        throw $TypeError$3("Can't convert object to primitive value");
-      }
-
-      if (pref === undefined) pref = 'number';
-      return ordinaryToPrimitive(input, pref);
-    };
-
-    // https://tc39.es/ecma262/#sec-topropertykey
-
-    var toPropertyKey = function (argument) {
-      var key = toPrimitive(argument, 'string');
-      return isSymbol(key) ? key : key + '';
-    };
-
-    var document$1 = global$1.document; // typeof document.createElement is 'object' in old IE
-
-    var EXISTS$1 = isObject(document$1) && isObject(document$1.createElement);
-
-    var documentCreateElement = function (it) {
-      return EXISTS$1 ? document$1.createElement(it) : {};
-    };
-
-    var ie8DomDefine = !descriptors && !fails(function () {
-      // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
-      return Object.defineProperty(documentCreateElement('div'), 'a', {
-        get: function () {
-          return 7;
-        }
-      }).a != 7;
-    });
-
-    var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor; // `Object.getOwnPropertyDescriptor` method
-    // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-
-    var f$4 = descriptors ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
-      O = toIndexedObject(O);
-      P = toPropertyKey(P);
-      if (ie8DomDefine) try {
-        return $getOwnPropertyDescriptor$1(O, P);
-      } catch (error) {
-        /* empty */
-      }
-      if (hasOwnProperty_1(O, P)) return createPropertyDescriptor(!functionCall(objectPropertyIsEnumerable.f, O, P), O[P]);
-    };
-    var objectGetOwnPropertyDescriptor = {
-      f: f$4
-    };
-
-    // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-
-    var v8PrototypeDefineBug = descriptors && fails(function () {
-      // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
-      return Object.defineProperty(function () {
-        /* empty */
-      }, 'prototype', {
-        value: 42,
-        writable: false
-      }).prototype != 42;
-    });
-
-    var $String = String;
-    var $TypeError$2 = TypeError; // `Assert: Type(argument) is Object`
-
-    var anObject = function (argument) {
-      if (isObject(argument)) return argument;
-      throw $TypeError$2($String(argument) + ' is not an object');
-    };
-
-    var $TypeError$1 = TypeError; // eslint-disable-next-line es-x/no-object-defineproperty -- safe
-
-    var $defineProperty = Object.defineProperty; // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
-
-    var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-    var ENUMERABLE = 'enumerable';
-    var CONFIGURABLE$1 = 'configurable';
-    var WRITABLE = 'writable'; // `Object.defineProperty` method
-    // https://tc39.es/ecma262/#sec-object.defineproperty
-
-    var f$3 = descriptors ? v8PrototypeDefineBug ? function defineProperty(O, P, Attributes) {
-      anObject(O);
-      P = toPropertyKey(P);
-      anObject(Attributes);
-
-      if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
-        var current = $getOwnPropertyDescriptor(O, P);
-
-        if (current && current[WRITABLE]) {
-          O[P] = Attributes.value;
-          Attributes = {
-            configurable: CONFIGURABLE$1 in Attributes ? Attributes[CONFIGURABLE$1] : current[CONFIGURABLE$1],
-            enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
-            writable: false
-          };
-        }
-      }
-
-      return $defineProperty(O, P, Attributes);
-    } : $defineProperty : function defineProperty(O, P, Attributes) {
-      anObject(O);
-      P = toPropertyKey(P);
-      anObject(Attributes);
-      if (ie8DomDefine) try {
-        return $defineProperty(O, P, Attributes);
-      } catch (error) {
-        /* empty */
-      }
-      if ('get' in Attributes || 'set' in Attributes) throw $TypeError$1('Accessors not supported');
-      if ('value' in Attributes) O[P] = Attributes.value;
-      return O;
-    };
-    var objectDefineProperty = {
-      f: f$3
-    };
-
-    var createNonEnumerableProperty = descriptors ? function (object, key, value) {
-      return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));
-    } : function (object, key, value) {
-      object[key] = value;
-      return object;
-    };
-
-    var FunctionPrototype$1 = Function.prototype; // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
-
-    var getDescriptor = descriptors && Object.getOwnPropertyDescriptor;
-    var EXISTS = hasOwnProperty_1(FunctionPrototype$1, 'name'); // additional protection from minified / mangled / dropped function names
-
-    var PROPER = EXISTS && function something() {
-      /* empty */
-    }.name === 'something';
-
-    var CONFIGURABLE = EXISTS && (!descriptors || descriptors && getDescriptor(FunctionPrototype$1, 'name').configurable);
-    var functionName = {
-      EXISTS: EXISTS,
-      PROPER: PROPER,
-      CONFIGURABLE: CONFIGURABLE
-    };
-
-    var functionToString = functionUncurryThis(Function.toString); // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-
-    if (!isCallable(sharedStore.inspectSource)) {
-      sharedStore.inspectSource = function (it) {
-        return functionToString(it);
+        chr: tokens[0],
+        start: Number.parseInt(tokens[1]),
+        end: Number.parseInt(tokens[2]),
+        color: IGVColor.createColorString(tokens[6]),
+        value: Number(tokens[7])
       };
     }
 
-    var inspectSource = sharedStore.inspectSource;
-
-    var WeakMap$1 = global$1.WeakMap;
-    var nativeWeakMap = isCallable(WeakMap$1) && /native code/.test(inspectSource(WeakMap$1));
-
-    var keys = shared('keys');
-
-    var sharedKey = function (key) {
-      return keys[key] || (keys[key] = uid(key));
-    };
-
-    var hiddenKeys$1 = {};
-
-    var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-    var TypeError$1 = global$1.TypeError;
-    var WeakMap = global$1.WeakMap;
-    var set$1, get, has;
-
-    var enforce = function (it) {
-      return has(it) ? get(it) : set$1(it, {});
-    };
-
-    var getterFor = function (TYPE) {
-      return function (it) {
-        var state;
-
-        if (!isObject(it) || (state = get(it)).type !== TYPE) {
-          throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
-        }
-
-        return state;
-      };
-    };
-
-    if (nativeWeakMap || sharedStore.state) {
-      var store = sharedStore.state || (sharedStore.state = new WeakMap());
-      var wmget = functionUncurryThis(store.get);
-      var wmhas = functionUncurryThis(store.has);
-      var wmset = functionUncurryThis(store.set);
-
-      set$1 = function (it, metadata) {
-        if (wmhas(store, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
-        metadata.facade = it;
-        wmset(store, it, metadata);
-        return metadata;
-      };
-
-      get = function (it) {
-        return wmget(store, it) || {};
-      };
-
-      has = function (it) {
-        return wmhas(store, it);
-      };
-    } else {
-      var STATE = sharedKey('state');
-      hiddenKeys$1[STATE] = true;
-
-      set$1 = function (it, metadata) {
-        if (hasOwnProperty_1(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
-        metadata.facade = it;
-        createNonEnumerableProperty(it, STATE, metadata);
-        return metadata;
-      };
-
-      get = function (it) {
-        return hasOwnProperty_1(it, STATE) ? it[STATE] : {};
-      };
-
-      has = function (it) {
-        return hasOwnProperty_1(it, STATE);
-      };
+    function isHiccups(columns) {
+      return columns && (columns.includes("fdrDonut") || columns.includes("fdr_donut"));
     }
 
-    var internalState = {
-      set: set$1,
-      get: get,
-      has: has,
-      enforce: enforce,
-      getterFor: getterFor
-    };
-
-    var makeBuiltIn_1 = createCommonjsModule(function (module) {
-      var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
-      var enforceInternalState = internalState.enforce;
-      var getInternalState = internalState.get; // eslint-disable-next-line es-x/no-object-defineproperty -- safe
-
-      var defineProperty = Object.defineProperty;
-      var CONFIGURABLE_LENGTH = descriptors && !fails(function () {
-        return defineProperty(function () {
-          /* empty */
-        }, 'length', {
-          value: 8
-        }).length !== 8;
-      });
-      var TEMPLATE = String(String).split('String');
-
-      var makeBuiltIn = module.exports = function (value, name, options) {
-        if (String(name).slice(0, 7) === 'Symbol(') {
-          name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
-        }
-
-        if (options && options.getter) name = 'get ' + name;
-        if (options && options.setter) name = 'set ' + name;
-
-        if (!hasOwnProperty_1(value, 'name') || CONFIGURABLE_FUNCTION_NAME && value.name !== name) {
-          if (descriptors) defineProperty(value, 'name', {
-            value: name,
-            configurable: true
-          });else value.name = name;
-        }
-
-        if (CONFIGURABLE_LENGTH && options && hasOwnProperty_1(options, 'arity') && value.length !== options.arity) {
-          defineProperty(value, 'length', {
-            value: options.arity
-          });
-        }
-
-        try {
-          if (options && hasOwnProperty_1(options, 'constructor') && options.constructor) {
-            if (descriptors) defineProperty(value, 'prototype', {
-              writable: false
-            }); // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
-          } else if (value.prototype) value.prototype = undefined;
-        } catch (error) {
-          /* empty */
-        }
-
-        var state = enforceInternalState(value);
-
-        if (!hasOwnProperty_1(state, 'source')) {
-          state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
-        }
-
-        return value;
-      }; // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
-      // eslint-disable-next-line no-extend-native -- required
-
-
-      Function.prototype.toString = makeBuiltIn(function toString() {
-        return isCallable(this) && getInternalState(this).source || inspectSource(this);
-      }, 'toString');
-    });
-
-    var defineBuiltIn = function (O, key, value, options) {
-      if (!options) options = {};
-      var simple = options.enumerable;
-      var name = options.name !== undefined ? options.name : key;
-      if (isCallable(value)) makeBuiltIn_1(value, name, options);
-
-      if (options.global) {
-        if (simple) O[key] = value;else defineGlobalProperty(key, value);
-      } else {
-        try {
-          if (!options.unsafe) delete O[key];else if (O[key]) simple = true;
-        } catch (error) {
-          /* empty */
-        }
-
-        if (simple) O[key] = value;else objectDefineProperty.f(O, key, {
-          value: value,
-          enumerable: false,
-          configurable: !options.nonConfigurable,
-          writable: !options.nonWritable
-        });
-      }
-
-      return O;
-    };
-
-    var ceil = Math.ceil;
-    var floor = Math.floor; // `Math.trunc` method
-    // https://tc39.es/ecma262/#sec-math.trunc
-    // eslint-disable-next-line es-x/no-math-trunc -- safe
-
-    var mathTrunc = Math.trunc || function trunc(x) {
-      var n = +x;
-      return (n > 0 ? floor : ceil)(n);
-    };
-
-    // https://tc39.es/ecma262/#sec-tointegerorinfinity
-
-    var toIntegerOrInfinity = function (argument) {
-      var number = +argument; // eslint-disable-next-line no-self-compare -- NaN check
-
-      return number !== number || number === 0 ? 0 : mathTrunc(number);
-    };
-
-    var max = Math.max;
-    var min$1 = Math.min; // Helper for a popular repeating case of the spec:
-    // Let integer be ? ToInteger(index).
-    // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-
-    var toAbsoluteIndex = function (index, length) {
-      var integer = toIntegerOrInfinity(index);
-      return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
-    };
-
-    var min = Math.min; // `ToLength` abstract operation
-    // https://tc39.es/ecma262/#sec-tolength
-
-    var toLength = function (argument) {
-      return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
-    };
-
-    // https://tc39.es/ecma262/#sec-lengthofarraylike
-
-    var lengthOfArrayLike = function (obj) {
-      return toLength(obj.length);
-    };
-
-    var createMethod = function (IS_INCLUDES) {
-      return function ($this, el, fromIndex) {
-        var O = toIndexedObject($this);
-        var length = lengthOfArrayLike(O);
-        var index = toAbsoluteIndex(fromIndex, length);
-        var value; // Array#includes uses SameValueZero equality algorithm
-        // eslint-disable-next-line no-self-compare -- NaN check
-
-        if (IS_INCLUDES && el != el) while (length > index) {
-          value = O[index++]; // eslint-disable-next-line no-self-compare -- NaN check
-
-          if (value != value) return true; // Array#indexOf ignores holes, Array#includes - not
-        } else for (; length > index; index++) {
-          if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
-        }
-        return !IS_INCLUDES && -1;
-      };
-    };
-
-    var arrayIncludes = {
-      // `Array.prototype.includes` method
-      // https://tc39.es/ecma262/#sec-array.prototype.includes
-      includes: createMethod(true),
-      // `Array.prototype.indexOf` method
-      // https://tc39.es/ecma262/#sec-array.prototype.indexof
-      indexOf: createMethod(false)
-    };
-
-    var indexOf = arrayIncludes.indexOf;
-    var push = functionUncurryThis([].push);
-
-    var objectKeysInternal = function (object, names) {
-      var O = toIndexedObject(object);
-      var i = 0;
-      var result = [];
-      var key;
-
-      for (key in O) !hasOwnProperty_1(hiddenKeys$1, key) && hasOwnProperty_1(O, key) && push(result, key); // Don't enum bug & hidden keys
-
-
-      while (names.length > i) if (hasOwnProperty_1(O, key = names[i++])) {
-        ~indexOf(result, key) || push(result, key);
-      }
-
-      return result;
-    };
-
-    // IE8- don't enum bug keys
-    var enumBugKeys = ['constructor', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'valueOf'];
-
-    var hiddenKeys = enumBugKeys.concat('length', 'prototype'); // `Object.getOwnPropertyNames` method
-    // https://tc39.es/ecma262/#sec-object.getownpropertynames
-    // eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
-
-    var f$2 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
-      return objectKeysInternal(O, hiddenKeys);
-    };
-
-    var objectGetOwnPropertyNames = {
-      f: f$2
-    };
-
-    // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
-    var f$1 = Object.getOwnPropertySymbols;
-    var objectGetOwnPropertySymbols = {
-      f: f$1
-    };
-
-    var concat = functionUncurryThis([].concat); // all object keys, includes non-enumerable and symbols
-
-    var ownKeys = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
-      var keys = objectGetOwnPropertyNames.f(anObject(it));
-      var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
-      return getOwnPropertySymbols ? concat(keys, getOwnPropertySymbols(it)) : keys;
-    };
-
-    var copyConstructorProperties = function (target, source, exceptions) {
-      var keys = ownKeys(source);
-      var defineProperty = objectDefineProperty.f;
-      var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-
-      for (var i = 0; i < keys.length; i++) {
-        var key = keys[i];
-
-        if (!hasOwnProperty_1(target, key) && !(exceptions && hasOwnProperty_1(exceptions, key))) {
-          defineProperty(target, key, getOwnPropertyDescriptor(source, key));
-        }
-      }
-    };
-
-    var replacement = /#|\.prototype\./;
-
-    var isForced = function (feature, detection) {
-      var value = data[normalize$1(feature)];
-      return value == POLYFILL ? true : value == NATIVE ? false : isCallable(detection) ? fails(detection) : !!detection;
-    };
-
-    var normalize$1 = isForced.normalize = function (string) {
-      return String(string).replace(replacement, '.').toLowerCase();
-    };
-
-    var data = isForced.data = {};
-    var NATIVE = isForced.NATIVE = 'N';
-    var POLYFILL = isForced.POLYFILL = 'P';
-    var isForced_1 = isForced;
-
-    var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-    /*
-      options.target         - name of the target object
-      options.global         - target is the global object
-      options.stat           - export as static methods of target
-      options.proto          - export as prototype methods of target
-      options.real           - real prototype method for the `pure` version
-      options.forced         - export even if the native feature is available
-      options.bind           - bind methods to the target, required for the `pure` version
-      options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
-      options.unsafe         - use the simple assignment of property instead of delete + defineProperty
-      options.sham           - add a flag to not completely full polyfills
-      options.enumerable     - export as enumerable property
-      options.dontCallGetSet - prevent calling a getter on target
-      options.name           - the .name of the function if it does not match the key
-    */
-
-    var _export = function (options, source) {
-      var TARGET = options.target;
-      var GLOBAL = options.global;
-      var STATIC = options.stat;
-      var FORCED, target, key, targetProperty, sourceProperty, descriptor;
-
-      if (GLOBAL) {
-        target = global$1;
-      } else if (STATIC) {
-        target = global$1[TARGET] || defineGlobalProperty(TARGET, {});
-      } else {
-        target = (global$1[TARGET] || {}).prototype;
-      }
-
-      if (target) for (key in source) {
-        sourceProperty = source[key];
-
-        if (options.dontCallGetSet) {
-          descriptor = getOwnPropertyDescriptor(target, key);
-          targetProperty = descriptor && descriptor.value;
-        } else targetProperty = target[key];
-
-        FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced); // contained in target
-
-        if (!FORCED && targetProperty !== undefined) {
-          if (typeof sourceProperty == typeof targetProperty) continue;
-          copyConstructorProperties(sourceProperty, targetProperty);
-        } // add a flag to not completely full polyfills
-
-
-        if (options.sham || targetProperty && targetProperty.sham) {
-          createNonEnumerableProperty(sourceProperty, 'sham', true);
-        }
-
-        defineBuiltIn(target, key, sourceProperty, options);
-      }
-    };
-
-    // https://tc39.es/ecma262/#sec-object.keys
-    // eslint-disable-next-line es-x/no-object-keys -- safe
-
-    var objectKeys = Object.keys || function keys(O) {
-      return objectKeysInternal(O, enumBugKeys);
-    };
-
-    // https://tc39.es/ecma262/#sec-object.defineproperties
-    // eslint-disable-next-line es-x/no-object-defineproperties -- safe
-
-    var f = descriptors && !v8PrototypeDefineBug ? Object.defineProperties : function defineProperties(O, Properties) {
-      anObject(O);
-      var props = toIndexedObject(Properties);
-      var keys = objectKeys(Properties);
-      var length = keys.length;
-      var index = 0;
-      var key;
-
-      while (length > index) objectDefineProperty.f(O, key = keys[index++], props[key]);
-
-      return O;
-    };
-    var objectDefineProperties = {
-      f: f
-    };
-
-    var html = getBuiltIn('document', 'documentElement');
-
-    /* global ActiveXObject -- old IE, WSH */
-    var GT = '>';
-    var LT = '<';
-    var PROTOTYPE = 'prototype';
-    var SCRIPT = 'script';
-    var IE_PROTO = sharedKey('IE_PROTO');
-
-    var EmptyConstructor = function () {
-      /* empty */
-    };
-
-    var scriptTag = function (content) {
-      return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-    }; // Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-
-
-    var NullProtoObjectViaActiveX = function (activeXDocument) {
-      activeXDocument.write(scriptTag(''));
-      activeXDocument.close();
-      var temp = activeXDocument.parentWindow.Object;
-      activeXDocument = null; // avoid memory leak
-
-      return temp;
-    }; // Create object with fake `null` prototype: use iframe Object with cleared prototype
-
-
-    var NullProtoObjectViaIFrame = function () {
-      // Thrash, waste and sodomy: IE GC bug
-      var iframe = documentCreateElement('iframe');
-      var JS = 'java' + SCRIPT + ':';
-      var iframeDocument;
-      iframe.style.display = 'none';
-      html.appendChild(iframe); // https://github.com/zloirock/core-js/issues/475
-
-      iframe.src = String(JS);
-      iframeDocument = iframe.contentWindow.document;
-      iframeDocument.open();
-      iframeDocument.write(scriptTag('document.F=Object'));
-      iframeDocument.close();
-      return iframeDocument.F;
-    }; // Check for document.domain and active x support
-    // No need to use active x approach when document.domain is not set
-    // see https://github.com/es-shims/es5-shim/issues/150
-    // variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-    // avoid IE GC bug
-
-
-    var activeXDocument;
-
-    var NullProtoObject = function () {
-      try {
-        activeXDocument = new ActiveXObject('htmlfile');
-      } catch (error) {
-        /* ignore */
-      }
-
-      NullProtoObject = typeof document != 'undefined' ? document.domain && activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) // old IE
-      : NullProtoObjectViaIFrame() : NullProtoObjectViaActiveX(activeXDocument); // WSH
-
-      var length = enumBugKeys.length;
-
-      while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
-
-      return NullProtoObject();
-    };
-
-    hiddenKeys$1[IE_PROTO] = true; // `Object.create` method
-    // https://tc39.es/ecma262/#sec-object.create
-    // eslint-disable-next-line es-x/no-object-create -- safe
-
-    var objectCreate = Object.create || function create(O, Properties) {
-      var result;
-
-      if (O !== null) {
-        EmptyConstructor[PROTOTYPE] = anObject(O);
-        result = new EmptyConstructor();
-        EmptyConstructor[PROTOTYPE] = null; // add "__proto__" for Object.getPrototypeOf polyfill
-
-        result[IE_PROTO] = O;
-      } else result = NullProtoObject();
-
-      return Properties === undefined ? result : objectDefineProperties.f(result, Properties);
-    };
-
-    var defineProperty = objectDefineProperty.f;
-    var UNSCOPABLES = wellKnownSymbol('unscopables');
-    var ArrayPrototype = Array.prototype; // Array.prototype[@@unscopables]
-    // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-
-    if (ArrayPrototype[UNSCOPABLES] == undefined) {
-      defineProperty(ArrayPrototype, UNSCOPABLES, {
-        configurable: true,
-        value: objectCreate(null)
-      });
-    } // add a key to Array.prototype[@@unscopables]
-
-
-    var addToUnscopables = function (key) {
-      ArrayPrototype[UNSCOPABLES][key] = true;
-    };
-
-    var $includes = arrayIncludes.includes; // FF99+ bug
-
-    var BROKEN_ON_SPARSE = fails(function () {
-      return !Array(1).includes();
-    }); // `Array.prototype.includes` method
-    // https://tc39.es/ecma262/#sec-array.prototype.includes
-
-    _export({
-      target: 'Array',
-      proto: true,
-      forced: BROKEN_ON_SPARSE
-    }, {
-      includes: function includes(el
-      /* , fromIndex = 0 */
-      ) {
-        return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
-      }
-    }); // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-
-    addToUnscopables('includes');
-
-    const FileFormats = {
-      gwascatalog: {
-        fields: ['bin', 'chr', 'start', 'end', 'name', 'pubMedID', 'author', 'pubDate', 'journal', 'title', 'trait', 'initSample', 'replSample', 'region', 'genes', 'riskAllele', 'riskAlFreq', 'pValue', 'pValueDesc', 'orOrBeta', 'ci95', 'platform', 'cnv']
-      },
-      wgrna: {
-        fields: ['bin', 'chr', 'start', 'end', 'name', 'score', 'strand', 'thickStart', 'thickEnd', 'type']
-      },
-      cpgislandext: {
-        fields: ['bin', 'chr', 'start', 'end', 'name', 'length', 'cpgNum', 'gcNum', 'perCpg', 'perGc', 'obsExp']
-      },
-      clinVarMain: {
-        fields: ['chr1', 'start', 'end', 'name', 'score', 'strand', 'thickStart', 'thickEnd', 'reserved', 'blockCount', // Number of blocks
-        'blockSizes', // Comma separated list of block sizes
-        'chromStarts', // Start positions relative to chromStart
-        'origName', // NM_198053.2(CD247):c.462C>T (p.Asp154=)	ClinVar Variation Report
-        'clinSign', // Likely benign	Clinical significance
-        'reviewStatus', // 	based on: criteria provided,single submitter	Review Status
-        'type', // single nucleotide variant	Type of Variant
-        'geneId', // CD247	Gene Symbol
-        'snpId', //	181656780	dbSNP ID
-        'nsvId', //		dbVar ID
-        'rcvAcc', //	RCV000642347	ClinVar Allele Submission
-        'testedInGtr', //	N	Genetic Testing Registry
-        'phenotypeList', //	Immunodeficiency due to defect in cd3-zeta	Phenotypes
-        'phenotype', //	MedGen:C1857798, OMIM:610163	Phenotype identifiers
-        'origin', //	germline	Data origin
-        'assembly', //	GRCh37	Genome assembly
-        'cytogenetic', //	1q24.2	Cytogenetic status
-        'hgvsCod', //	NM_198053.2:c.462C>T	Nucleotide HGVS
-        'hgvsProt', //	NP_932170.1:p.Asp154=	Protein HGVS
-        'numSubmit', //	1	Number of submitters
-        'lastEval', //	Dec 19,2017	Last evaluation
-        'guidelines', //		Guidelines
-        'otherIds']
-      }
-    };
-
     /*
      * The MIT License (MIT)
      *
@@ -21670,360 +21061,6 @@
      * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
      * THE SOFTWARE.
      */
-    /**
-     * Test if the given value is a string or number.  Not using typeof as it fails on boxed primitives.
-     *
-     * @param value
-     * @returns boolean
-     */
-
-
-    function isSimpleType(value) {
-      const simpleTypes = new Set(["boolean", "number", "string", "symbol"]);
-      const valueType = typeof value;
-      return value !== undefined && (simpleTypes.has(valueType) || value.substring || value.toFixed);
-    }
-
-    function buildOptions(config, options) {
-      var defaultOptions = {
-        oauthToken: config.oauthToken,
-        headers: config.headers,
-        withCredentials: config.withCredentials,
-        filename: config.filename
-      };
-      return Object.assign(defaultOptions, options);
-    }
-    /**
-     * isMobile test from http://detectmobilebrowsers.com
-     * TODO -- improve UI design so this isn't neccessary
-     * @returns {boolean}
-     */
-    // igv.isMobile = function () {
-    //
-    //     const a = (navigator.userAgent || navigator.vendor || window.opera);
-    //     return (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) ||
-    //         /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)))
-    //
-    // }
-
-
-    const doAutoscale = function (features) {
-      var min, max;
-
-      if (features.length > 0) {
-        min = Number.MAX_VALUE;
-        max = -Number.MAX_VALUE;
-        features.forEach(function (f) {
-          if (!Number.isNaN(f.value)) {
-            min = Math.min(min, f.value);
-            max = Math.max(max, f.value);
-          }
-        }); // Insure we have a zero baseline
-
-        if (max > 0) min = Math.min(0, min);
-        if (max < 0) max = 0;
-      } else {
-        // No features -- default
-        min = 0;
-        max = 100;
-      }
-
-      return {
-        min: min,
-        max: max
-      };
-    };
-
-    const validateGenomicExtent = function (chromosomeLengthBP, genomicExtent, minimumBP) {
-      let ss = genomicExtent.start;
-      let ee = genomicExtent.end;
-
-      if (undefined === ee) {
-        ss -= minimumBP / 2;
-        ee = ss + minimumBP;
-
-        if (ee > chromosomeLengthBP) {
-          ee = chromosomeLengthBP;
-          ss = ee - minimumBP;
-        } else if (ss < 0) {
-          ss = 0;
-          ee = minimumBP;
-        }
-      } else if (ee - ss < minimumBP) {
-        const center = (ee + ss) / 2;
-
-        if (center - minimumBP / 2 < 0) {
-          ss = 0;
-          ee = ss + minimumBP;
-        } else if (center + minimumBP / 2 > chromosomeLengthBP) {
-          ee = chromosomeLengthBP;
-          ss = ee - minimumBP;
-        } else {
-          ss = center - minimumBP / 2;
-          ee = ss + minimumBP;
-        }
-      }
-
-      genomicExtent.start = Math.ceil(ss);
-      genomicExtent.end = Math.floor(ee);
-    };
-    /*!
-     * is-number <https://github.com/jonschlinkert/is-number>
-     *
-     * Copyright (c) 2014-present, Jon Schlinkert.
-     * Released under the MIT License.
-     */
-
-
-    const isNumber = function (num) {
-      if (typeof num === 'number') {
-        return num - num === 0;
-      }
-
-      if (typeof num === 'string' && num.trim() !== '') {
-        return Number.isFinite ? Number.isFinite(+num) : isFinite(+num);
-      }
-
-      return false;
-    };
-
-    async function getFilename(url) {
-      if (isString$3(url) && url.startsWith("https://drive.google.com")) {
-        // This will fail if Google API key is not defined
-        if (getApiKey() === undefined) {
-          throw Error("Google drive is referenced, but API key is not defined.  An API key is required for Google Drive access");
-        }
-
-        const json = await getDriveFileInfo(url);
-        return json.originalFileName || json.name;
-      } else {
-        return getFilename$1(url);
-      }
-    }
-
-    function prettyBasePairNumber(raw) {
-      var denom, units, value, floored;
-
-      if (raw > 1e7) {
-        denom = 1e6;
-        units = " mb";
-      } else if (raw > 1e4) {
-        denom = 1e3;
-        units = " kb";
-        value = raw / denom;
-        floored = Math.floor(value);
-        return numberFormatter$1(floored) + units;
-      } else {
-        return numberFormatter$1(raw) + " bp";
-      }
-
-      value = raw / denom;
-      floored = Math.floor(value);
-      return floored.toString() + units;
-    }
-
-    function isDataURL(obj) {
-      return isString$3(obj) && obj.startsWith("data:");
-    }
-
-    function createColumn(columnContainer, className) {
-      const column = div$1({
-        class: className
-      });
-      columnContainer.appendChild(column);
-    }
-
-    function insertElementBefore(element, referenceNode) {
-      referenceNode.parentNode.insertBefore(element, referenceNode);
-    }
-
-    function insertElementAfter(element, referenceNode) {
-      referenceNode.parentNode.insertBefore(element, referenceNode.nextSibling);
-    }
-    /**
-     * Test to see if page is loaded in a secure context, that is by https or is localhost.
-     */
-
-
-    function isSecureContext() {
-      return window.location.protocol === "https:" || window.location.hostname === "localhost";
-    } // reference: https://pretagteam.com/question/find-element-height-including-margin
-
-
-    function getElementAbsoluteHeight(element) {
-      // Get the DOM Node if you pass in a string
-      element = typeof element === 'string' ? document.querySelector(element) : element;
-      const styles = window.getComputedStyle(element);
-      const margin = parseFloat(styles['marginTop']) + parseFloat(styles['marginBottom']);
-      const height = element.offsetHeight;
-      return Math.ceil(margin + height);
-    }
-
-    /**
-     * Decoder for bedpe records.
-     *
-     * Bedpe format was created by Aaron Quinlan et al as part of the bedtools project.
-     * The spec is here:  https://bedtools.readthedocs.io/en/latest/content/general-usage.html,
-     *
-     * 1      2      3    4      5      6    7    8     9       10      11-
-     * chrom1 start1 end1 chrom2 start2 end2 name score strand1 strand2 <Any number of additional, user-defined fields>
-     *
-     * However there are off spec variants, an important one being a 7 column format with score in place of the standard
-     * name column.
-     *
-     * A common variant is a "hiccups" output file, which is standard bedpe with the exception of a header line
-     * of the form
-     *
-     * chr1    x1    x2    chr2    y1    y2    name    score    strand1    strand2    color    observed    expectedBL    expectedDonut    expectedH    expectedV    fdrBL    fdrDonut    fdrH    fdrV
-     *
-     * The "hiccups" output is apparently not standardized as this is found at ENCODE, with a non-helpful "tsv" extension
-     *
-     * chr1    x1    x2    chr2    y1    y2    color    observed    expectedBL    expectedDonut    expectedH    expectedV    fdrBL    fdrDonut    fdrH    fdrV    numCollapsed    centroid1    centroid2    radius
-     * chr9    136790000    136795000    chr9    136990000    136995000    0,255,255    101.0    31.100368    38.40316    56.948116    34.040756    1.1876738E-13    1.05936405E-13    2.5148233E-4    1.7220993E-13    1    136792500    136992500    25590
-     *
-     * The "hiccups" documentation specfies yet another set of column headers
-     * chromosome1    x1    x2    chromosome2    y1    y2    color    observed expected_bottom_left    expected_donut    expected_horizontal    expected_vertical fdr_bottom_left    fdr_donut    fdr_horizontal    fdr_vertical number_collapsed    centroid1    centroid2    radius
-     *
-     * @param tokens
-     * @param ignore
-     * @returns {{start1: number, end2: number, end1: number, chr1: *, chr2: *, start2: number}|undefined}
-     */
-
-    function decodeBedpe(tokens, header) {
-      if (tokens.length < 6) {
-        console.log("Skipping line: " + tokens.join(' '));
-        return undefined;
-      }
-
-      var feature = {
-        chr1: tokens[0],
-        start1: Number.parseInt(tokens[1]),
-        end1: Number.parseInt(tokens[2]),
-        chr2: tokens[3],
-        start2: Number.parseInt(tokens[4]),
-        end2: Number.parseInt(tokens[5])
-      };
-
-      if (isNaN(feature.start1) || isNaN(feature.end1) || isNaN(feature.start2) || isNaN(feature.end2)) {
-        //throw Error(`Error parsing line: ${tokens.join('\t')}`);
-        return undefined;
-      } // Determine if this is a "hiccups" file.  Store result on "header" so it doesn't need repeated for every feature
-
-
-      if (header && header.hiccups === undefined) {
-        header.hiccups = header.columnNames ? isHiccups(header.columnNames) : false;
-      }
-
-      const hiccups = header && header.hiccups;
-      const stdColumns = hiccups ? 6 : 10;
-
-      if (!hiccups) {
-        if (tokens.length > 6 && tokens[6] !== ".") {
-          feature.name = tokens[6];
-        }
-
-        if (tokens.length > 7 && tokens[7] !== ".") {
-          feature.score = Number(tokens[7]);
-        }
-
-        if (tokens.length > 8 && tokens[8] !== ".") {
-          feature.strand1 = tokens[8];
-        }
-
-        if (tokens.length > 9 && tokens[9] !== ".") {
-          feature.strand2 = tokens[9];
-        }
-      } // Optional extra columns
-
-
-      if (header) {
-        const colorColumn = header.colorColumn;
-
-        if (colorColumn && colorColumn < tokens.length) {
-          feature.color = IGVColor.createColorString(tokens[colorColumn]);
-        }
-
-        const thicknessColumn = header.thicknessColumn;
-
-        if (thicknessColumn && thicknessColumn < tokens.length) {
-          feature.thickness = tokens[thicknessColumn];
-        }
-
-        if (tokens.length > stdColumns && header.columnNames && header.columnNames.length === tokens.length) {
-          feature.extras = tokens.slice(stdColumns);
-        }
-      } // Set total extent of feature
-
-
-      if (feature.chr1 === feature.chr2) {
-        feature.chr = feature.chr1;
-        feature.start = Math.min(feature.start1, feature.start2);
-        feature.end = Math.max(feature.end1, feature.end2);
-      }
-
-      return feature;
-    }
-    /**
-     * Hack for non-standard bedPE formats, where numeric score can be in column 7 (name field from spec)
-     * @param features
-     */
-
-
-    function fixBedPE(features) {
-      if (features.length == 0) return; // Assume all features have same properties
-
-      const firstFeature = features[0];
-
-      if (firstFeature.score === undefined && firstFeature.name !== undefined) {
-        // Name field (col 7) is sometimes used for score.
-        for (let f of features) {
-          if (!(isNumber(f.name) || f.name === '.')) return;
-        }
-
-        for (let f of features) {
-          f.score = Number(f.name);
-          delete f.name;
-        }
-      } // Make copies of inter-chr features, one for each chromosome
-
-
-      const interChrFeatures = features.filter(f => f.chr1 !== f.chr2);
-
-      for (let f1 of interChrFeatures) {
-        const f2 = Object.assign({}, f1);
-        f2.dup = true;
-        features.push(f2);
-        f1.chr = f1.chr1;
-        f1.start = f1.start1;
-        f1.end = f1.end1;
-        f2.chr = f2.chr2;
-        f2.start = f2.start2;
-        f2.end = f2.end2;
-      }
-    }
-    /**
-     * Special decoder for Hic Domain files.   In these files feature1 == feature2, they are really bed records.
-     * @param tokens
-     * @param ignore
-     * @returns {*}
-     */
-
-
-    function decodeBedpeDomain(tokens, header) {
-      if (tokens.length < 8) return undefined;
-      return {
-        chr: tokens[0],
-        start: Number.parseInt(tokens[1]),
-        end: Number.parseInt(tokens[2]),
-        color: IGVColor.createColorString(tokens[6]),
-        value: Number(tokens[7])
-      };
-    }
-
-    function isHiccups(columns) {
-      return columns && (columns.includes("fdrDonut") || columns.includes("fdr_donut"));
-    }
-
     const knownFileExtensions = new Set(["narrowpeak", "broadpeak", "regionpeak", "peaks", "bedgraph", "wig", "gff3", "gff", "gtf", "fusionjuncspan", "refflat", "seg", "aed", "bed", "vcf", "bb", "bigbed", "biginteract", "biggenepred", "bignarrowpeak", "bw", "bigwig", "bam", "tdf", "refgene", "genepred", "genepredext", "bedpe", "bp", "snp", "rmsk", "cram", "gwas", "maf", "mut", "tsv", "hiccups"]);
     /**
      * Return a custom format object with the given name.
@@ -22099,7 +21136,7 @@
     }
 
     function inferIndexPath(url, extension) {
-      if (isString$3(url)) {
+      if (isString$2(url)) {
         if (url.includes("?")) {
           const idx = url.indexOf("?");
           return url.substring(0, idx) + "." + extension + url.substring(idx);
@@ -22429,7 +21466,7 @@
                 seq = reverseComplementSequence(seq);
               }
 
-              Alert.presentAlert(seq);
+              this.browser.alert.present(seq);
             }
           }];
 
@@ -22449,7 +21486,7 @@
                   await navigator.clipboard.writeText(seq);
                 } catch (e) {
                   console.error(e);
-                  Alert.presentAlert(`error copying sequence to clipboard ${e}`);
+                  this.browser.alert.present(`error copying sequence to clipboard ${e}`);
                 }
               }
             });
@@ -22920,7 +21957,7 @@
      */
 
 
-    function normalize(vector) {
+    function normalize$1(vector) {
       var len = Math.sqrt(vector[0] * vector[0] + vector[1] * vector[1]);
       return [vector[0] / len, vector[1] / len];
     }
@@ -23747,8 +22784,8 @@
         // and connect that point to the previous point (x0, y0) by a straight line.
 
 
-        var unit_vec_p1_p0 = normalize([x0 - x1, y0 - y1]);
-        var unit_vec_p1_p2 = normalize([x2 - x1, y2 - y1]);
+        var unit_vec_p1_p0 = normalize$1([x0 - x1, y0 - y1]);
+        var unit_vec_p1_p2 = normalize$1([x2 - x1, y2 - y1]);
 
         if (unit_vec_p1_p0[0] * unit_vec_p1_p2[1] === unit_vec_p1_p0[1] * unit_vec_p1_p2[0]) {
           this.lineTo(x1, y1);
@@ -23763,7 +22800,7 @@
         var cos = unit_vec_p1_p0[0] * unit_vec_p1_p2[0] + unit_vec_p1_p0[1] * unit_vec_p1_p2[1];
         var theta = Math.acos(Math.abs(cos)); // Calculate origin
 
-        var unit_vec_p1_origin = normalize([unit_vec_p1_p0[0] + unit_vec_p1_p2[0], unit_vec_p1_p0[1] + unit_vec_p1_p2[1]]);
+        var unit_vec_p1_origin = normalize$1([unit_vec_p1_p0[0] + unit_vec_p1_p2[0], unit_vec_p1_p0[1] + unit_vec_p1_p2[1]]);
         var len_p1_origin = radius / Math.sin(theta / 2);
         var x = x1 + len_p1_origin * unit_vec_p1_origin[0];
         var y = y1 + len_p1_origin * unit_vec_p1_origin[1]; // Calculate start angle and end angle
@@ -25124,9 +24161,9 @@
       }
     };
 
-    const _version = "2.13.1";
+    const _version = "2.13.3";
 
-    function version() {
+    function version$1() {
       return _version;
     }
 
@@ -25182,7 +24219,7 @@
 
           if (config.loadDefaultGenomes !== false) {
             try {
-              const url = DEFAULT_GENOMES_URL + `?randomSeed=${Math.random().toString(36)}&version=${version()}`; // prevent caching
+              const url = DEFAULT_GENOMES_URL + `?randomSeed=${Math.random().toString(36)}&version=${version$1()}`; // prevent caching
 
               const jsonArray = await igvxhr.loadJson(url, {
                 timeout: 5000
@@ -25192,7 +24229,7 @@
               console.error(e);
 
               try {
-                const url = BACKUP_GENOMES_URL + `?randomSeed=${Math.random().toString(36)}&version=${version()}`; // prevent caching
+                const url = BACKUP_GENOMES_URL + `?randomSeed=${Math.random().toString(36)}&version=${version$1()}`; // prevent caching
 
                 const jsonArray = await igvxhr.loadJson(url, {});
                 processJson(jsonArray);
@@ -25229,9 +24266,9 @@
         return 'all' === chr.toLowerCase();
       },
       // Expand a genome id to a reference object, if needed
-      expandReference: function (idOrConfig) {
+      expandReference: function (alert, idOrConfig) {
         // idOrConfig might be json
-        if (isString$3(idOrConfig) && idOrConfig.startsWith("{")) {
+        if (isString$2(idOrConfig) && idOrConfig.startsWith("{")) {
           try {
             idOrConfig = JSON.parse(idOrConfig);
           } catch (e) {// Apparently its not json,  could be an ID starting with "{".  Unusual but legal.
@@ -25240,7 +24277,7 @@
 
         let genomeID;
 
-        if (isString$3(idOrConfig)) {
+        if (isString$2(idOrConfig)) {
           genomeID = idOrConfig;
         } else if (idOrConfig.genome) {
           genomeID = idOrConfig.genome;
@@ -25254,7 +24291,7 @@
           const reference = knownGenomes[genomeID];
 
           if (!reference) {
-            Alert.presentAlert(new Error(`Unknown genome id: ${genomeID}`), undefined);
+            alert.present(new Error(`Unknown genome id: ${genomeID}`), undefined);
           }
 
           return reference;
@@ -25585,7 +24622,7 @@
     function generateGenomeID(config) {
       if (config.id !== undefined) {
         return config.id;
-      } else if (config.fastaURL && isString$3(config.fastaURL)) {
+      } else if (config.fastaURL && isString$2(config.fastaURL)) {
         return config.fastaURL;
       } else if (config.fastaURL && config.fastaURL.name) {
         return config.fastaURL.name;
@@ -25770,7 +24807,7 @@
           // Track might have been removed during load
           if (this.trackView && this.trackView.disposed !== true) {
             this.showMessage(NOT_LOADED_MESSAGE);
-            Alert.presentAlert(error);
+            this.browser.alert.present(error);
             console.error(error);
           }
         } finally {
@@ -27972,8 +27009,8 @@
      */
 
     const fixColor = colorString => {
-      if (isString$3(colorString)) {
-        return colorString.indexOf(",") > 0 && !colorString.startsWith("rgb(") ? `rgb(${colorString})` : colorString;
+      if (isString$2(colorString)) {
+        return colorString.indexOf(",") > 0 && !(colorString.startsWith("rgb(") || colorString.startsWith("rgba(")) ? `rgb(${colorString})` : colorString;
       } else {
         return colorString;
       }
@@ -28014,7 +27051,7 @@
           this.name = config.name || config.label;
         } else if (isFile(config.url)) {
           this.name = config.url.name;
-        } else if (isString$3(config.url) && !config.url.startsWith("data:")) {
+        } else if (isString$2(config.url) && !config.url.startsWith("data:")) {
           this.name = getFilename$1(config.url);
         }
 
@@ -31443,7 +30480,7 @@
      * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
      * THE SOFTWARE.
      */
-    const isString$2 = isString$3;
+    const isString$1 = isString$2;
 
     class CustomServiceReader {
       constructor(config) {
@@ -31483,7 +30520,7 @@
         if (data) {
           if (typeof this.config.parser === "function") {
             features = this.config.parser(data);
-          } else if (isString$2(data)) {
+          } else if (isString$1(data)) {
             features = JSON.parse(data);
           } else {
             features = data;
@@ -32328,6 +31365,32 @@
 
     }
 
+    /*
+     * The MIT License (MIT)
+     *
+     * Copyright (c) 2016-2017 The Regents of the University of California
+     * Author: Jim Robinson
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+
     class HtsgetReader {
       constructor(config, genome) {
         this.config = config;
@@ -33969,6 +33032,571 @@
 
     }
 
+    var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+    function createCommonjsModule(fn) {
+      var module = { exports: {} };
+    	return fn(module, module.exports), module.exports;
+    }
+
+    var check = function (it) {
+      return it && it.Math == Math && it;
+    }; // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+
+
+    var global$1 = // eslint-disable-next-line es/no-global-this -- safe
+    check(typeof globalThis == 'object' && globalThis) || check(typeof window == 'object' && window) || // eslint-disable-next-line no-restricted-globals -- safe
+    check(typeof self == 'object' && self) || check(typeof commonjsGlobal == 'object' && commonjsGlobal) || // eslint-disable-next-line no-new-func -- fallback
+    function () {
+      return this;
+    }() || Function('return this')();
+
+    var fails = function (exec) {
+      try {
+        return !!exec();
+      } catch (error) {
+        return true;
+      }
+    };
+
+    var descriptors = !fails(function () {
+      // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+      return Object.defineProperty({}, 1, {
+        get: function () {
+          return 7;
+        }
+      })[1] != 7;
+    });
+
+    var documentAll$2 = typeof document == 'object' && document.all; // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
+
+    var IS_HTMLDDA = typeof documentAll$2 == 'undefined' && documentAll$2 !== undefined;
+    var documentAll_1 = {
+      all: documentAll$2,
+      IS_HTMLDDA: IS_HTMLDDA
+    };
+
+    var documentAll$1 = documentAll_1.all; // `IsCallable` abstract operation
+    // https://tc39.es/ecma262/#sec-iscallable
+
+    var isCallable = documentAll_1.IS_HTMLDDA ? function (argument) {
+      return typeof argument == 'function' || argument === documentAll$1;
+    } : function (argument) {
+      return typeof argument == 'function';
+    };
+
+    var functionBindNative = !fails(function () {
+      // eslint-disable-next-line es/no-function-prototype-bind -- safe
+      var test = function () {
+        /* empty */
+      }.bind(); // eslint-disable-next-line no-prototype-builtins -- safe
+
+
+      return typeof test != 'function' || test.hasOwnProperty('prototype');
+    });
+
+    var FunctionPrototype$2 = Function.prototype;
+    var bind$1 = FunctionPrototype$2.bind;
+    var call$2 = FunctionPrototype$2.call;
+    var uncurryThis = functionBindNative && bind$1.bind(call$2, call$2);
+    var functionUncurryThis = functionBindNative ? function (fn) {
+      return fn && uncurryThis(fn);
+    } : function (fn) {
+      return fn && function () {
+        return call$2.apply(fn, arguments);
+      };
+    };
+
+    // we can't use just `it == null` since of `document.all` special case
+    // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
+    var isNullOrUndefined = function (it) {
+      return it === null || it === undefined;
+    };
+
+    var $TypeError$6 = TypeError; // `RequireObjectCoercible` abstract operation
+    // https://tc39.es/ecma262/#sec-requireobjectcoercible
+
+    var requireObjectCoercible = function (it) {
+      if (isNullOrUndefined(it)) throw $TypeError$6("Can't call method on " + it);
+      return it;
+    };
+
+    var $Object$2 = Object; // `ToObject` abstract operation
+    // https://tc39.es/ecma262/#sec-toobject
+
+    var toObject = function (argument) {
+      return $Object$2(requireObjectCoercible(argument));
+    };
+
+    var hasOwnProperty = functionUncurryThis({}.hasOwnProperty); // `HasOwnProperty` abstract operation
+    // https://tc39.es/ecma262/#sec-hasownproperty
+    // eslint-disable-next-line es/no-object-hasown -- safe
+
+    var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
+      return hasOwnProperty(toObject(it), key);
+    };
+
+    var FunctionPrototype$1 = Function.prototype; // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+
+    var getDescriptor = descriptors && Object.getOwnPropertyDescriptor;
+    var EXISTS$1 = hasOwnProperty_1(FunctionPrototype$1, 'name'); // additional protection from minified / mangled / dropped function names
+
+    var PROPER = EXISTS$1 && function something() {
+      /* empty */
+    }.name === 'something';
+
+    var CONFIGURABLE$1 = EXISTS$1 && (!descriptors || descriptors && getDescriptor(FunctionPrototype$1, 'name').configurable);
+    var functionName = {
+      EXISTS: EXISTS$1,
+      PROPER: PROPER,
+      CONFIGURABLE: CONFIGURABLE$1
+    };
+
+    var defineProperty = Object.defineProperty;
+
+    var defineGlobalProperty = function (key, value) {
+      try {
+        defineProperty(global$1, key, {
+          value: value,
+          configurable: true,
+          writable: true
+        });
+      } catch (error) {
+        global$1[key] = value;
+      }
+
+      return value;
+    };
+
+    var SHARED = '__core-js_shared__';
+    var store$1 = global$1[SHARED] || defineGlobalProperty(SHARED, {});
+    var sharedStore = store$1;
+
+    var functionToString = functionUncurryThis(Function.toString); // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
+
+    if (!isCallable(sharedStore.inspectSource)) {
+      sharedStore.inspectSource = function (it) {
+        return functionToString(it);
+      };
+    }
+
+    var inspectSource = sharedStore.inspectSource;
+
+    var WeakMap$1 = global$1.WeakMap;
+    var weakMapBasicDetection = isCallable(WeakMap$1) && /native code/.test(String(WeakMap$1));
+
+    var documentAll = documentAll_1.all;
+    var isObject = documentAll_1.IS_HTMLDDA ? function (it) {
+      return typeof it == 'object' ? it !== null : isCallable(it) || it === documentAll;
+    } : function (it) {
+      return typeof it == 'object' ? it !== null : isCallable(it);
+    };
+
+    var document$1 = global$1.document; // typeof document.createElement is 'object' in old IE
+
+    var EXISTS = isObject(document$1) && isObject(document$1.createElement);
+
+    var documentCreateElement = function (it) {
+      return EXISTS ? document$1.createElement(it) : {};
+    };
+
+    var ie8DomDefine = !descriptors && !fails(function () {
+      // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+      return Object.defineProperty(documentCreateElement('div'), 'a', {
+        get: function () {
+          return 7;
+        }
+      }).a != 7;
+    });
+
+    // https://bugs.chromium.org/p/v8/issues/detail?id=3334
+
+    var v8PrototypeDefineBug = descriptors && fails(function () {
+      // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+      return Object.defineProperty(function () {
+        /* empty */
+      }, 'prototype', {
+        value: 42,
+        writable: false
+      }).prototype != 42;
+    });
+
+    var $String$1 = String;
+    var $TypeError$5 = TypeError; // `Assert: Type(argument) is Object`
+
+    var anObject = function (argument) {
+      if (isObject(argument)) return argument;
+      throw $TypeError$5($String$1(argument) + ' is not an object');
+    };
+
+    var call$1 = Function.prototype.call;
+    var functionCall = functionBindNative ? call$1.bind(call$1) : function () {
+      return call$1.apply(call$1, arguments);
+    };
+
+    var aFunction = function (argument) {
+      return isCallable(argument) ? argument : undefined;
+    };
+
+    var getBuiltIn = function (namespace, method) {
+      return arguments.length < 2 ? aFunction(global$1[namespace]) : global$1[namespace] && global$1[namespace][method];
+    };
+
+    var objectIsPrototypeOf = functionUncurryThis({}.isPrototypeOf);
+
+    var engineUserAgent = getBuiltIn('navigator', 'userAgent') || '';
+
+    var process$2 = global$1.process;
+    var Deno = global$1.Deno;
+    var versions = process$2 && process$2.versions || Deno && Deno.version;
+    var v8 = versions && versions.v8;
+    var match, version;
+
+    if (v8) {
+      match = v8.split('.'); // in old Chrome, versions of V8 isn't V8 = Chrome / 10
+      // but their correct versions are not interesting for us
+
+      version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
+    } // BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
+    // so check `userAgent` even if `.v8` exists, but 0
+
+
+    if (!version && engineUserAgent) {
+      match = engineUserAgent.match(/Edge\/(\d+)/);
+
+      if (!match || match[1] >= 74) {
+        match = engineUserAgent.match(/Chrome\/(\d+)/);
+        if (match) version = +match[1];
+      }
+    }
+
+    var engineV8Version = version;
+
+    /* eslint-disable es/no-symbol -- required for testing */
+
+    var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails(function () {
+      var symbol = Symbol(); // Chrome 38 Symbol has incorrect toString conversion
+      // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
+
+      return !String(symbol) || !(Object(symbol) instanceof Symbol) || // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
+      !Symbol.sham && engineV8Version && engineV8Version < 41;
+    });
+
+    /* eslint-disable es/no-symbol -- required for testing */
+    var useSymbolAsUid = symbolConstructorDetection && !Symbol.sham && typeof Symbol.iterator == 'symbol';
+
+    var $Object$1 = Object;
+    var isSymbol = useSymbolAsUid ? function (it) {
+      return typeof it == 'symbol';
+    } : function (it) {
+      var $Symbol = getBuiltIn('Symbol');
+      return isCallable($Symbol) && objectIsPrototypeOf($Symbol.prototype, $Object$1(it));
+    };
+
+    var $String = String;
+
+    var tryToString = function (argument) {
+      try {
+        return $String(argument);
+      } catch (error) {
+        return 'Object';
+      }
+    };
+
+    var $TypeError$4 = TypeError; // `Assert: IsCallable(argument) is true`
+
+    var aCallable = function (argument) {
+      if (isCallable(argument)) return argument;
+      throw $TypeError$4(tryToString(argument) + ' is not a function');
+    };
+
+    // https://tc39.es/ecma262/#sec-getmethod
+
+    var getMethod = function (V, P) {
+      var func = V[P];
+      return isNullOrUndefined(func) ? undefined : aCallable(func);
+    };
+
+    var $TypeError$3 = TypeError; // `OrdinaryToPrimitive` abstract operation
+    // https://tc39.es/ecma262/#sec-ordinarytoprimitive
+
+    var ordinaryToPrimitive = function (input, pref) {
+      var fn, val;
+      if (pref === 'string' && isCallable(fn = input.toString) && !isObject(val = functionCall(fn, input))) return val;
+      if (isCallable(fn = input.valueOf) && !isObject(val = functionCall(fn, input))) return val;
+      if (pref !== 'string' && isCallable(fn = input.toString) && !isObject(val = functionCall(fn, input))) return val;
+      throw $TypeError$3("Can't convert object to primitive value");
+    };
+
+    var shared = createCommonjsModule(function (module) {
+      (module.exports = function (key, value) {
+        return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
+      })('versions', []).push({
+        version: '3.25.3',
+        mode: 'global',
+        copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
+        license: 'https://github.com/zloirock/core-js/blob/v3.25.3/LICENSE',
+        source: 'https://github.com/zloirock/core-js'
+      });
+    });
+
+    var id = 0;
+    var postfix = Math.random();
+    var toString$1 = functionUncurryThis(1.0.toString);
+
+    var uid = function (key) {
+      return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$1(++id + postfix, 36);
+    };
+
+    var WellKnownSymbolsStore = shared('wks');
+    var Symbol$1 = global$1.Symbol;
+    var symbolFor = Symbol$1 && Symbol$1['for'];
+    var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
+
+    var wellKnownSymbol = function (name) {
+      if (!hasOwnProperty_1(WellKnownSymbolsStore, name) || !(symbolConstructorDetection || typeof WellKnownSymbolsStore[name] == 'string')) {
+        var description = 'Symbol.' + name;
+
+        if (symbolConstructorDetection && hasOwnProperty_1(Symbol$1, name)) {
+          WellKnownSymbolsStore[name] = Symbol$1[name];
+        } else if (useSymbolAsUid && symbolFor) {
+          WellKnownSymbolsStore[name] = symbolFor(description);
+        } else {
+          WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
+        }
+      }
+
+      return WellKnownSymbolsStore[name];
+    };
+
+    var $TypeError$2 = TypeError;
+    var TO_PRIMITIVE = wellKnownSymbol('toPrimitive'); // `ToPrimitive` abstract operation
+    // https://tc39.es/ecma262/#sec-toprimitive
+
+    var toPrimitive = function (input, pref) {
+      if (!isObject(input) || isSymbol(input)) return input;
+      var exoticToPrim = getMethod(input, TO_PRIMITIVE);
+      var result;
+
+      if (exoticToPrim) {
+        if (pref === undefined) pref = 'default';
+        result = functionCall(exoticToPrim, input, pref);
+        if (!isObject(result) || isSymbol(result)) return result;
+        throw $TypeError$2("Can't convert object to primitive value");
+      }
+
+      if (pref === undefined) pref = 'number';
+      return ordinaryToPrimitive(input, pref);
+    };
+
+    // https://tc39.es/ecma262/#sec-topropertykey
+
+    var toPropertyKey = function (argument) {
+      var key = toPrimitive(argument, 'string');
+      return isSymbol(key) ? key : key + '';
+    };
+
+    var $TypeError$1 = TypeError; // eslint-disable-next-line es/no-object-defineproperty -- safe
+
+    var $defineProperty = Object.defineProperty; // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+
+    var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+    var ENUMERABLE = 'enumerable';
+    var CONFIGURABLE = 'configurable';
+    var WRITABLE = 'writable'; // `Object.defineProperty` method
+    // https://tc39.es/ecma262/#sec-object.defineproperty
+
+    var f$4 = descriptors ? v8PrototypeDefineBug ? function defineProperty(O, P, Attributes) {
+      anObject(O);
+      P = toPropertyKey(P);
+      anObject(Attributes);
+
+      if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
+        var current = $getOwnPropertyDescriptor$1(O, P);
+
+        if (current && current[WRITABLE]) {
+          O[P] = Attributes.value;
+          Attributes = {
+            configurable: CONFIGURABLE in Attributes ? Attributes[CONFIGURABLE] : current[CONFIGURABLE],
+            enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
+            writable: false
+          };
+        }
+      }
+
+      return $defineProperty(O, P, Attributes);
+    } : $defineProperty : function defineProperty(O, P, Attributes) {
+      anObject(O);
+      P = toPropertyKey(P);
+      anObject(Attributes);
+      if (ie8DomDefine) try {
+        return $defineProperty(O, P, Attributes);
+      } catch (error) {
+        /* empty */
+      }
+      if ('get' in Attributes || 'set' in Attributes) throw $TypeError$1('Accessors not supported');
+      if ('value' in Attributes) O[P] = Attributes.value;
+      return O;
+    };
+    var objectDefineProperty = {
+      f: f$4
+    };
+
+    var createPropertyDescriptor = function (bitmap, value) {
+      return {
+        enumerable: !(bitmap & 1),
+        configurable: !(bitmap & 2),
+        writable: !(bitmap & 4),
+        value: value
+      };
+    };
+
+    var createNonEnumerableProperty = descriptors ? function (object, key, value) {
+      return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));
+    } : function (object, key, value) {
+      object[key] = value;
+      return object;
+    };
+
+    var keys = shared('keys');
+
+    var sharedKey = function (key) {
+      return keys[key] || (keys[key] = uid(key));
+    };
+
+    var hiddenKeys$1 = {};
+
+    var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
+    var TypeError$1 = global$1.TypeError;
+    var WeakMap = global$1.WeakMap;
+    var set$1, get, has;
+
+    var enforce = function (it) {
+      return has(it) ? get(it) : set$1(it, {});
+    };
+
+    var getterFor = function (TYPE) {
+      return function (it) {
+        var state;
+
+        if (!isObject(it) || (state = get(it)).type !== TYPE) {
+          throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
+        }
+
+        return state;
+      };
+    };
+
+    if (weakMapBasicDetection || sharedStore.state) {
+      var store = sharedStore.state || (sharedStore.state = new WeakMap());
+      var wmget = functionUncurryThis(store.get);
+      var wmhas = functionUncurryThis(store.has);
+      var wmset = functionUncurryThis(store.set);
+
+      set$1 = function (it, metadata) {
+        if (wmhas(store, it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+        metadata.facade = it;
+        wmset(store, it, metadata);
+        return metadata;
+      };
+
+      get = function (it) {
+        return wmget(store, it) || {};
+      };
+
+      has = function (it) {
+        return wmhas(store, it);
+      };
+    } else {
+      var STATE = sharedKey('state');
+      hiddenKeys$1[STATE] = true;
+
+      set$1 = function (it, metadata) {
+        if (hasOwnProperty_1(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+        metadata.facade = it;
+        createNonEnumerableProperty(it, STATE, metadata);
+        return metadata;
+      };
+
+      get = function (it) {
+        return hasOwnProperty_1(it, STATE) ? it[STATE] : {};
+      };
+
+      has = function (it) {
+        return hasOwnProperty_1(it, STATE);
+      };
+    }
+
+    var internalState = {
+      set: set$1,
+      get: get,
+      has: has,
+      enforce: enforce,
+      getterFor: getterFor
+    };
+
+    var makeBuiltIn_1 = createCommonjsModule(function (module) {
+      var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
+      var enforceInternalState = internalState.enforce;
+      var getInternalState = internalState.get; // eslint-disable-next-line es/no-object-defineproperty -- safe
+
+      var defineProperty = Object.defineProperty;
+      var CONFIGURABLE_LENGTH = descriptors && !fails(function () {
+        return defineProperty(function () {
+          /* empty */
+        }, 'length', {
+          value: 8
+        }).length !== 8;
+      });
+      var TEMPLATE = String(String).split('String');
+
+      var makeBuiltIn = module.exports = function (value, name, options) {
+        if (String(name).slice(0, 7) === 'Symbol(') {
+          name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
+        }
+
+        if (options && options.getter) name = 'get ' + name;
+        if (options && options.setter) name = 'set ' + name;
+
+        if (!hasOwnProperty_1(value, 'name') || CONFIGURABLE_FUNCTION_NAME && value.name !== name) {
+          if (descriptors) defineProperty(value, 'name', {
+            value: name,
+            configurable: true
+          });else value.name = name;
+        }
+
+        if (CONFIGURABLE_LENGTH && options && hasOwnProperty_1(options, 'arity') && value.length !== options.arity) {
+          defineProperty(value, 'length', {
+            value: options.arity
+          });
+        }
+
+        try {
+          if (options && hasOwnProperty_1(options, 'constructor') && options.constructor) {
+            if (descriptors) defineProperty(value, 'prototype', {
+              writable: false
+            }); // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
+          } else if (value.prototype) value.prototype = undefined;
+        } catch (error) {
+          /* empty */
+        }
+
+        var state = enforceInternalState(value);
+
+        if (!hasOwnProperty_1(state, 'source')) {
+          state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
+        }
+
+        return value;
+      }; // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+      // eslint-disable-next-line no-extend-native -- required
+
+
+      Function.prototype.toString = makeBuiltIn(function toString() {
+        return isCallable(this) && getInternalState(this).source || inspectSource(this);
+      }, 'toString');
+    });
+
     var defineBuiltInAccessor = function (target, name, descriptor) {
       if (descriptor.get) makeBuiltIn_1(descriptor.get, name, {
         getter: true
@@ -34013,7 +33641,7 @@
       var expected = INDICES_SUPPORT ? 'dgimsy' : 'gimsy';
 
       var addGetter = function (key, chr) {
-        // eslint-disable-next-line es-x/no-object-defineproperty -- safe
+        // eslint-disable-next-line es/no-object-defineproperty -- safe
         Object.defineProperty(O, key, {
           get: function () {
             calls += chr;
@@ -34031,7 +33659,7 @@
       };
       if (INDICES_SUPPORT) pairs.hasIndices = 'd';
 
-      for (var key in pairs) addGetter(key, pairs[key]); // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+      for (var key in pairs) addGetter(key, pairs[key]); // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 
 
       var result = Object.getOwnPropertyDescriptor(RegExpPrototype, 'flags').get.call(O);
@@ -35298,7 +34926,7 @@
           this.name = config.name;
         } else if (config.url && isFile(config.url)) {
           this.name = config.url.name;
-        } else if (config.url && isString$3(config.url) && !config.url.startsWith("data:")) {
+        } else if (config.url && isString$2(config.url) && !config.url.startsWith("data:")) {
           this.name = getFilename$1(config.url);
         }
 
@@ -35419,11 +35047,13 @@
         this.genome = genome;
 
         for (let feature of features) {
-          let featureList = this.featureMap[feature.chr];
+          // Store as canonical chr name (i.e. translate aliases)
+          const chrKey = genome ? genome.getChromosomeName(feature.chr) : feature.chr;
+          let featureList = this.featureMap[chrKey];
 
           if (!featureList) {
             featureList = [];
-            this.featureMap[feature.chr] = featureList;
+            this.featureMap[chrKey] = featureList;
           }
 
           featureList.push(feature);
@@ -35801,8 +35431,6 @@
      * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
      * THE SOFTWARE.
      */
-    const isString$1 = isString$3;
-    const hashCode = hashCode$1;
 
     class BamAlignmentRow {
       constructor() {
@@ -35839,26 +35467,20 @@
         return centerAlignment;
       }
 
-      updateScore(options, alignmentContainer) {
-        this.score = this.calculateScore(options, alignmentContainer);
-      }
-
-      calculateScore(_ref, alignmentContainer) {
+      getSortValue(_ref, alignmentContainer) {
         let {
           position,
           option,
-          direction,
           tag
         } = _ref;
         if (!option) option = "BASE";
         const alignment = this.findAlignment(position);
 
         if (undefined === alignment) {
-          return Number.MAX_VALUE * (direction ? 1 : -1);
+          // This condition should never occur
+          return Number.MAX_VALUE;
         }
 
-        let mate;
-
         switch (option) {
           case "NUCLEOTIDE":
           case "BASE":
@@ -35874,17 +35496,11 @@
 
           case "TAG":
             {
-              const tagValue = alignment.tags()[tag];
-
-              if (tagValue !== undefined) {
-                return isString$1(tagValue) ? hashCode(tagValue) : tagValue;
-              } else {
-                return Number.MAX_VALUE;
-              }
+              return alignment.tags()[tag];
             }
 
           case "READ_NAME":
-            return hashCode(alignment.readName);
+            return alignment.readName;
 
           case "INSERT_SIZE":
             return -Math.abs(alignment.fragmentLength);
@@ -35893,17 +35509,7 @@
             return -alignment.gapSizeAt(position);
 
           case "MATE_CHR":
-            mate = alignment.mate;
-
-            if (!mate) {
-              return Number.MAX_VALUE;
-            } else {
-              if (mate.chr === alignment.chr) {
-                return Number.MAX_VALUE - 1;
-              } else {
-                return hashCode(mate.chr);
-              }
-            }
+            return alignment.mate;
 
           case "MQ":
             return alignment.mq === undefined ? Number.MAX_VALUE : -alignment.mq;
@@ -36255,6 +35861,36 @@
         return this.coverageMap.getMax(start, end);
       }
 
+      sortRows(options) {
+        const newRows = [];
+        const undefinedRow = [];
+
+        for (let row of this.packedAlignmentRows) {
+          const alignment = row.findAlignment(options.position);
+
+          if (undefined !== alignment) {
+            newRows.push(row);
+          } else {
+            undefinedRow.push(row);
+          }
+        }
+
+        newRows.sort((rowA, rowB) => {
+          const direction = options.direction;
+          const rowAValue = rowA.getSortValue(options, this);
+          const rowBValue = rowB.getSortValue(options, this);
+          if (rowBValue === undefined && rowBValue !== undefined) return 1;else if (rowAValue !== undefined && rowBValue === undefined) return -1;
+          const i = rowAValue > rowBValue ? 1 : rowAValue < rowBValue ? -1 : 0;
+          return true === direction ? i : -i;
+        });
+
+        for (let row of undefinedRow) {
+          newRows.push(row);
+        }
+
+        this.packedAlignmentRows = newRows;
+      }
+
     }
 
     class DownsampleBucket {
@@ -38117,9 +37753,293 @@
 
     }
 
+    var $propertyIsEnumerable = {}.propertyIsEnumerable; // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+
+    var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor; // Nashorn ~ JDK8 bug
+
+    var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({
+      1: 2
+    }, 1); // `Object.prototype.propertyIsEnumerable` method implementation
+    // https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+
+    var f$3 = NASHORN_BUG ? function propertyIsEnumerable(V) {
+      var descriptor = getOwnPropertyDescriptor$1(this, V);
+      return !!descriptor && descriptor.enumerable;
+    } : $propertyIsEnumerable;
+    var objectPropertyIsEnumerable = {
+      f: f$3
+    };
+
+    var toString = functionUncurryThis({}.toString);
+    var stringSlice = functionUncurryThis(''.slice);
+
+    var classofRaw = function (it) {
+      return stringSlice(toString(it), 8, -1);
+    };
+
+    var $Object = Object;
+    var split = functionUncurryThis(''.split); // fallback for non-array-like ES3 and non-enumerable old V8 strings
+
+    var indexedObject = fails(function () {
+      // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+      // eslint-disable-next-line no-prototype-builtins -- safe
+      return !$Object('z').propertyIsEnumerable(0);
+    }) ? function (it) {
+      return classofRaw(it) == 'String' ? split(it, '') : $Object(it);
+    } : $Object;
+
+    var toIndexedObject = function (it) {
+      return indexedObject(requireObjectCoercible(it));
+    };
+
+    var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; // `Object.getOwnPropertyDescriptor` method
+    // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+
+    var f$2 = descriptors ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+      O = toIndexedObject(O);
+      P = toPropertyKey(P);
+      if (ie8DomDefine) try {
+        return $getOwnPropertyDescriptor(O, P);
+      } catch (error) {
+        /* empty */
+      }
+      if (hasOwnProperty_1(O, P)) return createPropertyDescriptor(!functionCall(objectPropertyIsEnumerable.f, O, P), O[P]);
+    };
+    var objectGetOwnPropertyDescriptor = {
+      f: f$2
+    };
+
+    var defineBuiltIn = function (O, key, value, options) {
+      if (!options) options = {};
+      var simple = options.enumerable;
+      var name = options.name !== undefined ? options.name : key;
+      if (isCallable(value)) makeBuiltIn_1(value, name, options);
+
+      if (options.global) {
+        if (simple) O[key] = value;else defineGlobalProperty(key, value);
+      } else {
+        try {
+          if (!options.unsafe) delete O[key];else if (O[key]) simple = true;
+        } catch (error) {
+          /* empty */
+        }
+
+        if (simple) O[key] = value;else objectDefineProperty.f(O, key, {
+          value: value,
+          enumerable: false,
+          configurable: !options.nonConfigurable,
+          writable: !options.nonWritable
+        });
+      }
+
+      return O;
+    };
+
+    var ceil = Math.ceil;
+    var floor = Math.floor; // `Math.trunc` method
+    // https://tc39.es/ecma262/#sec-math.trunc
+    // eslint-disable-next-line es/no-math-trunc -- safe
+
+    var mathTrunc = Math.trunc || function trunc(x) {
+      var n = +x;
+      return (n > 0 ? floor : ceil)(n);
+    };
+
+    // https://tc39.es/ecma262/#sec-tointegerorinfinity
+
+    var toIntegerOrInfinity = function (argument) {
+      var number = +argument; // eslint-disable-next-line no-self-compare -- NaN check
+
+      return number !== number || number === 0 ? 0 : mathTrunc(number);
+    };
+
+    var max = Math.max;
+    var min$1 = Math.min; // Helper for a popular repeating case of the spec:
+    // Let integer be ? ToInteger(index).
+    // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+
+    var toAbsoluteIndex = function (index, length) {
+      var integer = toIntegerOrInfinity(index);
+      return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+    };
+
+    var min = Math.min; // `ToLength` abstract operation
+    // https://tc39.es/ecma262/#sec-tolength
+
+    var toLength = function (argument) {
+      return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+    };
+
+    // https://tc39.es/ecma262/#sec-lengthofarraylike
+
+    var lengthOfArrayLike = function (obj) {
+      return toLength(obj.length);
+    };
+
+    var createMethod = function (IS_INCLUDES) {
+      return function ($this, el, fromIndex) {
+        var O = toIndexedObject($this);
+        var length = lengthOfArrayLike(O);
+        var index = toAbsoluteIndex(fromIndex, length);
+        var value; // Array#includes uses SameValueZero equality algorithm
+        // eslint-disable-next-line no-self-compare -- NaN check
+
+        if (IS_INCLUDES && el != el) while (length > index) {
+          value = O[index++]; // eslint-disable-next-line no-self-compare -- NaN check
+
+          if (value != value) return true; // Array#indexOf ignores holes, Array#includes - not
+        } else for (; length > index; index++) {
+          if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+        }
+        return !IS_INCLUDES && -1;
+      };
+    };
+
+    var arrayIncludes = {
+      // `Array.prototype.includes` method
+      // https://tc39.es/ecma262/#sec-array.prototype.includes
+      includes: createMethod(true),
+      // `Array.prototype.indexOf` method
+      // https://tc39.es/ecma262/#sec-array.prototype.indexof
+      indexOf: createMethod(false)
+    };
+
+    var indexOf = arrayIncludes.indexOf;
+    var push = functionUncurryThis([].push);
+
+    var objectKeysInternal = function (object, names) {
+      var O = toIndexedObject(object);
+      var i = 0;
+      var result = [];
+      var key;
+
+      for (key in O) !hasOwnProperty_1(hiddenKeys$1, key) && hasOwnProperty_1(O, key) && push(result, key); // Don't enum bug & hidden keys
+
+
+      while (names.length > i) if (hasOwnProperty_1(O, key = names[i++])) {
+        ~indexOf(result, key) || push(result, key);
+      }
+
+      return result;
+    };
+
+    // IE8- don't enum bug keys
+    var enumBugKeys = ['constructor', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'valueOf'];
+
+    var hiddenKeys = enumBugKeys.concat('length', 'prototype'); // `Object.getOwnPropertyNames` method
+    // https://tc39.es/ecma262/#sec-object.getownpropertynames
+    // eslint-disable-next-line es/no-object-getownpropertynames -- safe
+
+    var f$1 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+      return objectKeysInternal(O, hiddenKeys);
+    };
+
+    var objectGetOwnPropertyNames = {
+      f: f$1
+    };
+
+    // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+    var f = Object.getOwnPropertySymbols;
+    var objectGetOwnPropertySymbols = {
+      f: f
+    };
+
+    var concat = functionUncurryThis([].concat); // all object keys, includes non-enumerable and symbols
+
+    var ownKeys = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
+      var keys = objectGetOwnPropertyNames.f(anObject(it));
+      var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
+      return getOwnPropertySymbols ? concat(keys, getOwnPropertySymbols(it)) : keys;
+    };
+
+    var copyConstructorProperties = function (target, source, exceptions) {
+      var keys = ownKeys(source);
+      var defineProperty = objectDefineProperty.f;
+      var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+
+      for (var i = 0; i < keys.length; i++) {
+        var key = keys[i];
+
+        if (!hasOwnProperty_1(target, key) && !(exceptions && hasOwnProperty_1(exceptions, key))) {
+          defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+        }
+      }
+    };
+
+    var replacement = /#|\.prototype\./;
+
+    var isForced = function (feature, detection) {
+      var value = data[normalize(feature)];
+      return value == POLYFILL ? true : value == NATIVE ? false : isCallable(detection) ? fails(detection) : !!detection;
+    };
+
+    var normalize = isForced.normalize = function (string) {
+      return String(string).replace(replacement, '.').toLowerCase();
+    };
+
+    var data = isForced.data = {};
+    var NATIVE = isForced.NATIVE = 'N';
+    var POLYFILL = isForced.POLYFILL = 'P';
+    var isForced_1 = isForced;
+
+    var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+    /*
+      options.target         - name of the target object
+      options.global         - target is the global object
+      options.stat           - export as static methods of target
+      options.proto          - export as prototype methods of target
+      options.real           - real prototype method for the `pure` version
+      options.forced         - export even if the native feature is available
+      options.bind           - bind methods to the target, required for the `pure` version
+      options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
+      options.unsafe         - use the simple assignment of property instead of delete + defineProperty
+      options.sham           - add a flag to not completely full polyfills
+      options.enumerable     - export as enumerable property
+      options.dontCallGetSet - prevent calling a getter on target
+      options.name           - the .name of the function if it does not match the key
+    */
+
+    var _export = function (options, source) {
+      var TARGET = options.target;
+      var GLOBAL = options.global;
+      var STATIC = options.stat;
+      var FORCED, target, key, targetProperty, sourceProperty, descriptor;
+
+      if (GLOBAL) {
+        target = global$1;
+      } else if (STATIC) {
+        target = global$1[TARGET] || defineGlobalProperty(TARGET, {});
+      } else {
+        target = (global$1[TARGET] || {}).prototype;
+      }
+
+      if (target) for (key in source) {
+        sourceProperty = source[key];
+
+        if (options.dontCallGetSet) {
+          descriptor = getOwnPropertyDescriptor(target, key);
+          targetProperty = descriptor && descriptor.value;
+        } else targetProperty = target[key];
+
+        FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced); // contained in target
+
+        if (!FORCED && targetProperty !== undefined) {
+          if (typeof sourceProperty == typeof targetProperty) continue;
+          copyConstructorProperties(sourceProperty, targetProperty);
+        } // add a flag to not completely full polyfills
+
+
+        if (options.sham || targetProperty && targetProperty.sham) {
+          createNonEnumerableProperty(sourceProperty, 'sham', true);
+        }
+
+        defineBuiltIn(target, key, sourceProperty, options);
+      }
+    };
+
     var FunctionPrototype = Function.prototype;
     var apply = FunctionPrototype.apply;
-    var call = FunctionPrototype.call; // eslint-disable-next-line es-x/no-reflect -- safe
+    var call = FunctionPrototype.call; // eslint-disable-next-line es/no-reflect -- safe
 
     var functionApply = typeof Reflect == 'object' && Reflect.apply || (functionBindNative ? call.bind(apply) : function () {
       return call.apply(apply, arguments);
@@ -38136,6 +38056,8 @@
       };
     };
 
+    var html = getBuiltIn('document', 'documentElement');
+
     var arraySlice = functionUncurryThis([].slice);
 
     var $TypeError = TypeError;
@@ -38159,11 +38081,11 @@
     var counter = 0;
     var queue = {};
     var ONREADYSTATECHANGE = 'onreadystatechange';
-    var location, defer, channel, port;
+    var $location, defer, channel, port;
 
     try {
       // Deno throws a ReferenceError on `location` access without `--location` flag
-      location = global$1.location;
+      $location = global$1.location;
     } catch (error) {
       /* empty */
     }
@@ -38188,7 +38110,7 @@
 
     var post = function (id) {
       // old engines have not location.origin
-      global$1.postMessage(String$1(id), location.protocol + '//' + location.host);
+      global$1.postMessage(String$1(id), $location.protocol + '//' + $location.host);
     }; // Node.js 0.9+ & IE10+ has setImmediate, otherwise:
 
 
@@ -38228,7 +38150,7 @@
         channel.port1.onmessage = listener;
         defer = functionBindContext(port.postMessage, port); // Browsers with postMessage, skip WebWorkers
         // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
-      } else if (global$1.addEventListener && isCallable(global$1.postMessage) && !global$1.importScripts && location && location.protocol !== 'file:' && !fails(post)) {
+      } else if (global$1.addEventListener && isCallable(global$1.postMessage) && !global$1.importScripts && $location && $location.protocol !== 'file:' && !fails(post)) {
         defer = post;
         global$1.addEventListener('message', listener, false); // IE8-
       } else if (ONREADYSTATECHANGE in documentCreateElement('script')) {
@@ -53449,7 +53371,7 @@
               message = "Sequence mismatch. Is this the correct genome for the loaded CRAM?";
             }
 
-            Alert.presentAlert(new Error(message));
+            this.browser.alert.present(new Error(message));
             throw error;
           }
         }
@@ -54197,10 +54119,6 @@
         this.genome = genome;
 
         if (isDataURL(config.url)) {
-          if ("cram" === config.format) {
-            throw "CRAM data uris are not supported";
-          }
-
           this.config.indexed = false;
         }
 
@@ -54216,7 +54134,7 @@
           this.bamReader = new CramReader(config, genome, browser);
         } else {
           if (!this.config.indexURL && config.indexed !== false) {
-            if (isString$3(this.config.url)) {
+            if (isString$2(this.config.url)) {
               const inferIndexPath$1 = inferIndexPath(this.config.url, "bai");
 
               if (inferIndexPath$1) {
@@ -56609,7 +56527,7 @@
             const alignmentContainer = vp.cachedFeatures;
 
             if (alignmentContainer) {
-              sortAlignmentRows(options, alignmentContainer);
+              alignmentContainer.sortRows(options);
               vp.repaint();
             }
           }
@@ -56655,7 +56573,7 @@
 
         if (sort) {
           if (sort.chr === chr && sort.position >= bpStart && sort.position <= bpEnd) {
-            sortAlignmentRows(sort, alignmentContainer);
+            alignmentContainer.sortRows(sort);
           }
         }
 
@@ -57708,7 +57626,7 @@
             direction: direction
           };
           this.parent.sortObject = newSortObject;
-          sortAlignmentRows(newSortObject, viewport.cachedFeatures);
+          viewport.cachedFeatures.sortRows(newSortObject);
           viewport.repaint();
         };
 
@@ -57764,7 +57682,7 @@
                   };
                   this.sortByTag = tag;
                   this.parent.sortObject = newSortObject;
-                  sortAlignmentRows(newSortObject, viewport.cachedFeatures);
+                  viewport.cachedFeatures.sortRows(newSortObject);
                   viewport.repaint();
                 }
               }
@@ -57795,7 +57713,7 @@
                       const frameEnd = clickedAlignment.mate.position + bpWidth / 2;
                       this.browser.addMultiLocusPanel(clickedAlignment.mate.chr, frameStart, frameEnd, referenceFrame);
                     } else {
-                      Alert.presentAlert(`Reference does not contain chromosome: ${clickedAlignment.mate.chr}`);
+                      this.browser.alert.present(`Reference does not contain chromosome: ${clickedAlignment.mate.chr}`);
                     }
                   }
                 },
@@ -57809,9 +57727,9 @@
                 const seqstring = clickedAlignment.seq; //.map(b => String.fromCharCode(b)).join("");
 
                 if (!seqstring || "*" === seqstring) {
-                  Alert.presentAlert("Read sequence: *");
+                  this.browser.alert.present("Read sequence: *");
                 } else {
-                  Alert.presentAlert(seqstring);
+                  this.browser.alert.present(seqstring);
                 }
               }
             });
@@ -57827,7 +57745,7 @@
                     await navigator.clipboard.writeText(seq);
                   } catch (e) {
                     console.error(e);
-                    Alert.presentAlert(`error copying sequence to clipboard ${e}`);
+                    this.browser.alert.present(`error copying sequence to clipboard ${e}`);
                   }
                 }
               });
@@ -58004,19 +57922,6 @@
 
     }
 
-    function sortAlignmentRows(options, alignmentContainer) {
-      const direction = options.direction;
-
-      for (let row of alignmentContainer.packedAlignmentRows) {
-        row.updateScore(options, alignmentContainer);
-      }
-
-      alignmentContainer.packedAlignmentRows.sort(function (rowA, rowB) {
-        const i = rowA.score > rowB.score ? 1 : rowA.score < rowB.score ? -1 : 0;
-        return true === direction ? i : -i;
-      });
-    }
-
     function shadedBaseColor(qual, baseColor) {
       const minQ = 5; //prefs.getAsInt(PreferenceManager.SAM_BASE_QUALITY_MIN),
 
@@ -58720,198 +58625,222 @@
      * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
      * THE SOFTWARE.
      */
-
-    const MenuPopup = function (parent) {
-      this.popover = div$1({
-        class: 'igv-menu-popup'
-      });
-      parent.appendChild(this.popover);
-      const header = div$1({
-        class: 'igv-menu-popup-header'
-      });
-      this.popover.appendChild(header);
-      attachDialogCloseHandlerWithParent$1(header, () => this.hide());
-      this.popoverContent = div$1();
-      this.popover.appendChild(this.popoverContent);
-      makeDraggable$1(this.popover, header);
-      header.addEventListener('click', e => {
-        e.stopPropagation();
-        e.preventDefault(); // absorb click to prevent it leaking through to parent DOM element
-      });
-      this.hide();
-    };
-
-    MenuPopup.prototype.hide = function () {
-      this.popover.style.display = 'none';
-    };
-
-    MenuPopup.prototype.presentMenuList = function (menuList) {
-      hideAllMenuPopups();
-
-      if (menuList.length > 0) {
-        this.popoverContent.innerHTML = '';
-        menuList = MenuUtils.trackMenuItemListHelper(menuList, this);
-
-        for (let item of menuList) {
-          if (item.init) {
-            item.init();
-          }
-
-          let $e = item.object;
-
-          if (0 === menuList.indexOf(item)) {
-            $e.removeClass('igv-track-menu-border-top');
-          }
-
-          if ($e.hasClass('igv-track-menu-border-top') || $e.hasClass('igv-menu-popup-check-container')) ; else if ($e.is('div')) {
-            $e.addClass('igv-menu-popup-shim');
-          }
-
-          this.popoverContent.appendChild($e.get(0));
-        } // NOTE: style.display most NOT be 'none' when calculating width. a display = 'none' will always
-        //       yield a width of zero (0).
-
-
-        this.popover.style.display = 'flex';
-        const {
-          width
-        } = this.popover.getBoundingClientRect();
-        this.popover.style.left = `${-width}px`;
-        this.popover.style.top = `${0}px`;
-      }
-    };
-
-    MenuPopup.prototype.presentTrackContextMenu = function (e, menuItems) {
-      this.popoverContent.innerHTML = '';
-      const menuElements = createMenuElements(menuItems, this.popover);
-
-      for (let {
-        el
-      } of menuElements) {
-        this.popoverContent.appendChild(el);
-      }
-
-      present(e, this.popover);
-    };
-
-    MenuPopup.prototype.dispose = function () {
-      this.popoverContent.innerHTML = '';
-      this.popover.innerHTML = '';
-      Object.keys(this).forEach(function (key) {
-        this[key] = undefined;
-      });
-    };
-
-    function createMenuElements(itemList, popover) {
-      return itemList.map(item => {
-        let el;
-
-        if (typeof item === 'string' && '<hr/>' === item) {
-          el = document.createElement('hr');
-        } else if (typeof item === 'string') {
-          el = div$1({
-            class: 'context-menu'
-          });
-          el.innerHTML = item;
-        } else if (typeof item === 'Node') {
-          el = item;
-        } else {
-          if (typeof item.init === 'function') {
-            item.init();
-          }
-
-          if ("checkbox" === item.type) {
-            el = createCheckbox$1("Show all bases", item.value);
-          } else if ("color" === item.type) {
-            const colorPicker = new GenericColorPicker({
-              parent: popover.parentElement,
-              width: 364
-            });
-            colorPicker.configure(undefined, {
-              color: color => item.click(color)
-            });
-            el = div$1({
-              class: 'context-menu'
-            });
-
-            if (typeof item.label === 'string') {
-              el.innerHTML = item.label;
-            }
-
-            const clickHandler = e => {
-              colorPicker.show();
-              hide$1(popover);
-              e.preventDefault();
-              e.stopPropagation();
-            };
-
-            el.addEventListener('click', clickHandler);
-            el.addEventListener('touchend', clickHandler);
-            el.addEventListener('mouseup', function (e) {
-              e.preventDefault();
-              e.stopPropagation();
-            });
-          } else {
-            el = div$1({
-              class: 'context-menu'
-            });
-
-            if (typeof item.label === 'string') {
-              el.innerHTML = item.label;
-            }
-          }
-
-          if (item.click && "color" !== item.type) {
-            el.addEventListener('click', handleClick);
-            el.addEventListener('touchend', handleClick);
-            el.addEventListener('mouseup', function (e) {
-              e.preventDefault();
-              e.stopPropagation();
-            }); // eslint-disable-next-line no-inner-declarations
-
-            function handleClick(e) {
-              item.click();
-              hide$1(popover);
-              e.preventDefault();
-              e.stopPropagation();
-            }
-          }
-        }
-
-        return {
-          el,
-          init: item.init
-        };
-      });
-    }
-
-    function present(e, popover) {
-      // NOTE: style.display most NOT be 'none' when calculating width. a display = 'none' will always
-      //       yield a width of zero (0).
-      popover.style.display = 'flex';
-      const {
-        x,
-        y
-      } = translateMouseCoordinates$1(e, popover.parentNode);
-      const {
-        width
-      } = popover.getBoundingClientRect();
-      const xmax = x + width;
-      const {
-        width: parentWidth
-      } = popover.parentNode.getBoundingClientRect();
-      popover.style.left = `${xmax > parentWidth ? x - (xmax - parentWidth) : x}px`;
-      popover.style.top = `${y}px`;
-    }
-
-    const hideAllMenuPopups = () => {
-      const menus = document.querySelectorAll('.igv-menu-popup');
-
-      for (let i = 0; i < menus.length; i++) {
-        menus[i].style.display = 'none';
-      }
-    };
-
+
+    const MenuPopup = function (parent) {
+      this.popover = div$1({
+        class: 'igv-menu-popup'
+      });
+      parent.appendChild(this.popover);
+      const header = div$1({
+        class: 'igv-menu-popup-header'
+      });
+      this.popover.appendChild(header);
+      attachDialogCloseHandlerWithParent$1(header, () => this.hide());
+      this.popoverContent = div$1();
+      this.popover.appendChild(this.popoverContent);
+      makeDraggable$1(this.popover, header);
+      header.addEventListener('click', e => {
+        e.stopPropagation();
+        e.preventDefault(); // absorb click to prevent it leaking through to parent DOM element
+      });
+      this.hide();
+    };
+
+    MenuPopup.prototype.hide = function () {
+      this.popover.style.display = 'none';
+    };
+
+    MenuPopup.prototype.presentMenuList = function (menuList) {
+      hideAllMenuPopups();
+
+      if (menuList.length > 0) {
+        this.popoverContent.innerHTML = '';
+        menuList = MenuUtils.trackMenuItemListHelper(menuList, this);
+
+        for (let item of menuList) {
+          if (item.init) {
+            item.init();
+          }
+
+          let $e = item.object;
+
+          if (0 === menuList.indexOf(item)) {
+            $e.removeClass('igv-track-menu-border-top');
+          }
+
+          if ($e.hasClass('igv-track-menu-border-top') || $e.hasClass('igv-menu-popup-check-container')) ; else if ($e.is('div')) {
+            $e.addClass('igv-menu-popup-shim');
+          }
+
+          this.popoverContent.appendChild($e.get(0));
+        } // NOTE: style.display most NOT be 'none' when calculating width. a display = 'none' will always
+        //       yield a width of zero (0).
+
+
+        this.popover.style.display = 'flex';
+        const {
+          width
+        } = this.popover.getBoundingClientRect();
+        this.popover.style.left = `${-width}px`;
+        this.popover.style.top = `${0}px`;
+      }
+    };
+
+    MenuPopup.prototype.presentTrackContextMenu = function (e, menuItems) {
+      this.popoverContent.innerHTML = '';
+      const menuElements = createMenuElements(menuItems, this.popover);
+
+      for (let {
+        el
+      } of menuElements) {
+        this.popoverContent.appendChild(el);
+      }
+
+      present(e, this.popover);
+    };
+
+    MenuPopup.prototype.dispose = function () {
+      this.popoverContent.innerHTML = '';
+      this.popover.innerHTML = '';
+      Object.keys(this).forEach(function (key) {
+        this[key] = undefined;
+      });
+    };
+
+    function createMenuElements(itemList, popover) {
+      return itemList.map(item => {
+        let el;
+
+        if (typeof item === 'string' && '<hr/>' === item) {
+          el = document.createElement('hr');
+        } else if (typeof item === 'string') {
+          el = div$1({
+            class: 'context-menu'
+          });
+          el.innerHTML = item;
+        } else if (typeof item === 'Node') {
+          el = item;
+        } else {
+          if (typeof item.init === 'function') {
+            item.init();
+          }
+
+          if ("checkbox" === item.type) {
+            el = createCheckbox$1("Show all bases", item.value);
+          } else if ("color" === item.type) {
+            const colorPicker = new GenericColorPicker({
+              parent: popover.parentElement,
+              width: 364
+            });
+            colorPicker.configure(undefined, {
+              color: color => item.click(color)
+            });
+            el = div$1({
+              class: 'context-menu'
+            });
+
+            if (typeof item.label === 'string') {
+              el.innerHTML = item.label;
+            }
+
+            const clickHandler = e => {
+              colorPicker.show();
+              hide$1(popover);
+              e.preventDefault();
+              e.stopPropagation();
+            };
+
+            el.addEventListener('click', clickHandler);
+            el.addEventListener('touchend', clickHandler);
+            el.addEventListener('mouseup', function (e) {
+              e.preventDefault();
+              e.stopPropagation();
+            });
+          } else {
+            el = div$1({
+              class: 'context-menu'
+            });
+
+            if (typeof item.label === 'string') {
+              el.innerHTML = item.label;
+            }
+          }
+
+          if (item.click && "color" !== item.type) {
+            el.addEventListener('click', handleClick);
+            el.addEventListener('touchend', handleClick);
+            el.addEventListener('mouseup', function (e) {
+              e.preventDefault();
+              e.stopPropagation();
+            }); // eslint-disable-next-line no-inner-declarations
+
+            function handleClick(e) {
+              item.click();
+              hide$1(popover);
+              e.preventDefault();
+              e.stopPropagation();
+            }
+          }
+        }
+
+        return {
+          el,
+          init: item.init
+        };
+      });
+    }
+
+    function present(e, popover) {
+      // NOTE: style.display most NOT be 'none' when calculating width. a display = 'none' will always
+      //       yield a width of zero (0).
+      popover.style.display = 'flex';
+      const {
+        x,
+        y
+      } = translateMouseCoordinates$1(e, popover.parentNode);
+      const {
+        width
+      } = popover.getBoundingClientRect();
+      const xmax = x + width;
+      const {
+        width: parentWidth
+      } = popover.parentNode.getBoundingClientRect();
+      popover.style.left = `${xmax > parentWidth ? x - (xmax - parentWidth) : x}px`;
+      popover.style.top = `${y}px`;
+    }
+
+    const hideAllMenuPopups = () => {
+      const menus = document.querySelectorAll('.igv-menu-popup');
+
+      for (let i = 0; i < menus.length; i++) {
+        menus[i].style.display = 'none';
+      }
+    };
+
+    /*
+     * The MIT License (MIT)
+     *
+     * Copyright (c) 2014 Broad Institute
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
     const scrollbarExclusionTypes = new Set(['ruler', 'sequence', 'ideogram']);
     const colorPickerExclusionTypes = new Set(['ruler', 'sequence', 'ideogram']);
 
@@ -59077,11 +59006,11 @@
           const trackColors = [];
           const color = this.track.color || this.track.defaultColor;
 
-          if (isString$3(color)) {
+          if (isString$2(color)) {
             trackColors.push(color);
           }
 
-          if (this.track.altColor && isString$3(this.track.altColor)) {
+          if (this.track.altColor && isString$2(this.track.altColor)) {
             trackColors.push(this.track.altColor);
           }
 
@@ -60368,7 +60297,7 @@
             for (let fd of featureData) {
               data.push(fd);
 
-              if (infoURL && fd.name && fd.name.toLowerCase() === "name" && fd.value && isString$3(fd.value) && !fd.value.startsWith("<")) {
+              if (infoURL && fd.name && fd.name.toLowerCase() === "name" && fd.value && isString$2(fd.value) && !fd.value.startsWith("<")) {
                 const href = infoURL.replace("$$", feature.name);
                 fd.value = `<a target=_blank href=${href}>${fd.value}</a>`;
               }
@@ -60468,7 +60397,7 @@
                 seq = reverseComplementSequence(seq);
               }
 
-              Alert.presentAlert(seq);
+              this.browser.alert.present(seq);
             }
           }];
 
@@ -60488,7 +60417,7 @@
                   await navigator.clipboard.writeText(seq);
                 } catch (e) {
                   console.error(e);
-                  Alert.presentAlert(`error copying sequence to clipboard ${e}`);
+                  this.browser.alert.present(`error copying sequence to clipboard ${e}`);
                 }
               }
             });
@@ -60637,6 +60566,7 @@
           start,
           end,
           bpPerPixel,
+          visibilityWindow: this.visibilityWindow,
           windowFunction: this.windowFunction
         });
 
@@ -60663,6 +60593,7 @@
         let items = [];
 
         if (this.flipAxis !== undefined) {
+          items.push('<hr>');
           items.push({
             label: "Flip y-axis",
             click: () => {
@@ -61502,6 +61433,7 @@
         this.type = "merged";
         this.featureType = 'numeric';
         this.paintAxis = paintAxis;
+        this.graphType = config.graphType;
       }
 
       init(config) {
@@ -61603,7 +61535,11 @@
           this.tracks[i].dataRange = this.dataRange;
           this.tracks[i].flipAxis = this.flipAxis;
           this.tracks[i].logScale = this.logScale;
-          this.tracks[i].graphType = this.graphType;
+
+          if (this.graphType) {
+            this.tracks[i].graphType = this.graphType;
+          }
+
           this.tracks[i].draw(trackOptions);
         }
       }
@@ -61627,7 +61563,7 @@
       }
 
       get supportsWholeGenome() {
-        return this.tracks.every(track => track.supportsWholeGenome());
+        return this.tracks.every(track => track.supportsWholeGenome);
       }
 
     }
@@ -61744,8 +61680,13 @@
         } // Create the FeatureSource and override the default whole genome method
 
 
-        this.featureSource = FeatureSource(config, this.browser.genome);
-        this.featureSource.getWGFeatures = getWGFeatures;
+        if (config.featureSource) {
+          this.featureSource = config.featureSource;
+          delete config._featureSource;
+        } else {
+          this.featureSource = FeatureSource(config, this.browser.genome);
+          this.featureSource.getWGFeatures = getWGFeatures;
+        }
       }
 
       async postInit() {
@@ -61821,10 +61762,16 @@
           for (let feature of featureList) {
             // Reset transient property drawState.  An undefined value => feature has not been drawn.
             feature.drawState = undefined;
-            let color = this.color || feature.color || DEFAULT_ARC_COLOR;
+            let color;
 
-            if (color && this.config.useScore) {
-              color = getAlphaColor(color, scoreShade(feature.score));
+            if (typeof this.color === 'function') {
+              color = this.color(feature);
+            } else {
+              color = this.color || feature.color || DEFAULT_ARC_COLOR;
+
+              if (color && this.config.useScore) {
+                color = getAlphaColor(color, scoreShade(feature.score));
+              }
             }
 
             ctx.lineWidth = feature.thickness || this.thickness || 1;
@@ -62140,14 +62087,10 @@
       }
 
       menuItemList() {
-        let items = [{
-          name: "Set track color",
-          click: () => {
-            this.trackView.presentColorPicker();
-          }
-        }, '<hr/>'];
+        let items = [];
 
         if (this.hasValue) {
+          items.push("<hr/>");
           const lut = {
             "nested": "Nested",
             "proportional": "Proportional - All",
@@ -62611,7 +62554,32 @@
       }
     }
 
-    const isString = isString$3;
+    /*
+     * The MIT License (MIT)
+     *
+     * Copyright (c) 2016 University of California San Diego
+     * Author: Jim Robinson
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+    const isString = isString$2;
     const DEFAULT_VISIBILITY_WINDOW = 1000000;
     const TOP_MARGIN = 10;
     const STANDARD_FIELDS = new Map([["REF", "referenceBases"], ["ALT", "alternateBases"], ["QUAL", "quality"], ["FILTER", "filter"]]);
@@ -64892,6 +64860,30 @@
       }
     }
 
+    /*
+     * The MIT License (MIT)
+     *
+     * Copyright (c) 2014 Broad Institute
+     *
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     *
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     *
+     *
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
     let JUNCTION_MOTIF_PALETTE = new PaletteColorTable("Dark2"); // Lock in color-to-motif mapping so it's independent of data loading order. This list may not include all possible
     // motif values as this varies depending on the RNA-seq pipeline. The current list is based on STAR v2.4 docs.
 
@@ -68328,7 +68320,7 @@
           class: 'igv-container'
         });
         parentDiv.appendChild(this.root);
-        Alert.init(this.root);
+        this.alert = new Alert(this.root);
         this.columnContainer = div$1({
           class: 'igv-column-container'
         });
@@ -68495,7 +68487,7 @@
 
         this.inputDialog = new InputDialog(this.root);
         this.inputDialog.container.id = `igv-input-dialog-${guid$2()}`;
-        this.dataRangeDialog = new DataRangeDialog($$1(this.root));
+        this.dataRangeDialog = new DataRangeDialog(this, $$1(this.root));
         this.dataRangeDialog.$container.get(0).id = `igv-data-range-dialog-${guid$2()}`;
         this.genericColorPicker = new GenericColorPicker({
           parent: this.columnContainer,
@@ -68683,7 +68675,7 @@
         createColumn(this.columnContainer, 'igv-track-drag-column'); // Track gear column
 
         createColumn(this.columnContainer, 'igv-gear-menu-column');
-        const genomeConfig = await GenomeUtils.expandReference(session.reference || session.genome);
+        const genomeConfig = await GenomeUtils.expandReference(this.alert, session.reference || session.genome);
         await this.loadReference(genomeConfig, session.locus);
         this.centerLineList = this.createCenterLineList(this.columnContainer); // Create ideogram and ruler track.  Really this belongs in browser initialization, but creation is
         // deferred because ideogram and ruler are treated as "tracks", and tracks require a reference frame
@@ -68862,7 +68854,7 @@
 
 
       async loadGenome(idOrConfig) {
-        const genomeConfig = await GenomeUtils.expandReference(idOrConfig);
+        const genomeConfig = await GenomeUtils.expandReference(this.alert, idOrConfig);
         await this.loadReference(genomeConfig, undefined);
         const tracks = genomeConfig.tracks || []; // Insure that we always have a sequence track
 
@@ -68994,7 +68986,7 @@
 
       async _loadTrack(config) {
         // config might be json
-        if (isString$3(config)) {
+        if (isString$2(config)) {
           config = JSON.parse(config);
         }
 
@@ -69055,7 +69047,7 @@
           }
 
           msg += ": " + config.url;
-          Alert.presentAlert(new Error(msg), undefined);
+          this.alert.present(new Error(msg), undefined);
         }
       }
       /**
@@ -69124,7 +69116,7 @@
         // Resolve function and promise urls
         let url = await resolveURL(config.url);
 
-        if (isString$3(url)) {
+        if (isString$2(url)) {
           url = url.trim();
         }
 
@@ -69192,8 +69184,7 @@
         const track = TrackFactory.getTrack(type, config, this);
 
         if (undefined === track) {
-          Alert.presentAlert(new Error(`Error creating track.  Could not determine track type for file: ${config.url || config}`), undefined);
-          return;
+          this.alert.present(new Error(`Error creating track.  Could not determine track type for file: ${config.url || config}`), undefined);
         } else {
           if (config.roi && config.roi.length > 0) {
             track.roiSets = config.roi.map(r => new TrackROISet(r, this.genome));
@@ -69686,7 +69677,7 @@
         const success = await this.search(string, init);
 
         if (!success) {
-          Alert.presentAlert(new Error(`Unrecognized locus: <b> ${string} </b>`));
+          this.alert.present(new Error(`Unrecognized locus: <b> ${string} </b>`));
         }
 
         return success;
@@ -69811,7 +69802,7 @@
 
       toJSON() {
         const json = {
-          "version": version()
+          "version": version$1()
         };
 
         if (this.showSampleNames !== undefined) {
@@ -70551,7 +70542,7 @@
     }
 
     function embedCSS() {
-      var css = '.igv-navbar {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  color: #444;\n  font-size: 12px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  line-height: 32px;\n  padding-left: 8px;\n  padding-right: 8px;\n  margin-top: 2px;\n  margin-bottom: 6px;\n  height: 32px;\n  border-style: solid;\n  border-radius: 3px;\n  border-width: thin;\n  border-color: #bfbfbf;\n  background-color: #f3f3f3;\n}\n.igv-navbar .igv-navbar-left-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 32px;\n  line-height: 32px;\n}\n.igv-navbar .igv-navbar-left-container .igv-logo {\n  width: 34px;\n  height: 32px;\n  margin-right: 8px;\n}\n.igv-navbar .igv-navbar-left-container .igv-current-genome {\n  height: 32px;\n  margin-left: 4px;\n  margin-right: 4px;\n  user-select: none;\n  line-height: 32px;\n  vertical-align: middle;\n  text-align: center;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-chromosome-select-widget-container {\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n  height: 100%;\n  width: 125px;\n  margin-right: 4px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-chromosome-select-widget-container select {\n  display: block;\n  cursor: pointer;\n  width: 100px;\n  height: 75%;\n  outline: none;\n  font-size: 12px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  margin-left: 8px;\n  height: 22px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-search-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  width: 210px;\n  height: 22px;\n  line-height: 22px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-search-container input.igv-search-input {\n  cursor: text;\n  width: 85%;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  text-align: left;\n  padding-left: 8px;\n  margin-right: 8px;\n  outline: none;\n  border-style: solid;\n  border-radius: 3px;\n  border-width: thin;\n  border-color: #bfbfbf;\n  background-color: white;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-search-container .igv-search-icon-container {\n  cursor: pointer;\n  height: 16px;\n  width: 16px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-windowsize-panel-container {\n  margin-left: 4px;\n  user-select: none;\n}\n.igv-navbar .igv-navbar-right-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 32px;\n  line-height: 32px;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container div {\n  margin-left: 0;\n  margin-right: 4px;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container div:last-child {\n  margin-left: 0;\n  margin-right: 0;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container-750 {\n  display: none;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget {\n  color: #737373;\n  font-size: 18px;\n  height: 32px;\n  line-height: 32px;\n  margin-left: 8px;\n  user-select: none;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div {\n  cursor: pointer;\n  margin-left: unset;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div:first-child {\n  height: 24px;\n  width: 24px;\n  margin-left: unset;\n  margin-right: 8px;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div:last-child {\n  height: 24px;\n  width: 24px;\n  margin-left: 8px;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div:nth-child(even) {\n  display: block;\n  height: fit-content;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget input {\n  display: block;\n  width: 125px;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget svg {\n  display: block;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 {\n  color: #737373;\n  font-size: 18px;\n  height: 32px;\n  line-height: 32px;\n  margin-left: 8px;\n  user-select: none;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div {\n  cursor: pointer;\n  margin-left: unset;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div:first-child {\n  height: 24px;\n  width: 24px;\n  margin-left: unset;\n  margin-right: 8px;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div:last-child {\n  height: 24px;\n  width: 24px;\n  margin-left: 8px;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div:nth-child(even) {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 input {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 svg {\n  display: block;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-hidden {\n  display: none;\n}\n\n.igv-navbar-button {\n  display: block;\n  box-sizing: unset;\n  padding-left: 6px;\n  padding-right: 6px;\n  height: 18px;\n  text-transform: capitalize;\n  user-select: none;\n  line-height: 18px;\n  text-align: center;\n  vertical-align: middle;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 11px;\n  font-weight: 200;\n  color: #737373;\n  background-color: #f3f3f3;\n  border-color: #737373;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 6px;\n}\n\n.igv-navbar-button-clicked {\n  color: white;\n  background-color: #737373;\n}\n\n.igv-navbar-button:hover {\n  cursor: pointer;\n}\n\n.igv-zoom-in-notice-container {\n  z-index: 1024;\n  position: absolute;\n  top: 8px;\n  left: 50%;\n  transform: translate(-50%, 0%);\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n}\n.igv-zoom-in-notice-container > div {\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 2px;\n  padding-bottom: 2px;\n  width: 100%;\n  height: 100%;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #3f3f3f;\n}\n\n.igv-zoom-in-notice {\n  position: absolute;\n  top: 10px;\n  left: 50%;\n}\n.igv-zoom-in-notice div {\n  position: relative;\n  left: -50%;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  color: #3f3f3f;\n  background-color: rgba(255, 255, 255, 0.51);\n  z-index: 64;\n}\n\n.igv-container-spinner {\n  position: absolute;\n  top: 90%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1024;\n  width: 24px;\n  height: 24px;\n  pointer-events: none;\n  color: #737373;\n}\n\n.igv-multi-locus-close-button {\n  position: absolute;\n  top: 2px;\n  right: 0;\n  padding-left: 2px;\n  padding-right: 2px;\n  width: 18px;\n  height: 18px;\n  color: #666666;\n  background-color: white;\n  z-index: 1000;\n}\n.igv-multi-locus-close-button > svg {\n  vertical-align: top;\n}\n\n.igv-multi-locus-close-button:hover {\n  cursor: pointer;\n  color: #434343;\n}\n\n.igv-multi-locus-ruler-label {\n  z-index: 64;\n  position: absolute;\n  top: 2px;\n  left: 0;\n  width: 100%;\n  height: 14px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.igv-multi-locus-ruler-label div {\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(16, 16, 16);\n  background-color: white;\n}\n\n.igv-multi-locus-ruler-label-square-dot {\n  z-index: 64;\n  position: absolute;\n  left: 50%;\n  top: 5%;\n  transform: translate(-50%, 0%);\n  background-color: white;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-multi-locus-ruler-label-square-dot > div:first-child {\n  width: 14px;\n  height: 14px;\n}\n.igv-multi-locus-ruler-label-square-dot > div:last-child {\n  margin-left: 16px;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(16, 16, 16);\n}\n\n.igv-multi-locus-ruler-label:hover {\n  cursor: pointer;\n}\n\n.igv-ruler-sweeper {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  top: 26px;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  z-index: 99999;\n  background-color: rgba(68, 134, 247, 0.25);\n}\n\n.igv-ruler-tooltip {\n  pointer-events: none;\n  z-index: 128;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 32px;\n  background-color: transparent;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-ruler-tooltip > div {\n  pointer-events: none;\n  width: 128px;\n  height: auto;\n  padding: 1px;\n  color: #373737;\n  font-size: 10px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  background-color: white;\n  border-style: solid;\n  border-width: thin;\n  border-color: #373737;\n}\n\n.igv-track-label {\n  position: absolute;\n  left: 8px;\n  top: 8px;\n  width: auto;\n  height: auto;\n  max-width: 200px;\n  padding-left: 4px;\n  padding-right: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: small;\n  font-weight: 400;\n  text-align: center;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  border-color: #444;\n  border-radius: 2px;\n  border-style: solid;\n  border-width: thin;\n  background-color: white;\n  z-index: 128;\n  cursor: pointer;\n}\n\n.igv-track-label:hover,\n.igv-track-label:focus,\n.igv-track-label:active {\n  background-color: #e8e8e8;\n}\n\n.igv-track-label-popup-shim {\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 4px;\n}\n\n.igv-center-line {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 8;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  border-left-style: dashed;\n  border-left-width: thin;\n  border-right-style: dashed;\n  border-right-width: thin;\n}\n\n.igv-center-line-wide {\n  background-color: rgba(0, 0, 0, 0);\n  border-left-color: rgba(127, 127, 127, 0.51);\n  border-right-color: rgba(127, 127, 127, 0.51);\n}\n\n.igv-center-line-thin {\n  background-color: rgba(0, 0, 0, 0);\n  border-left-color: rgba(127, 127, 127, 0.51);\n  border-right-color: rgba(0, 0, 0, 0);\n}\n\n.igv-cursor-guide-horizontal {\n  display: none;\n  pointer-events: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 50%;\n  height: 1px;\n  z-index: 1;\n  margin-left: 50px;\n  margin-right: 54px;\n  border-top-style: dotted;\n  border-top-width: thin;\n  border-top-color: rgba(127, 127, 127, 0.76);\n}\n\n.igv-cursor-guide-vertical {\n  pointer-events: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 1px;\n  z-index: 1;\n  border-left-style: dotted;\n  border-left-width: thin;\n  border-left-color: rgba(127, 127, 127, 0.76);\n  display: none;\n}\n\n.igv-user-feedback {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 512px;\n  height: 360px;\n  z-index: 2048;\n  background-color: white;\n  border-color: #a2a2a2;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  color: #444;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-user-feedback div:first-child {\n  position: relative;\n  height: 24px;\n  width: 100%;\n  background-color: white;\n  border-bottom-color: #a2a2a2;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-user-feedback div:first-child div {\n  position: absolute;\n  top: 2px;\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n}\n.igv-user-feedback div:first-child div:first-child {\n  left: 8px;\n}\n.igv-user-feedback div:first-child div:last-child {\n  cursor: pointer;\n  right: 8px;\n}\n.igv-user-feedback div:last-child {\n  width: 100%;\n  height: calc(100% - 24px);\n  border-width: 0;\n}\n.igv-user-feedback div:last-child div {\n  width: auto;\n  height: auto;\n  margin: 8px;\n}\n\n.igv-generic-dialog-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 300px;\n  height: 200px;\n  border-color: #7F7F7F;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  z-index: 2048;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-header {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n  width: 100%;\n  height: 24px;\n  cursor: move;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-color: #7F7F7F;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n}\n.igv-generic-dialog-container .igv-generic-dialog-header div {\n  margin-right: 4px;\n  margin-bottom: 2px;\n  height: 12px;\n  width: 12px;\n  color: #7F7F7F;\n}\n.igv-generic-dialog-container .igv-generic-dialog-header div:hover {\n  cursor: pointer;\n  color: #444;\n}\n.igv-generic-dialog-container .igv-generic-dialog-one-liner {\n  color: #373737;\n  width: 95%;\n  height: 24px;\n  line-height: 24px;\n  text-align: left;\n  margin-top: 8px;\n  padding-left: 8px;\n  overflow-wrap: break-word;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input {\n  margin-top: 8px;\n  width: 95%;\n  height: 24px;\n  color: #373737;\n  line-height: 24px;\n  padding-left: 8px;\n  background-color: white;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input div {\n  width: 30%;\n  height: 100%;\n  font-size: 16px;\n  text-align: right;\n  padding-right: 8px;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input input {\n  display: block;\n  height: 100%;\n  width: 100%;\n  padding-left: 4px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  color: #373737;\n  text-align: left;\n  outline: none;\n  border-style: solid;\n  border-width: thin;\n  border-color: #7F7F7F;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input input {\n  width: 50%;\n  font-size: 16px;\n}\n.igv-generic-dialog-container .igv-generic-dialog-input {\n  margin-top: 8px;\n  width: calc(100% - 16px);\n  height: 24px;\n  color: #373737;\n  line-height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-input input {\n  display: block;\n  height: 100%;\n  width: 100%;\n  padding-left: 4px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  color: #373737;\n  text-align: left;\n  outline: none;\n  border-style: solid;\n  border-width: thin;\n  border-color: #7F7F7F;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-input input {\n  font-size: 16px;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel {\n  width: 100%;\n  height: 28px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div {\n  margin-top: 32px;\n  color: white;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  width: 75px;\n  height: 28px;\n  line-height: 28px;\n  text-align: center;\n  border-color: transparent;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 2px;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:first-child {\n  margin-left: 32px;\n  margin-right: 0;\n  background-color: #5ea4e0;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:last-child {\n  margin-left: 0;\n  margin-right: 32px;\n  background-color: #c4c4c4;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:first-child:hover {\n  cursor: pointer;\n  background-color: #3b5c7f;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:last-child:hover {\n  cursor: pointer;\n  background-color: #7f7f7f;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok {\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok div {\n  width: 98px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n  color: white;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  border-color: white;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 4px;\n  background-color: #2B81AF;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok div:hover {\n  cursor: pointer;\n  background-color: #25597f;\n}\n\n.igv-generic-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2048;\n  background-color: white;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-generic-container div:first-child {\n  cursor: move;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n  height: 24px;\n  width: 100%;\n  background-color: #dddddd;\n}\n.igv-generic-container div:first-child i {\n  display: block;\n  color: #5f5f5f;\n  cursor: pointer;\n  width: 14px;\n  height: 14px;\n  margin-right: 8px;\n  margin-bottom: 4px;\n}\n\n.igv-menu-popup {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: max-content;\n  z-index: 4096;\n  cursor: pointer;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: small;\n  font-weight: 400;\n  color: #4b4b4b;\n  background: white;\n  border-radius: 4px;\n  border-color: #7F7F7F;\n  border-style: solid;\n  border-width: thin;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-end;\n  text-align: left;\n}\n.igv-menu-popup > div:not(:first-child) {\n  width: 100%;\n}\n.igv-menu-popup > div:not(:first-child) > div {\n  background: white;\n}\n.igv-menu-popup > div:not(:first-child) > div.context-menu {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n.igv-menu-popup > div:not(:first-child) > div:last-child {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-color: transparent;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-menu-popup > div:not(:first-child) > div:hover {\n  background: #efefef;\n}\n\n.igv-menu-popup-shim {\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-bottom: 1px;\n  padding-top: 1px;\n}\n\n.igv-menu-popup-header {\n  position: relative;\n  width: 100%;\n  height: 24px;\n  cursor: move;\n  border-top-color: transparent;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-color: #7F7F7F;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n}\n.igv-menu-popup-header div {\n  margin-right: 4px;\n  height: 12px;\n  width: 12px;\n  color: #7F7F7F;\n}\n.igv-menu-popup-header div:hover {\n  cursor: pointer;\n  color: #444;\n}\n\n.igv-menu-popup-check-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 20px;\n  margin-right: 4px;\n  background-color: transparent;\n}\n.igv-menu-popup-check-container div {\n  padding-top: 2px;\n  padding-left: 8px;\n}\n.igv-menu-popup-check-container div:first-child {\n  position: relative;\n  width: 12px;\n  height: 12px;\n}\n.igv-menu-popup-check-container div:first-child svg {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n}\n\n.igv-user-feedback {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 512px;\n  height: 360px;\n  z-index: 2048;\n  background-color: white;\n  border-color: #a2a2a2;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  color: #444;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-user-feedback div:first-child {\n  position: relative;\n  height: 24px;\n  width: 100%;\n  background-color: white;\n  border-bottom-color: #a2a2a2;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-user-feedback div:first-child div {\n  position: absolute;\n  top: 2px;\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n}\n.igv-user-feedback div:first-child div:first-child {\n  left: 8px;\n}\n.igv-user-feedback div:first-child div:last-child {\n  cursor: pointer;\n  right: 8px;\n}\n.igv-user-feedback div:last-child {\n  width: 100%;\n  height: calc(100% - 24px);\n  border-width: 0;\n}\n.igv-user-feedback div:last-child div {\n  width: auto;\n  height: auto;\n  margin: 8px;\n}\n\n.igv-loading-spinner-container {\n  z-index: 1024;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 32px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.igv-loading-spinner-container > div {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  border: 4px solid rgba(128, 128, 128, 0.5);\n  border-top-color: rgb(255, 255, 255);\n  animation: spin 1s ease-in-out infinite;\n  -webkit-animation: spin 1s ease-in-out infinite;\n}\n\n@keyframes spin {\n  to {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-webkit-keyframes spin {\n  to {\n    -webkit-transform: rotate(360deg);\n\n    transform: rotate(360deg); } }\n.igv-roi-menu-next-gen {\n  position: absolute;\n  z-index: 512;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: small;\n  font-weight: 400;\n  color: #4b4b4b;\n  background-color: white;\n  width: 192px;\n  border-radius: 4px;\n  border-color: #7F7F7F;\n  border-style: solid;\n  border-width: thin;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch; }\n  .igv-roi-menu-next-gen > div:first-child {\n    height: 24px;\n    border-top-color: transparent;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    border-bottom-color: #7F7F7F;\n    border-bottom-style: solid;\n    border-bottom-width: thin;\n    background-color: #eee;\n    display: flex;\n    flex-flow: row;\n    flex-wrap: nowrap;\n    justify-content: flex-end;\n    align-items: center; }\n    .igv-roi-menu-next-gen > div:first-child > div {\n      margin-right: 4px;\n      height: 12px;\n      width: 12px;\n      color: #7F7F7F; }\n    .igv-roi-menu-next-gen > div:first-child > div:hover {\n      cursor: pointer;\n      color: #444; }\n  .igv-roi-menu-next-gen > div:last-child {\n    background-color: white;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    border-bottom-color: transparent;\n    border-bottom-style: solid;\n    border-bottom-width: 0;\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: stretch;\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer; }\n    .igv-roi-menu-next-gen > div:last-child > div {\n      height: 24px;\n      padding-left: 4px;\n      border-bottom-style: solid;\n      border-bottom-width: thin;\n      border-bottom-color: #7f7f7f; }\n    .igv-roi-menu-next-gen > div:last-child > div:not(:first-child):hover {\n      background-color: rgba(127, 127, 127, 0.1); }\n    .igv-roi-menu-next-gen > div:last-child div:first-child {\n      cursor: default;\n      font-style: italic;\n      text-align: center;\n      padding-right: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis; }\n    .igv-roi-menu-next-gen > div:last-child > div:last-child {\n      border-bottom-width: 0;\n      border-bottom-color: transparent; }\n\n.igv-roi-placeholder {\n  font-style: normal;\n  color: rgba(75, 75, 75, 0.6); }\n\n\n.igv-roi-table {\n  position: absolute;\n  z-index: 1024;\n  width: fit-content;\n  border-color: #7f7f7f;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table > div {\n  height: 24px;\n  font-size: 14px;\n  text-align: start;\n  vertical-align: middle;\n  line-height: 24px;\n}\n.igv-roi-table > div:first-child {\n  border-color: transparent;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-top-width: 0;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n  cursor: move;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.igv-roi-table > div:first-child > div:first-child {\n  text-align: center;\n  width: calc(100% - 4px - 12px);\n}\n.igv-roi-table > div:first-child > div:last-child {\n  margin-right: 4px;\n  margin-bottom: 2px;\n  height: 12px;\n  width: 12px;\n  color: #7f7f7f;\n}\n.igv-roi-table > div:first-child > div:last-child > svg {\n  display: block;\n}\n.igv-roi-table > div:first-child > div:last-child:hover {\n  cursor: pointer;\n  color: #444;\n}\n.igv-roi-table > .igv-roi-table-column-titles {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n  padding-right: 16px;\n  background-color: white;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(1) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(2) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(3) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(4) {\n  width: 30%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(5) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-row-container {\n  resize: both;\n  overflow: scroll;\n  min-width: 512px;\n  min-height: 72px;\n  height: 144px;\n  max-height: 480px;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(1) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(2) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(3) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(4) {\n  width: 30%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(5) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row-hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.igv-roi-table > div:last-child {\n  height: 32px;\n  line-height: 32px;\n  border-top-color: #7f7f7f;\n  border-top-style: solid;\n  border-top-width: thin;\n  border-bottom-color: transparent;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-width: 0;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n\n.igv-roi-table-four-column {\n  position: absolute;\n  z-index: 1024;\n  width: fit-content;\n  border-color: #7f7f7f;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table-four-column > div {\n  height: 24px;\n  font-size: 14px;\n  text-align: start;\n  vertical-align: middle;\n  line-height: 24px;\n}\n.igv-roi-table-four-column > div:first-child {\n  border-color: transparent;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-top-width: 0;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n  cursor: move;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.igv-roi-table-four-column > div:first-child > div:first-child {\n  text-align: center;\n  width: calc(100% - 4px - 12px);\n}\n.igv-roi-table-four-column > div:first-child > div:last-child {\n  margin-right: 4px;\n  margin-bottom: 2px;\n  height: 12px;\n  width: 12px;\n  color: #7f7f7f;\n}\n.igv-roi-table-four-column > div:first-child > div:last-child > svg {\n  display: block;\n}\n.igv-roi-table-four-column > div:first-child > div:last-child:hover {\n  cursor: pointer;\n  color: #444;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n  padding-right: 16px;\n  background-color: white;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(1) {\n  width: 25%;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(2) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(3) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(4) {\n  width: 35%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container {\n  resize: both;\n  overflow: scroll;\n  min-width: 512px;\n  min-height: 72px;\n  height: 144px;\n  max-height: 480px;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(1) {\n  width: 25%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(2) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(3) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(4) {\n  width: 35%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row-hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.igv-roi-table-four-column > div:last-child {\n  height: 32px;\n  line-height: 32px;\n  border-top-color: #7f7f7f;\n  border-top-style: solid;\n  border-top-width: thin;\n  border-bottom-color: transparent;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-width: 0;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n\n.igv-roi-table-row-selected {\n  background-color: rgba(0, 0, 0, 0.125);\n}\n\n.igv-roi-table-button {\n  height: 20px;\n  user-select: none;\n  line-height: 20px;\n  text-align: center;\n  vertical-align: middle;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  color: black;\n  padding-left: 6px;\n  padding-right: 6px;\n  background-color: rgb(239, 239, 239);\n  border-color: black;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 3px;\n}\n\n.igv-roi-table-button:hover {\n  cursor: pointer;\n  font-weight: 400;\n  background-color: rgba(0, 0, 0, 0.13);\n}\n\n.igv-roi-region {\n  z-index: 64;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: visible;\n  margin-top: 44px;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-region > div {\n  position: relative;\n  width: 100%;\n  height: 8px;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.igv-roi-menu {\n  position: absolute;\n  z-index: 1024;\n  width: 144px;\n  border-color: #7f7f7f;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-menu > div:not(:last-child) {\n  border-bottom-color: rgba(128, 128, 128, 0.5);\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-roi-menu > div:first-child {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-top-color: transparent;\n  border-top-style: solid;\n  border-top-width: 0;\n}\n.igv-roi-menu > div:last-child {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-color: transparent;\n  border-bottom-style: solid;\n  border-bottom-width: 0;\n}\n\n.igv-roi-menu-row {\n  height: 24px;\n  padding-left: 8px;\n  font-size: small;\n  text-align: start;\n  vertical-align: middle;\n  line-height: 24px;\n  background-color: white;\n}\n\n.igv-roi-menu-row-edit-description {\n  width: -webkit-fill-available;\n  font-size: small;\n  text-align: start;\n  vertical-align: middle;\n  background-color: white;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-bottom: 4px;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n}\n.igv-roi-menu-row-edit-description > label {\n  margin-left: 2px;\n  margin-bottom: 0;\n  display: block;\n  width: -webkit-fill-available;\n}\n.igv-roi-menu-row-edit-description > input {\n  display: block;\n  margin-left: 2px;\n  margin-right: 2px;\n  margin-bottom: 1px;\n  width: -webkit-fill-available;\n}\n\n.igv-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-top: 4px;\n  user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.igv-viewport {\n  position: relative;\n  margin-top: 5px;\n  overflow-x: hidden;\n  overflow-y: hidden;\n}\n\n.igv-viewport-content {\n  position: relative;\n  width: 100%;\n}\n.igv-viewport-content > canvas {\n  position: relative;\n  display: block;\n}\n\n.igv-column-container {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 100%;\n}\n\n.igv-column-shim {\n  width: 1px;\n  margin-left: 2px;\n  margin-right: 2px;\n  background-color: #545453;\n}\n\n.igv-column {\n  position: relative;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n}\n\n.igv-axis-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 50px;\n}\n.igv-axis-column > div {\n  margin-top: 5px;\n  width: 100%;\n}\n\n.igv-sample-name-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n}\n\n.igv-scrollbar-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 14px;\n}\n.igv-scrollbar-column > div {\n  position: relative;\n  margin-top: 5px;\n  width: 14px;\n}\n.igv-scrollbar-column > div > div {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 2px;\n  width: 8px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #c4c4c4;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.igv-scrollbar-column > div > div:hover {\n  background-color: #c4c4c4;\n}\n\n.igv-track-drag-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 12px;\n  background-color: white;\n}\n.igv-track-drag-column > .igv-track-drag-handle {\n  z-index: 512;\n  position: relative;\n  cursor: pointer;\n  margin-top: 5px;\n  width: 100%;\n  border-style: solid;\n  border-width: 0;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n  background-color: #c4c4c4;\n}\n.igv-track-drag-column .igv-track-drag-handle-hover {\n  background-color: #787878;\n}\n.igv-track-drag-column > .igv-track-drag-shim {\n  position: relative;\n  margin-top: 5px;\n  width: 100%;\n  border-style: solid;\n  border-width: 0;\n}\n\n.igv-gear-menu-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 28px;\n}\n.igv-gear-menu-column > div {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 5px;\n  width: 100%;\n  background: white;\n}\n.igv-gear-menu-column > div > div {\n  position: relative;\n  margin-top: 4px;\n  width: 16px;\n  height: 16px;\n  color: #7F7F7F;\n}\n.igv-gear-menu-column > div > div:hover {\n  cursor: pointer;\n  color: #444;\n}\n\n/*# sourceMappingURL=dom.css.map */\n';
+      var css = '.igv-navbar {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  color: #444;\n  font-size: 12px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  line-height: 32px;\n  padding-left: 8px;\n  padding-right: 8px;\n  margin-top: 2px;\n  margin-bottom: 6px;\n  height: 32px;\n  border-style: solid;\n  border-radius: 3px;\n  border-width: thin;\n  border-color: #bfbfbf;\n  background-color: #f3f3f3;\n}\n.igv-navbar .igv-navbar-left-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 32px;\n  line-height: 32px;\n}\n.igv-navbar .igv-navbar-left-container .igv-logo {\n  width: 34px;\n  height: 32px;\n  margin-right: 8px;\n}\n.igv-navbar .igv-navbar-left-container .igv-current-genome {\n  height: 32px;\n  margin-left: 4px;\n  margin-right: 4px;\n  user-select: none;\n  line-height: 32px;\n  vertical-align: middle;\n  text-align: center;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-chromosome-select-widget-container {\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n  height: 100%;\n  width: 125px;\n  margin-right: 4px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-chromosome-select-widget-container select {\n  display: block;\n  cursor: pointer;\n  width: 100px;\n  height: 75%;\n  outline: none;\n  font-size: 12px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  margin-left: 8px;\n  height: 22px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-search-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  width: 210px;\n  height: 22px;\n  line-height: 22px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-search-container input.igv-search-input {\n  cursor: text;\n  width: 85%;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  text-align: left;\n  padding-left: 8px;\n  margin-right: 8px;\n  outline: none;\n  border-style: solid;\n  border-radius: 3px;\n  border-width: thin;\n  border-color: #bfbfbf;\n  background-color: white;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-search-container .igv-search-icon-container {\n  cursor: pointer;\n  height: 16px;\n  width: 16px;\n}\n.igv-navbar .igv-navbar-left-container .igv-navbar-genomic-location .igv-locus-size-group .igv-windowsize-panel-container {\n  margin-left: 4px;\n  user-select: none;\n}\n.igv-navbar .igv-navbar-right-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 32px;\n  line-height: 32px;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container div {\n  margin-left: 0;\n  margin-right: 4px;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container div:last-child {\n  margin-left: 0;\n  margin-right: 0;\n}\n.igv-navbar .igv-navbar-right-container .igv-navbar-toggle-button-container-750 {\n  display: none;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget {\n  color: #737373;\n  font-size: 18px;\n  height: 32px;\n  line-height: 32px;\n  margin-left: 8px;\n  user-select: none;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div {\n  cursor: pointer;\n  margin-left: unset;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div:first-child {\n  height: 24px;\n  width: 24px;\n  margin-left: unset;\n  margin-right: 8px;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div:last-child {\n  height: 24px;\n  width: 24px;\n  margin-left: 8px;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget div:nth-child(even) {\n  display: block;\n  height: fit-content;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget input {\n  display: block;\n  width: 125px;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget svg {\n  display: block;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 {\n  color: #737373;\n  font-size: 18px;\n  height: 32px;\n  line-height: 32px;\n  margin-left: 8px;\n  user-select: none;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div {\n  cursor: pointer;\n  margin-left: unset;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div:first-child {\n  height: 24px;\n  width: 24px;\n  margin-left: unset;\n  margin-right: 8px;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div:last-child {\n  height: 24px;\n  width: 24px;\n  margin-left: 8px;\n  margin-right: unset;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 div:nth-child(even) {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 input {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-900 svg {\n  display: block;\n}\n.igv-navbar .igv-navbar-right-container .igv-zoom-widget-hidden {\n  display: none;\n}\n\n.igv-navbar-button {\n  display: block;\n  box-sizing: unset;\n  padding-left: 6px;\n  padding-right: 6px;\n  height: 18px;\n  text-transform: capitalize;\n  user-select: none;\n  line-height: 18px;\n  text-align: center;\n  vertical-align: middle;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 11px;\n  font-weight: 200;\n  color: #737373;\n  background-color: #f3f3f3;\n  border-color: #737373;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 6px;\n}\n\n.igv-navbar-button-clicked {\n  color: white;\n  background-color: #737373;\n}\n\n.igv-navbar-button:hover {\n  cursor: pointer;\n}\n\n.igv-zoom-in-notice-container {\n  z-index: 1024;\n  position: absolute;\n  top: 8px;\n  left: 50%;\n  transform: translate(-50%, 0%);\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n}\n.igv-zoom-in-notice-container > div {\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 2px;\n  padding-bottom: 2px;\n  width: 100%;\n  height: 100%;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #3f3f3f;\n}\n\n.igv-zoom-in-notice {\n  position: absolute;\n  top: 10px;\n  left: 50%;\n}\n.igv-zoom-in-notice div {\n  position: relative;\n  left: -50%;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  color: #3f3f3f;\n  background-color: rgba(255, 255, 255, 0.51);\n  z-index: 64;\n}\n\n.igv-container-spinner {\n  position: absolute;\n  top: 90%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1024;\n  width: 24px;\n  height: 24px;\n  pointer-events: none;\n  color: #737373;\n}\n\n.igv-multi-locus-close-button {\n  position: absolute;\n  top: 2px;\n  right: 0;\n  padding-left: 2px;\n  padding-right: 2px;\n  width: 18px;\n  height: 18px;\n  color: #666666;\n  background-color: white;\n  z-index: 1000;\n}\n.igv-multi-locus-close-button > svg {\n  vertical-align: top;\n}\n\n.igv-multi-locus-close-button:hover {\n  cursor: pointer;\n  color: #434343;\n}\n\n.igv-multi-locus-ruler-label {\n  z-index: 64;\n  position: absolute;\n  top: 2px;\n  left: 0;\n  width: 100%;\n  height: 14px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.igv-multi-locus-ruler-label div {\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(16, 16, 16);\n  background-color: white;\n}\n\n.igv-multi-locus-ruler-label-square-dot {\n  z-index: 64;\n  position: absolute;\n  left: 50%;\n  top: 5%;\n  transform: translate(-50%, 0%);\n  background-color: white;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-multi-locus-ruler-label-square-dot > div:first-child {\n  width: 14px;\n  height: 14px;\n}\n.igv-multi-locus-ruler-label-square-dot > div:last-child {\n  margin-left: 16px;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(16, 16, 16);\n}\n\n.igv-multi-locus-ruler-label:hover {\n  cursor: pointer;\n}\n\n.igv-ruler-sweeper {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  top: 26px;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  z-index: 99999;\n  background-color: rgba(68, 134, 247, 0.25);\n}\n\n.igv-ruler-tooltip {\n  pointer-events: none;\n  z-index: 128;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 32px;\n  background-color: transparent;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-ruler-tooltip > div {\n  pointer-events: none;\n  width: 128px;\n  height: auto;\n  padding: 1px;\n  color: #373737;\n  font-size: 10px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  background-color: white;\n  border-style: solid;\n  border-width: thin;\n  border-color: #373737;\n}\n\n.igv-track-label {\n  position: absolute;\n  left: 8px;\n  top: 8px;\n  width: auto;\n  height: auto;\n  max-width: 200px;\n  padding-left: 4px;\n  padding-right: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: small;\n  font-weight: 400;\n  text-align: center;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  border-color: #444;\n  border-radius: 2px;\n  border-style: solid;\n  border-width: thin;\n  background-color: white;\n  z-index: 128;\n  cursor: pointer;\n}\n\n.igv-track-label:hover,\n.igv-track-label:focus,\n.igv-track-label:active {\n  background-color: #e8e8e8;\n}\n\n.igv-track-label-popup-shim {\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 4px;\n}\n\n.igv-center-line {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 8;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  border-left-style: dashed;\n  border-left-width: thin;\n  border-right-style: dashed;\n  border-right-width: thin;\n}\n\n.igv-center-line-wide {\n  background-color: rgba(0, 0, 0, 0);\n  border-left-color: rgba(127, 127, 127, 0.51);\n  border-right-color: rgba(127, 127, 127, 0.51);\n}\n\n.igv-center-line-thin {\n  background-color: rgba(0, 0, 0, 0);\n  border-left-color: rgba(127, 127, 127, 0.51);\n  border-right-color: rgba(0, 0, 0, 0);\n}\n\n.igv-cursor-guide-horizontal {\n  display: none;\n  pointer-events: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 50%;\n  height: 1px;\n  z-index: 1;\n  margin-left: 50px;\n  margin-right: 54px;\n  border-top-style: dotted;\n  border-top-width: thin;\n  border-top-color: rgba(127, 127, 127, 0.76);\n}\n\n.igv-cursor-guide-vertical {\n  pointer-events: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 1px;\n  z-index: 1;\n  border-left-style: dotted;\n  border-left-width: thin;\n  border-left-color: rgba(127, 127, 127, 0.76);\n  display: none;\n}\n\n.igv-user-feedback {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 512px;\n  height: 360px;\n  z-index: 2048;\n  background-color: white;\n  border-color: #a2a2a2;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  color: #444;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-user-feedback div:first-child {\n  position: relative;\n  height: 24px;\n  width: 100%;\n  background-color: white;\n  border-bottom-color: #a2a2a2;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-user-feedback div:first-child div {\n  position: absolute;\n  top: 2px;\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n}\n.igv-user-feedback div:first-child div:first-child {\n  left: 8px;\n}\n.igv-user-feedback div:first-child div:last-child {\n  cursor: pointer;\n  right: 8px;\n}\n.igv-user-feedback div:last-child {\n  width: 100%;\n  height: calc(100% - 24px);\n  border-width: 0;\n}\n.igv-user-feedback div:last-child div {\n  width: auto;\n  height: auto;\n  margin: 8px;\n}\n\n.igv-generic-dialog-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 300px;\n  height: 200px;\n  border-color: #7F7F7F;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  z-index: 2048;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-header {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n  width: 100%;\n  height: 24px;\n  cursor: move;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-color: #7F7F7F;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n}\n.igv-generic-dialog-container .igv-generic-dialog-header div {\n  margin-right: 4px;\n  margin-bottom: 2px;\n  height: 12px;\n  width: 12px;\n  color: #7F7F7F;\n}\n.igv-generic-dialog-container .igv-generic-dialog-header div:hover {\n  cursor: pointer;\n  color: #444;\n}\n.igv-generic-dialog-container .igv-generic-dialog-one-liner {\n  color: #373737;\n  width: 95%;\n  height: 24px;\n  line-height: 24px;\n  text-align: left;\n  margin-top: 8px;\n  padding-left: 8px;\n  overflow-wrap: break-word;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input {\n  margin-top: 8px;\n  width: 95%;\n  height: 24px;\n  color: #373737;\n  line-height: 24px;\n  padding-left: 8px;\n  background-color: white;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input div {\n  width: 30%;\n  height: 100%;\n  font-size: 16px;\n  text-align: right;\n  padding-right: 8px;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input input {\n  display: block;\n  height: 100%;\n  width: 100%;\n  padding-left: 4px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  color: #373737;\n  text-align: left;\n  outline: none;\n  border-style: solid;\n  border-width: thin;\n  border-color: #7F7F7F;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-label-input input {\n  width: 50%;\n  font-size: 16px;\n}\n.igv-generic-dialog-container .igv-generic-dialog-input {\n  margin-top: 8px;\n  width: calc(100% - 16px);\n  height: 24px;\n  color: #373737;\n  line-height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-input input {\n  display: block;\n  height: 100%;\n  width: 100%;\n  padding-left: 4px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 400;\n  color: #373737;\n  text-align: left;\n  outline: none;\n  border-style: solid;\n  border-width: thin;\n  border-color: #7F7F7F;\n  background-color: white;\n}\n.igv-generic-dialog-container .igv-generic-dialog-input input {\n  font-size: 16px;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel {\n  width: 100%;\n  height: 28px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div {\n  margin-top: 32px;\n  color: white;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  width: 75px;\n  height: 28px;\n  line-height: 28px;\n  text-align: center;\n  border-color: transparent;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 2px;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:first-child {\n  margin-left: 32px;\n  margin-right: 0;\n  background-color: #5ea4e0;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:last-child {\n  margin-left: 0;\n  margin-right: 32px;\n  background-color: #c4c4c4;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:first-child:hover {\n  cursor: pointer;\n  background-color: #3b5c7f;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok-cancel div:last-child:hover {\n  cursor: pointer;\n  background-color: #7f7f7f;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok {\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok div {\n  width: 98px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n  color: white;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  border-color: white;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 4px;\n  background-color: #2B81AF;\n}\n.igv-generic-dialog-container .igv-generic-dialog-ok div:hover {\n  cursor: pointer;\n  background-color: #25597f;\n}\n\n.igv-generic-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2048;\n  background-color: white;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-generic-container div:first-child {\n  cursor: move;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n  height: 24px;\n  width: 100%;\n  background-color: #dddddd;\n}\n.igv-generic-container div:first-child i {\n  display: block;\n  color: #5f5f5f;\n  cursor: pointer;\n  width: 14px;\n  height: 14px;\n  margin-right: 8px;\n  margin-bottom: 4px;\n}\n\n.igv-menu-popup {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: max-content;\n  z-index: 4096;\n  cursor: pointer;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: small;\n  font-weight: 400;\n  color: #4b4b4b;\n  background: white;\n  border-radius: 4px;\n  border-color: #7F7F7F;\n  border-style: solid;\n  border-width: thin;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-end;\n  text-align: left;\n}\n.igv-menu-popup > div:not(:first-child) {\n  width: 100%;\n}\n.igv-menu-popup > div:not(:first-child) > div {\n  background: white;\n}\n.igv-menu-popup > div:not(:first-child) > div.context-menu {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n.igv-menu-popup > div:not(:first-child) > div:last-child {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-color: transparent;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-menu-popup > div:not(:first-child) > div:hover {\n  background: #efefef;\n}\n\n.igv-menu-popup-shim {\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-bottom: 1px;\n  padding-top: 1px;\n}\n\n.igv-menu-popup-header {\n  position: relative;\n  width: 100%;\n  height: 24px;\n  cursor: move;\n  border-top-color: transparent;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-color: #7F7F7F;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n}\n.igv-menu-popup-header div {\n  margin-right: 4px;\n  height: 12px;\n  width: 12px;\n  color: #7F7F7F;\n}\n.igv-menu-popup-header div:hover {\n  cursor: pointer;\n  color: #444;\n}\n\n.igv-menu-popup-check-container {\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 20px;\n  margin-right: 4px;\n  background-color: transparent;\n}\n.igv-menu-popup-check-container div {\n  padding-top: 2px;\n  padding-left: 8px;\n}\n.igv-menu-popup-check-container div:first-child {\n  position: relative;\n  width: 12px;\n  height: 12px;\n}\n.igv-menu-popup-check-container div:first-child svg {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n}\n\n.igv-user-feedback {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 512px;\n  height: 360px;\n  z-index: 2048;\n  background-color: white;\n  border-color: #a2a2a2;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  color: #444;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.igv-user-feedback div:first-child {\n  position: relative;\n  height: 24px;\n  width: 100%;\n  background-color: white;\n  border-bottom-color: #a2a2a2;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-user-feedback div:first-child div {\n  position: absolute;\n  top: 2px;\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n}\n.igv-user-feedback div:first-child div:first-child {\n  left: 8px;\n}\n.igv-user-feedback div:first-child div:last-child {\n  cursor: pointer;\n  right: 8px;\n}\n.igv-user-feedback div:last-child {\n  width: 100%;\n  height: calc(100% - 24px);\n  border-width: 0;\n}\n.igv-user-feedback div:last-child div {\n  width: auto;\n  height: auto;\n  margin: 8px;\n}\n\n.igv-loading-spinner-container {\n  z-index: 1024;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 32px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.igv-loading-spinner-container > div {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  border: 4px solid rgba(128, 128, 128, 0.5);\n  border-top-color: rgb(255, 255, 255);\n  animation: spin 1s ease-in-out infinite;\n  -webkit-animation: spin 1s ease-in-out infinite;\n}\n\n@keyframes spin {\n  to {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-webkit-keyframes spin {\n  to {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n.igv-roi-menu-next-gen {\n  position: absolute;\n  z-index: 512;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: small;\n  font-weight: 400;\n  color: #4b4b4b;\n  background-color: white;\n  width: 192px;\n  border-radius: 4px;\n  border-color: #7F7F7F;\n  border-style: solid;\n  border-width: thin;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-menu-next-gen > div:first-child {\n  height: 24px;\n  border-top-color: transparent;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-color: #7F7F7F;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  align-items: center;\n}\n.igv-roi-menu-next-gen > div:first-child > div {\n  margin-right: 4px;\n  height: 12px;\n  width: 12px;\n  color: #7F7F7F;\n}\n.igv-roi-menu-next-gen > div:first-child > div:hover {\n  cursor: pointer;\n  color: #444;\n}\n.igv-roi-menu-next-gen > div:last-child {\n  background-color: white;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-color: transparent;\n  border-bottom-style: solid;\n  border-bottom-width: 0;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n  text-align: start;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.igv-roi-menu-next-gen > div:last-child > div {\n  height: 24px;\n  padding-left: 4px;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  border-bottom-color: #7f7f7f;\n}\n.igv-roi-menu-next-gen > div:last-child > div:not(:first-child):hover {\n  background-color: rgba(127, 127, 127, 0.1);\n}\n.igv-roi-menu-next-gen > div:last-child div:first-child {\n  cursor: default;\n  font-style: italic;\n  text-align: center;\n  padding-right: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-menu-next-gen > div:last-child > div:last-child {\n  border-bottom-width: 0;\n  border-bottom-color: transparent;\n}\n\n.igv-roi-placeholder {\n  font-style: normal;\n  color: rgba(75, 75, 75, 0.6);\n}\n\n.igv-roi-table {\n  position: absolute;\n  z-index: 1024;\n  width: fit-content;\n  border-color: #7f7f7f;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table > div {\n  height: 24px;\n  font-size: 14px;\n  text-align: start;\n  vertical-align: middle;\n  line-height: 24px;\n}\n.igv-roi-table > div:first-child {\n  border-color: transparent;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-top-width: 0;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n  cursor: move;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.igv-roi-table > div:first-child > div:first-child {\n  text-align: center;\n  width: calc(100% - 4px - 12px);\n}\n.igv-roi-table > div:first-child > div:last-child {\n  margin-right: 4px;\n  margin-bottom: 2px;\n  height: 12px;\n  width: 12px;\n  color: #7f7f7f;\n}\n.igv-roi-table > div:first-child > div:last-child > svg {\n  display: block;\n}\n.igv-roi-table > div:first-child > div:last-child:hover {\n  cursor: pointer;\n  color: #444;\n}\n.igv-roi-table > .igv-roi-table-column-titles {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n  padding-right: 16px;\n  background-color: white;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(1) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(2) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(3) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(4) {\n  width: 30%;\n}\n.igv-roi-table > .igv-roi-table-column-titles > div:nth-child(5) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-row-container {\n  resize: both;\n  overflow: scroll;\n  min-width: 512px;\n  min-height: 72px;\n  height: 144px;\n  max-height: 480px;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(1) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(2) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(3) {\n  width: 15%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(4) {\n  width: 30%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(5) {\n  width: 20%;\n}\n.igv-roi-table > .igv-roi-table-row-container > .igv-roi-table-row-hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.igv-roi-table > div:last-child {\n  height: 32px;\n  line-height: 32px;\n  border-top-color: #7f7f7f;\n  border-top-style: solid;\n  border-top-width: thin;\n  border-bottom-color: transparent;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-width: 0;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n\n.igv-roi-table-four-column {\n  position: absolute;\n  z-index: 1024;\n  width: fit-content;\n  border-color: #7f7f7f;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table-four-column > div {\n  height: 24px;\n  font-size: 14px;\n  text-align: start;\n  vertical-align: middle;\n  line-height: 24px;\n}\n.igv-roi-table-four-column > div:first-child {\n  border-color: transparent;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-top-width: 0;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  background-color: #eee;\n  cursor: move;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.igv-roi-table-four-column > div:first-child > div:first-child {\n  text-align: center;\n  width: calc(100% - 4px - 12px);\n}\n.igv-roi-table-four-column > div:first-child > div:last-child {\n  margin-right: 4px;\n  margin-bottom: 2px;\n  height: 12px;\n  width: 12px;\n  color: #7f7f7f;\n}\n.igv-roi-table-four-column > div:first-child > div:last-child > svg {\n  display: block;\n}\n.igv-roi-table-four-column > div:first-child > div:last-child:hover {\n  cursor: pointer;\n  color: #444;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n  padding-right: 16px;\n  background-color: white;\n  border-bottom-color: #7f7f7f;\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(1) {\n  width: 25%;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(2) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(3) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-column-titles > div:nth-child(4) {\n  width: 35%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container {\n  resize: both;\n  overflow: scroll;\n  min-width: 512px;\n  min-height: 72px;\n  height: 144px;\n  max-height: 480px;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row {\n  height: 24px;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div {\n  font-size: 14px;\n  vertical-align: middle;\n  line-height: 24px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: 4px;\n  height: 24px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(1) {\n  width: 25%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(2) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(3) {\n  width: 20%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row > div:nth-child(4) {\n  width: 35%;\n}\n.igv-roi-table-four-column > .igv-roi-table-row-container > .igv-roi-table-row-hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.igv-roi-table-four-column > div:last-child {\n  height: 32px;\n  line-height: 32px;\n  border-top-color: #7f7f7f;\n  border-top-style: solid;\n  border-top-width: thin;\n  border-bottom-color: transparent;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-width: 0;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n\n.igv-roi-table-row-selected {\n  background-color: rgba(0, 0, 0, 0.125);\n}\n\n.igv-roi-table-button {\n  height: 20px;\n  user-select: none;\n  line-height: 20px;\n  text-align: center;\n  vertical-align: middle;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  color: black;\n  padding-left: 6px;\n  padding-right: 6px;\n  background-color: rgb(239, 239, 239);\n  border-color: black;\n  border-style: solid;\n  border-width: thin;\n  border-radius: 3px;\n}\n\n.igv-roi-table-button:hover {\n  cursor: pointer;\n  font-weight: 400;\n  background-color: rgba(0, 0, 0, 0.13);\n}\n\n.igv-roi-region {\n  z-index: 64;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: visible;\n  margin-top: 44px;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-region > div {\n  position: relative;\n  width: 100%;\n  height: 8px;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.igv-roi-menu {\n  position: absolute;\n  z-index: 1024;\n  width: 144px;\n  border-color: #7f7f7f;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  font-family: \"Open Sans\", sans-serif;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.igv-roi-menu > div:not(:last-child) {\n  border-bottom-color: rgba(128, 128, 128, 0.5);\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n}\n.igv-roi-menu > div:first-child {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-top-color: transparent;\n  border-top-style: solid;\n  border-top-width: 0;\n}\n.igv-roi-menu > div:last-child {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-bottom-color: transparent;\n  border-bottom-style: solid;\n  border-bottom-width: 0;\n}\n\n.igv-roi-menu-row {\n  height: 24px;\n  padding-left: 8px;\n  font-size: small;\n  text-align: start;\n  vertical-align: middle;\n  line-height: 24px;\n  background-color: white;\n}\n\n.igv-roi-menu-row-edit-description {\n  width: -webkit-fill-available;\n  font-size: small;\n  text-align: start;\n  vertical-align: middle;\n  background-color: white;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-bottom: 4px;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: stretch;\n  align-items: stretch;\n}\n.igv-roi-menu-row-edit-description > label {\n  margin-left: 2px;\n  margin-bottom: 0;\n  display: block;\n  width: -webkit-fill-available;\n}\n.igv-roi-menu-row-edit-description > input {\n  display: block;\n  margin-left: 2px;\n  margin-right: 2px;\n  margin-bottom: 1px;\n  width: -webkit-fill-available;\n}\n\n.igv-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-top: 4px;\n  user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.igv-viewport {\n  position: relative;\n  margin-top: 5px;\n  overflow-x: hidden;\n  overflow-y: hidden;\n}\n\n.igv-viewport-content {\n  position: relative;\n  width: 100%;\n}\n.igv-viewport-content > canvas {\n  position: relative;\n  display: block;\n}\n\n.igv-column-container {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 100%;\n}\n\n.igv-column-shim {\n  width: 1px;\n  margin-left: 2px;\n  margin-right: 2px;\n  background-color: #545453;\n}\n\n.igv-column {\n  position: relative;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n}\n\n.igv-axis-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 50px;\n}\n.igv-axis-column > div {\n  margin-top: 5px;\n  width: 100%;\n}\n\n.igv-sample-name-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n}\n\n.igv-scrollbar-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 14px;\n}\n.igv-scrollbar-column > div {\n  position: relative;\n  margin-top: 5px;\n  width: 14px;\n}\n.igv-scrollbar-column > div > div {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 2px;\n  width: 8px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #c4c4c4;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.igv-scrollbar-column > div > div:hover {\n  background-color: #c4c4c4;\n}\n\n.igv-track-drag-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 12px;\n  background-color: white;\n}\n.igv-track-drag-column > .igv-track-drag-handle {\n  z-index: 512;\n  position: relative;\n  cursor: pointer;\n  margin-top: 5px;\n  width: 100%;\n  border-style: solid;\n  border-width: 0;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n  background-color: #c4c4c4;\n}\n.igv-track-drag-column .igv-track-drag-handle-hover {\n  background-color: #787878;\n}\n.igv-track-drag-column > .igv-track-drag-shim {\n  position: relative;\n  margin-top: 5px;\n  width: 100%;\n  border-style: solid;\n  border-width: 0;\n}\n\n.igv-gear-menu-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  height: 100%;\n  width: 28px;\n}\n.igv-gear-menu-column > div {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 5px;\n  width: 100%;\n  background: white;\n}\n.igv-gear-menu-column > div > div {\n  position: relative;\n  margin-top: 4px;\n  width: 16px;\n  height: 16px;\n  color: #7F7F7F;\n}\n.igv-gear-menu-column > div > div:hover {\n  cursor: pointer;\n  color: #444;\n}\n\n/*# sourceMappingURL=dom.css.map */\n';
       var style = document.createElement('style');
       style.setAttribute('type', 'text/css');
       style.innerHTML = css;
@@ -70582,7 +70573,7 @@
       setGoogleOauthToken,
       setOauthToken,
       oauth,
-      version,
+      version: version$1,
       setApiKey,
       doAutoscale,
       TrackView