igv 2.13.0 → 2.13.1

package/dist/igv.esm.js

@@ -8489,8 +8489,8 @@ function encode(objectName) {
 
     let result = '';
     objectName.split('').forEach(function(letter) {
-        if(encodings.has(letter)) {
-            result += encodings.get(letter);
+        if(encodings$1.has(letter)) {
+            result += encodings$1.get(letter);
         } else {
             result += letter;
         }
@@ -8499,27 +8499,27 @@ function encode(objectName) {
 }
 
 //	%23	%24	%25	%26	%27	%28	%29	%2A	%2B	%2C	%2F	%3A	%3B	%3D	%3F	%40	%5B	%5D
-const encodings = new Map();
-encodings.set("!", "%21");
-encodings.set("#", "%23");
-encodings.set("$", "%24");
-encodings.set("%", "%25");
-encodings.set("&", "%26");
-encodings.set("'", "%27");
-encodings.set("(", "%28");
-encodings.set(")", "%29");
-encodings.set("*", "%2A");
-encodings.set("+", "%2B");
-encodings.set(",", "%2C");
-encodings.set("/", "%2F");
-encodings.set(":", "%3A");
-encodings.set(";", "%3B");
-encodings.set("=", "%3D");
-encodings.set("?", "%3F");
-encodings.set("@", "%40");
-encodings.set("[", "%5B");
-encodings.set("]", "%5D");
-encodings.set(" ", "%20");
+const encodings$1 = new Map();
+encodings$1.set("!", "%21");
+encodings$1.set("#", "%23");
+encodings$1.set("$", "%24");
+encodings$1.set("%", "%25");
+encodings$1.set("&", "%26");
+encodings$1.set("'", "%27");
+encodings$1.set("(", "%28");
+encodings$1.set(")", "%29");
+encodings$1.set("*", "%2A");
+encodings$1.set("+", "%2B");
+encodings$1.set(",", "%2C");
+encodings$1.set("/", "%2F");
+encodings$1.set(":", "%3A");
+encodings$1.set(";", "%3B");
+encodings$1.set("=", "%3D");
+encodings$1.set("?", "%3F");
+encodings$1.set("@", "%40");
+encodings$1.set("[", "%5B");
+encodings$1.set("]", "%5D");
+encodings$1.set(" ", "%20");
 
 // Convenience functions for the gapi oAuth library.
 
@@ -8841,7 +8841,7 @@ function download(filename, data) {
   /*============================================================================*/
 
 
-  function zero$1(buf) { let len = buf.length; while (--len >= 0) { buf[len] = 0; } }
+  function zero$1$1(buf) { let len = buf.length; while (--len >= 0) { buf[len] = 0; } }
 
   // From zutil.h
 
@@ -8850,8 +8850,8 @@ function download(filename, data) {
   const DYN_TREES    = 2;
   /* The three kinds of block type */
 
-  const MIN_MATCH$1    = 3;
-  const MAX_MATCH$1    = 258;
+  const MIN_MATCH$1$1    = 3;
+  const MAX_MATCH$1$1    = 258;
   /* The minimum and maximum match lengths */
 
   // From deflate.h
@@ -8859,22 +8859,22 @@ function download(filename, data) {
    * Internal compression state.
    */
 
-  const LENGTH_CODES$1  = 29;
+  const LENGTH_CODES$1$1  = 29;
   /* number of length codes, not counting the special END_BLOCK code */
 
-  const LITERALS$1      = 256;
+  const LITERALS$1$1      = 256;
   /* number of literal bytes 0..255 */
 
-  const L_CODES$1       = LITERALS$1 + 1 + LENGTH_CODES$1;
+  const L_CODES$1$1       = LITERALS$1$1 + 1 + LENGTH_CODES$1$1;
   /* number of Literal or Length codes, including the END_BLOCK code */
 
-  const D_CODES$1       = 30;
+  const D_CODES$1$1       = 30;
   /* number of distance codes */
 
   const BL_CODES$1      = 19;
   /* number of codes used to transfer the bit lengths */
 
-  const HEAP_SIZE$1     = 2 * L_CODES$1 + 1;
+  const HEAP_SIZE$1     = 2 * L_CODES$1$1 + 1;
   /* maximum heap size */
 
   const MAX_BITS$1      = 15;
@@ -8927,40 +8927,40 @@ function download(filename, data) {
 
   // We pre-fill arrays with 0 to avoid uninitialized gaps
 
-  const DIST_CODE_LEN = 512; /* see definition of array dist_code below */
+  const DIST_CODE_LEN$1 = 512; /* see definition of array dist_code below */
 
   // !!!! Use flat array instead of structure, Freq = i*2, Len = i*2+1
-  const static_ltree  = new Array((L_CODES$1 + 2) * 2);
-  zero$1(static_ltree);
+  const static_ltree$1  = new Array((L_CODES$1$1 + 2) * 2);
+  zero$1$1(static_ltree$1);
   /* The static literal tree. Since the bit lengths are imposed, there is no
    * need for the L_CODES extra codes used during heap construction. However
    * The codes 286 and 287 are needed to build a canonical tree (see _tr_init
    * below).
    */
 
-  const static_dtree  = new Array(D_CODES$1 * 2);
-  zero$1(static_dtree);
+  const static_dtree$1  = new Array(D_CODES$1$1 * 2);
+  zero$1$1(static_dtree$1);
   /* The static distance tree. (Actually a trivial tree since all codes use
    * 5 bits.)
    */
 
-  const _dist_code    = new Array(DIST_CODE_LEN);
-  zero$1(_dist_code);
+  const _dist_code$1    = new Array(DIST_CODE_LEN$1);
+  zero$1$1(_dist_code$1);
   /* Distance codes. The first 256 values correspond to the distances
    * 3 .. 258, the last 256 values correspond to the top 8 bits of
    * the 15 bit distances.
    */
 
-  const _length_code  = new Array(MAX_MATCH$1 - MIN_MATCH$1 + 1);
-  zero$1(_length_code);
+  const _length_code$1  = new Array(MAX_MATCH$1$1 - MIN_MATCH$1$1 + 1);
+  zero$1$1(_length_code$1);
   /* length code for each normalized match length (0 == MIN_MATCH) */
 
-  const base_length   = new Array(LENGTH_CODES$1);
-  zero$1(base_length);
+  const base_length$1   = new Array(LENGTH_CODES$1$1);
+  zero$1$1(base_length$1);
   /* First normalized length for each code (0 = MIN_MATCH) */
 
-  const base_dist     = new Array(D_CODES$1);
-  zero$1(base_dist);
+  const base_dist$1     = new Array(D_CODES$1$1);
+  zero$1$1(base_dist$1);
   /* First normalized distance for each code (0 = distance of 1) */
 
 
@@ -8992,7 +8992,7 @@ function download(filename, data) {
 
   const d_code = (dist) => {
 
-    return dist < 256 ? _dist_code[dist] : _dist_code[256 + (dist >>> 7)];
+    return dist < 256 ? _dist_code$1[dist] : _dist_code$1[256 + (dist >>> 7)];
   };
 
 
@@ -9236,10 +9236,10 @@ function download(filename, data) {
 
     /* Initialize the mapping length (0..255) -> length code (0..28) */
     length = 0;
-    for (code = 0; code < LENGTH_CODES$1 - 1; code++) {
-      base_length[code] = length;
+    for (code = 0; code < LENGTH_CODES$1$1 - 1; code++) {
+      base_length$1[code] = length;
       for (n = 0; n < (1 << extra_lbits[code]); n++) {
-        _length_code[length++] = code;
+        _length_code$1[length++] = code;
       }
     }
     //Assert (length == 256, "tr_static_init: length != 256");
@@ -9247,22 +9247,22 @@ function download(filename, data) {
      * in two different ways: code 284 + 5 bits or code 285, so we
      * overwrite length_code[255] to use the best encoding:
      */
-    _length_code[length - 1] = code;
+    _length_code$1[length - 1] = code;
 
     /* Initialize the mapping dist (0..32K) -> dist code (0..29) */
     dist = 0;
     for (code = 0; code < 16; code++) {
-      base_dist[code] = dist;
+      base_dist$1[code] = dist;
       for (n = 0; n < (1 << extra_dbits[code]); n++) {
-        _dist_code[dist++] = code;
+        _dist_code$1[dist++] = code;
       }
     }
     //Assert (dist == 256, "tr_static_init: dist != 256");
     dist >>= 7; /* from now on, all distances are divided by 128 */
-    for (; code < D_CODES$1; code++) {
-      base_dist[code] = dist << 7;
+    for (; code < D_CODES$1$1; code++) {
+      base_dist$1[code] = dist << 7;
       for (n = 0; n < (1 << (extra_dbits[code] - 7)); n++) {
-        _dist_code[256 + dist++] = code;
+        _dist_code$1[256 + dist++] = code;
       }
     }
     //Assert (dist == 256, "tr_static_init: 256+dist != 512");
@@ -9274,22 +9274,22 @@ function download(filename, data) {
 
     n = 0;
     while (n <= 143) {
-      static_ltree[n * 2 + 1]/*.Len*/ = 8;
+      static_ltree$1[n * 2 + 1]/*.Len*/ = 8;
       n++;
       bl_count[8]++;
     }
     while (n <= 255) {
-      static_ltree[n * 2 + 1]/*.Len*/ = 9;
+      static_ltree$1[n * 2 + 1]/*.Len*/ = 9;
       n++;
       bl_count[9]++;
     }
     while (n <= 279) {
-      static_ltree[n * 2 + 1]/*.Len*/ = 7;
+      static_ltree$1[n * 2 + 1]/*.Len*/ = 7;
       n++;
       bl_count[7]++;
     }
     while (n <= 287) {
-      static_ltree[n * 2 + 1]/*.Len*/ = 8;
+      static_ltree$1[n * 2 + 1]/*.Len*/ = 8;
       n++;
       bl_count[8]++;
     }
@@ -9297,17 +9297,17 @@ function download(filename, data) {
      * tree construction to get a canonical Huffman tree (longest code
      * all ones)
      */
-    gen_codes(static_ltree, L_CODES$1 + 1, bl_count);
+    gen_codes(static_ltree$1, L_CODES$1$1 + 1, bl_count);
 
     /* The static distance tree is trivial: */
-    for (n = 0; n < D_CODES$1; n++) {
-      static_dtree[n * 2 + 1]/*.Len*/ = 5;
-      static_dtree[n * 2]/*.Code*/ = bi_reverse(n, 5);
+    for (n = 0; n < D_CODES$1$1; n++) {
+      static_dtree$1[n * 2 + 1]/*.Len*/ = 5;
+      static_dtree$1[n * 2]/*.Code*/ = bi_reverse(n, 5);
     }
 
     // Now data ready and we can init static trees
-    static_l_desc = new StaticTreeDesc(static_ltree, extra_lbits, LITERALS$1 + 1, L_CODES$1, MAX_BITS$1);
-    static_d_desc = new StaticTreeDesc(static_dtree, extra_dbits, 0,          D_CODES$1, MAX_BITS$1);
+    static_l_desc = new StaticTreeDesc(static_ltree$1, extra_lbits, LITERALS$1$1 + 1, L_CODES$1$1, MAX_BITS$1);
+    static_d_desc = new StaticTreeDesc(static_dtree$1, extra_dbits, 0,          D_CODES$1$1, MAX_BITS$1);
     static_bl_desc = new StaticTreeDesc(new Array(0), extra_blbits, 0,         BL_CODES$1, MAX_BL_BITS);
 
     //static_init_done = true;
@@ -9322,8 +9322,8 @@ function download(filename, data) {
     let n; /* iterates over tree elements */
 
     /* Initialize the trees. */
-    for (n = 0; n < L_CODES$1;  n++) { s.dyn_ltree[n * 2]/*.Freq*/ = 0; }
-    for (n = 0; n < D_CODES$1;  n++) { s.dyn_dtree[n * 2]/*.Freq*/ = 0; }
+    for (n = 0; n < L_CODES$1$1;  n++) { s.dyn_ltree[n * 2]/*.Freq*/ = 0; }
+    for (n = 0; n < D_CODES$1$1;  n++) { s.dyn_dtree[n * 2]/*.Freq*/ = 0; }
     for (n = 0; n < BL_CODES$1; n++) { s.bl_tree[n * 2]/*.Freq*/ = 0; }
 
     s.dyn_ltree[END_BLOCK * 2]/*.Freq*/ = 1;
@@ -9443,11 +9443,11 @@ function download(filename, data) {
           //Tracecv(isgraph(lc), (stderr," '%c' ", lc));
         } else {
           /* Here, lc is the match length - MIN_MATCH */
-          code = _length_code[lc];
-          send_code(s, code + LITERALS$1 + 1, ltree); /* send the length code */
+          code = _length_code$1[lc];
+          send_code(s, code + LITERALS$1$1 + 1, ltree); /* send the length code */
           extra = extra_lbits[code];
           if (extra !== 0) {
-            lc -= base_length[code];
+            lc -= base_length$1[code];
             send_bits(s, lc, extra);       /* send the extra length bits */
           }
           dist--; /* dist is now the match distance - 1 */
@@ -9457,7 +9457,7 @@ function download(filename, data) {
           send_code(s, code, dtree);       /* send the distance code */
           extra = extra_dbits[code];
           if (extra !== 0) {
-            dist -= base_dist[code];
+            dist -= base_dist$1[code];
             send_bits(s, dist, extra);   /* send the extra distance bits */
           }
         } /* literal or match pair ? */
@@ -9811,7 +9811,7 @@ function download(filename, data) {
         s.dyn_ltree[13 * 2]/*.Freq*/ !== 0) {
       return Z_TEXT;
     }
-    for (n = 32; n < LITERALS$1; n++) {
+    for (n = 32; n < LITERALS$1$1; n++) {
       if (s.dyn_ltree[n * 2]/*.Freq*/ !== 0) {
         return Z_TEXT;
       }
@@ -9869,7 +9869,7 @@ function download(filename, data) {
    */
   const _tr_align$1 = (s) => {
     send_bits(s, STATIC_TREES << 1, 3);
-    send_code(s, END_BLOCK, static_ltree);
+    send_code(s, END_BLOCK, static_ltree$1);
     bi_flush(s);
   };
 
@@ -9941,7 +9941,7 @@ function download(filename, data) {
     } else if (s.strategy === Z_FIXED$1 || static_lenb === opt_lenb) {
 
       send_bits(s, (STATIC_TREES << 1) + (last ? 1 : 0), 3);
-      compress_block(s, static_ltree, static_dtree);
+      compress_block(s, static_ltree$1, static_dtree$1);
 
     } else {
       send_bits(s, (DYN_TREES << 1) + (last ? 1 : 0), 3);
@@ -9989,7 +9989,7 @@ function download(filename, data) {
       //       (ush)lc <= (ush)(MAX_MATCH-MIN_MATCH) &&
       //       (ush)d_code(dist) < (ush)D_CODES,  "_tr_tally: bad match");
 
-      s.dyn_ltree[(_length_code[lc] + LITERALS$1 + 1) * 2]/*.Freq*/++;
+      s.dyn_ltree[(_length_code$1[lc] + LITERALS$1$1 + 1) * 2]/*.Freq*/++;
       s.dyn_dtree[d_code(dist) * 2]/*.Freq*/++;
     }
 
@@ -10111,7 +10111,7 @@ function download(filename, data) {
   // 3. This notice may not be removed or altered from any source distribution.
 
   // Use ordinary array, since untyped makes no boost here
-  const makeTable = () => {
+  const makeTable$1 = () => {
     let c, table = [];
 
     for (var n = 0; n < 256; n++) {
@@ -10126,7 +10126,7 @@ function download(filename, data) {
   };
 
   // Create table on load. Just 255 signed longs. Not a problem.
-  const crcTable = new Uint32Array(makeTable());
+  const crcTable = new Uint32Array(makeTable$1());
 
 
   const crc32 = (crc, buf, len, pos) => {
@@ -12171,11 +12171,11 @@ function download(filename, data) {
   // Table with utf8 lengths (calculated by first byte of sequence)
   // Note, that 5 & 6-byte values and some 4-byte values can not be represented in JS,
   // because max possible codepoint is 0x10ffff
-  const _utf8len = new Uint8Array(256);
+  const _utf8len$1 = new Uint8Array(256);
   for (let q = 0; q < 256; q++) {
-    _utf8len[q] = (q >= 252 ? 6 : q >= 248 ? 5 : q >= 240 ? 4 : q >= 224 ? 3 : q >= 192 ? 2 : 1);
+    _utf8len$1[q] = (q >= 252 ? 6 : q >= 248 ? 5 : q >= 240 ? 4 : q >= 224 ? 3 : q >= 192 ? 2 : 1);
   }
-  _utf8len[254] = _utf8len[254] = 1; // Invalid sequence start
+  _utf8len$1[254] = _utf8len$1[254] = 1; // Invalid sequence start
 
 
   // convert string to array (typed, when possible)
@@ -12275,7 +12275,7 @@ function download(filename, data) {
       // quick process ascii
       if (c < 0x80) { utf16buf[out++] = c; continue; }
 
-      let c_len = _utf8len[c];
+      let c_len = _utf8len$1[c];
       // skip 5 & 6 byte codes
       if (c_len > 4) { utf16buf[out++] = 0xfffd; i += c_len - 1; continue; }
 
@@ -12326,7 +12326,7 @@ function download(filename, data) {
     // return max too.
     if (pos === 0) { return max; }
 
-    return (pos + _utf8len[buf[pos]] > max) ? pos : max;
+    return (pos + _utf8len$1[buf[pos]] > max) ? pos : max;
   };
 
   var strings = {
@@ -16517,61 +16517,6 @@ function dragEnd$1(event) {
     dragData$1 = undefined;
 }
 
-const appleCrayonPalette$1 =
-    {
-        licorice: "#000000",
-        lead: "#1e1e1e",
-        tungsten: "#3a3a3a",
-        iron: "#545453",
-        steel: "#6e6e6e",
-        tin: "#878687",
-        nickel: "#888787",
-        aluminum: "#a09fa0",
-        magnesium: "#b8b8b8",
-        silver: "#d0d0d0",
-        mercury: "#e8e8e8",
-        snow: "#ffffff",
-        //
-        cayenne: "#891100",
-        mocha: "#894800",
-        aspargus: "#888501",
-        fern: "#458401",
-        clover: "#028401",
-        moss: "#018448",
-        teal: "#008688",
-        ocean: "#004a88",
-        midnight: "#001888",
-        eggplant: "#491a88",
-        plum: "#891e88",
-        maroon: "#891648",
-        //
-        maraschino: "#ff2101",
-        tangerine: "#ff8802",
-        lemon: "#fffa03",
-        lime: "#83f902",
-        spring: "#05f802",
-        seam_foam: "#03f987",
-        turquoise: "#00fdff",
-        aqua: "#008cff",
-        blueberry: "#002eff",
-        grape: "#8931ff",
-        magenta: "#ff39ff",
-        strawberry: "#ff2987",
-        //
-        salmon: "#ff726e",
-        cantaloupe: "#ffce6e",
-        banana: "#fffb6d",
-        honeydew: "#cefa6e",
-        flora: "#68f96e",
-        spindrift: "#68fbd0",
-        ice: "#68fdff",
-        sky: "#6acfff",
-        orchid: "#6e76ff",
-        lavender: "#d278ff",
-        bubblegum: "#ff7aff",
-        carnation: "#ff7fd3"
-    };
-
 // Support for oauth token based authorization
 // This class supports explicit setting of an oauth token either globally or for specific hosts.
 //
@@ -16654,7 +16599,7 @@ function regExpEscape(s) {
  *        @param {number} requestsPerSecond The amount of requests per second
  *                                          the library will limit to
  */
-class Throttle {
+class Throttle$1 {
     constructor(options) {
         this.requestsPerSecond = options.requestsPerSecond || 10;
         this.lastStartTime = 0;
@@ -16764,7 +16709,7 @@ class Throttle {
  */
 let RANGE_WARNING_GIVEN = false;
 
-const googleThrottle = new Throttle({
+const googleThrottle = new Throttle$1({
     requestsPerSecond: 8
 });
 
@@ -18509,7 +18454,7 @@ class AlertDialog {
         }, alertProps);
 
         // container
-        this.container = div({class: "igv-ui-alert-dialog-container"});
+        this.container = div({class: "igv-ui-1_3_0-alert-dialog-container"});
         parent.appendChild(this.container);
         this.container.setAttribute('tabIndex', '-1');
 
@@ -18522,11 +18467,11 @@ class AlertDialog {
         this.errorHeadline.textContent = '';
 
         // body container
-        let bodyContainer = div({class: 'igv-ui-alert-dialog-body'});
+        let bodyContainer = div({class: 'igv-ui-1_3_0-alert-dialog-body'});
         this.container.appendChild(bodyContainer);
 
         // body copy
-        this.body = div({class: 'igv-ui-alert-dialog-body-copy'});
+        this.body = div({class: 'igv-ui-1_3_0-alert-dialog-body-copy'});
         bodyContainer.appendChild(this.body);
 
         // ok container
@@ -18614,23 +18559,23 @@ class InputDialog {
         this.parent = parent;
 
         // dialog container
-        this.container = div({class: 'igv-ui-generic-dialog-container'});
+        this.container = div({class: 'igv-ui-1_3_0-generic-dialog-container'});
         parent.appendChild(this.container);
 
         // const { x, y, width, height } = this.container.getBoundingClientRect();
         // console.log(`InputDialog - x ${ x } y ${ y } width ${ width } height ${ height }`)
 
         // dialog header
-        const header = div({class: 'igv-ui-generic-dialog-header'});
+        const header = div({class: 'igv-ui-1_3_0-generic-dialog-header'});
         this.container.appendChild(header);
 
         // dialog label
-        this.label = div({class: 'igv-ui-generic-dialog-one-liner'});
+        this.label = div({class: 'igv-ui-1_3_0-generic-dialog-one-liner'});
         this.container.appendChild(this.label);
         this.label.text = 'Unlabeled';
 
         // input container
-        this.input_container = div({class: 'igv-ui-generic-dialog-input'});
+        this.input_container = div({class: 'igv-ui-1_3_0-generic-dialog-input'});
         this.container.appendChild(this.input_container);
         //
         this.input = document.createElement("input");
@@ -18638,7 +18583,7 @@ class InputDialog {
 
 
         // ok | cancel
-        const buttons = div({class: 'igv-ui-generic-dialog-ok-cancel'});
+        const buttons = div({class: 'igv-ui-1_3_0-generic-dialog-ok-cancel'});
         this.container.appendChild(buttons);
 
         // ok
@@ -18772,7 +18717,7 @@ class GenericContainer {
 
     constructor({parent,  top, left, width, height, border, closeHandler}) {
 
-        let container = div({class: 'igv-ui-generic-container'});
+        let container = div({class: 'igv-ui-1_3_0-generic-container'});
         parent.appendChild(container);
         hide(container);
         this.container = container;
@@ -18843,14 +18788,14 @@ const createColorSwatchSelector = (container, colorHandler, defaultColors) => {
     const hexColorStrings = Object.values(appleCrayonPalette);
 
     for (let hexColorString of hexColorStrings) {
-        const swatch = div({ class: 'igv-ui-color-swatch' });
+        const swatch = div({ class: 'igv-ui-1_3_0-color-swatch' });
         container.appendChild(swatch);
         decorateSwatch(swatch, hexColorString, colorHandler);
     }
 
     if (defaultColors) {
         for (let hexColorString of defaultColors) {
-            const swatch = div({ class: 'igv-ui-color-swatch' });
+            const swatch = div({ class: 'igv-ui-1_3_0-color-swatch' });
             container.appendChild(swatch);
             decorateSwatch(swatch, hexColorString, colorHandler);
         }
@@ -18885,7 +18830,7 @@ class Popover {
         this.parent = parent;
 
         // popover
-        this.popover = div({ class: "igv-ui-popover" });
+        this.popover = div({ class: "igv-ui-1_3_0-popover" });
         parent.appendChild(this.popover);
 
         // header
@@ -19045,32 +18990,916 @@ function createMenuElements$1(itemList, popover) {
     return list;
 }
 
-function embedCSS$2() {
+//	%23	%24	%25	%26	%27	%28	%29	%2A	%2B	%2C	%2F	%3A	%3B	%3D	%3F	%40	%5B	%5D
+const encodings = new Map();
+encodings.set("!", "%21");
+encodings.set("#", "%23");
+encodings.set("$", "%24");
+encodings.set("%", "%25");
+encodings.set("&", "%26");
+encodings.set("'", "%27");
+encodings.set("(", "%28");
+encodings.set(")", "%29");
+encodings.set("*", "%2A");
+encodings.set("+", "%2B");
+encodings.set(",", "%2C");
+encodings.set("/", "%2F");
+encodings.set(":", "%3A");
+encodings.set(";", "%3B");
+encodings.set("=", "%3D");
+encodings.set("?", "%3F");
+encodings.set("@", "%40");
+encodings.set("[", "%5B");
+encodings.set("]", "%5D");
+encodings.set(" ", "%20");
+
+if (typeof process === 'object' && typeof window === 'undefined') {
+    global.atob = function (str) {
+        return Buffer.from(str, 'base64').toString('binary');
+    };
+}
 
-    var css =  '.igv-ui-popover {\n  cursor: default;\n  position: absolute;\n  z-index: 2048;\n  border-color: #7F7F7F;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: small;\n  background-color: white; }\n  .igv-ui-popover > div:first-child {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\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    .igv-ui-popover > div:first-child > div:first-child {\n      margin-left: 4px; }\n    .igv-ui-popover > div:first-child > div:last-child {\n      margin-right: 4px;\n      height: 12px;\n      width: 12px;\n      color: #7F7F7F; }\n    .igv-ui-popover > div:first-child > div:last-child:hover {\n      cursor: pointer;\n      color: #444; }\n  .igv-ui-popover > div:last-child {\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: 400px;\n    max-width: 800px;\n    background-color: white; }\n    .igv-ui-popover > div:last-child > div {\n      -webkit-user-select: text;\n      -moz-user-select: text;\n      -ms-user-select: text;\n      user-select: text;\n      margin-left: 4px;\n      margin-right: 4px;\n      min-width: 220px;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap; }\n      .igv-ui-popover > div:last-child > div > span {\n        font-weight: bolder; }\n    .igv-ui-popover > div:last-child hr {\n      width: 100%; }\n\n.igv-ui-alert-dialog-container {\n  box-sizing: content-box;\n  position: absolute;\n  z-index: 2048;\n  top: 50%;\n  left: 50%;\n  width: 400px;\n  height: 200px;\n  border-color: #7F7F7F;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: thin;\n  outline: none;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  background-color: white;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center; }\n  .igv-ui-alert-dialog-container > div:first-child {\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: 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    .igv-ui-alert-dialog-container > div:first-child div:first-child {\n      padding-left: 8px; }\n  .igv-ui-alert-dialog-container .igv-ui-alert-dialog-body {\n    -webkit-user-select: text;\n    -moz-user-select: text;\n    -ms-user-select: text;\n    user-select: text;\n    color: #373737;\n    width: 100%;\n    height: calc(100% - 24px - 64px);\n    overflow-y: scroll; }\n    .igv-ui-alert-dialog-container .igv-ui-alert-dialog-body .igv-ui-alert-dialog-body-copy {\n      margin: 16px;\n      width: auto;\n      height: auto;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      background-color: white;\n      border: unset; }\n  .igv-ui-alert-dialog-container > div:last-child {\n    width: 100%;\n    margin-bottom: 10px;\n    background-color: white;\n    display: flex;\n    flex-flow: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center; }\n    .igv-ui-alert-dialog-container > div:last-child div {\n      margin: unset;\n      width: 40px;\n      height: 30px;\n      line-height: 30px;\n      text-align: center;\n      color: white;\n      font-family: \"Open Sans\", sans-serif;\n      font-size: small;\n      font-weight: 400;\n      border-color: #2B81AF;\n      border-style: solid;\n      border-width: thin;\n      border-radius: 4px;\n      background-color: #2B81AF; }\n    .igv-ui-alert-dialog-container > div:last-child div:hover {\n      cursor: pointer;\n      border-color: #25597f;\n      background-color: #25597f; }\n\n.igv-ui-color-swatch {\n  position: relative;\n  box-sizing: content-box;\n  display: flex;\n  flex-flow: row;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  border-style: solid;\n  border-width: 2px;\n  border-color: white;\n  border-radius: 4px; }\n\n.igv-ui-color-swatch:hover {\n  border-color: dimgray; }\n\n.igv-ui-colorpicker-menu-close-button {\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: 32px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  padding-right: 8px; }\n  .igv-ui-colorpicker-menu-close-button i.fa {\n    display: block;\n    margin-left: 4px;\n    margin-right: 4px;\n    color: #5f5f5f; }\n  .igv-ui-colorpicker-menu-close-button i.fa:hover,\n  .igv-ui-colorpicker-menu-close-button i.fa:focus,\n  .igv-ui-colorpicker-menu-close-button i.fa:active {\n    cursor: pointer;\n    color: #0f0f0f; }\n\n.igv-ui-generic-dialog-container {\n  box-sizing: content-box;\n  position: fixed;\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  .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-header div {\n      margin-right: 4px;\n      margin-bottom: 2px;\n      height: 12px;\n      width: 12px;\n      color: #7F7F7F; }\n    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-header div:hover {\n      cursor: pointer;\n      color: #444; }\n  .igv-ui-generic-dialog-container .igv-ui-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  .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-label-input input {\n      width: 50%;\n      font-size: 16px; }\n  .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-input input {\n      font-size: 16px; }\n  .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-ok-cancel div:first-child {\n      margin-left: 32px;\n      margin-right: 0;\n      background-color: #5ea4e0; }\n    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-ok-cancel div:last-child {\n      margin-left: 0;\n      margin-right: 32px;\n      background-color: #c4c4c4; }\n    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-ok-cancel div:first-child:hover {\n      cursor: pointer;\n      background-color: #3b5c7f; }\n    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-ok-cancel div:last-child:hover {\n      cursor: pointer;\n      background-color: #7f7f7f; }\n  .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-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    .igv-ui-generic-dialog-container .igv-ui-generic-dialog-ok div:hover {\n      cursor: pointer;\n      background-color: #25597f; }\n\n.igv-ui-generic-container {\n  box-sizing: content-box;\n  position: absolute;\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  .igv-ui-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    .igv-ui-generic-container > div:first-child > div {\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.igv-ui-dialog {\n  z-index: 2048;\n  position: fixed;\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  flex-flow: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  background-color: white;\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  .igv-ui-dialog .igv-ui-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    .igv-ui-dialog .igv-ui-dialog-header div {\n      margin-right: 4px;\n      margin-bottom: 2px;\n      height: 12px;\n      width: 12px;\n      color: #7F7F7F; }\n    .igv-ui-dialog .igv-ui-dialog-header div:hover {\n      cursor: pointer;\n      color: #444; }\n  .igv-ui-dialog .igv-ui-dialog-one-liner {\n    width: 95%;\n    height: 24px;\n    line-height: 24px;\n    text-align: left;\n    margin: 8px;\n    overflow-wrap: break-word;\n    background-color: white;\n    font-weight: bold; }\n  .igv-ui-dialog .igv-ui-dialog-ok-cancel {\n    width: 100%;\n    display: flex;\n    flex-flow: row;\n    flex-wrap: nowrap;\n    justify-content: space-around;\n    align-items: center; }\n    .igv-ui-dialog .igv-ui-dialog-ok-cancel div {\n      margin: 16px;\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    .igv-ui-dialog .igv-ui-dialog-ok-cancel div:first-child {\n      background-color: #5ea4e0; }\n    .igv-ui-dialog .igv-ui-dialog-ok-cancel div:last-child {\n      background-color: #c4c4c4; }\n    .igv-ui-dialog .igv-ui-dialog-ok-cancel div:first-child:hover {\n      cursor: pointer;\n      background-color: #3b5c7f; }\n    .igv-ui-dialog .igv-ui-dialog-ok-cancel div:last-child:hover {\n      cursor: pointer;\n      background-color: #7f7f7f; }\n  .igv-ui-dialog .igv-ui-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    .igv-ui-dialog .igv-ui-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    .igv-ui-dialog .igv-ui-dialog-ok div:hover {\n      cursor: pointer;\n      background-color: #25597f; }\n\n.igv-ui-panel, .igv-ui-panel-column, .igv-ui-panel-row {\n  z-index: 2048;\n  background-color: white;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start; }\n\n.igv-ui-panel-column {\n  display: flex;\n  flex-direction: column; }\n\n.igv-ui-panel-row {\n  display: flex;\n  flex-direction: row; }\n\n.igv-ui-textbox {\n  background-color: white;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: medium;\n  font-weight: 400;\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start; }\n\n/*# sourceMappingURL=igv-ui.css.map */\n';
+  /*============================================================================*/
 
-    var style = document.createElement('style');
-    style.setAttribute('type', 'text/css');
-    style.innerHTML = css;
 
-    document.head.insertBefore(style, document.head.childNodes[ document.head.childNodes.length - 1 ]);
+  function zero$1(buf) { let len = buf.length; while (--len >= 0) { buf[len] = 0; } }
+  /* The three kinds of block type */
+
+  const MIN_MATCH$1    = 3;
+  const MAX_MATCH$1    = 258;
+  /* The minimum and maximum match lengths */
+
+  // From deflate.h
+  /* ===========================================================================
+   * Internal compression state.
+   */
+
+  const LENGTH_CODES$1  = 29;
+  /* number of length codes, not counting the special END_BLOCK code */
+
+  const LITERALS$1      = 256;
+  /* number of literal bytes 0..255 */
+
+  const L_CODES$1       = LITERALS$1 + 1 + LENGTH_CODES$1;
+  /* number of Literal or Length codes, including the END_BLOCK code */
+
+  const D_CODES$1       = 30;
+  /* eslint-enable comma-spacing,array-bracket-spacing */
+
+  /* The lengths of the bit length codes are sent in order of decreasing
+   * probability, to avoid transmitting the lengths for unused bit length codes.
+   */
+
+  /* ===========================================================================
+   * Local data. These are initialized only once.
+   */
+
+  // We pre-fill arrays with 0 to avoid uninitialized gaps
+
+  const DIST_CODE_LEN = 512; /* see definition of array dist_code below */
+
+  // !!!! Use flat array instead of structure, Freq = i*2, Len = i*2+1
+  const static_ltree  = new Array((L_CODES$1 + 2) * 2);
+  zero$1(static_ltree);
+  /* The static literal tree. Since the bit lengths are imposed, there is no
+   * need for the L_CODES extra codes used during heap construction. However
+   * The codes 286 and 287 are needed to build a canonical tree (see _tr_init
+   * below).
+   */
+
+  const static_dtree  = new Array(D_CODES$1 * 2);
+  zero$1(static_dtree);
+  /* The static distance tree. (Actually a trivial tree since all codes use
+   * 5 bits.)
+   */
+
+  const _dist_code    = new Array(DIST_CODE_LEN);
+  zero$1(_dist_code);
+  /* Distance codes. The first 256 values correspond to the distances
+   * 3 .. 258, the last 256 values correspond to the top 8 bits of
+   * the 15 bit distances.
+   */
+
+  const _length_code  = new Array(MAX_MATCH$1 - MIN_MATCH$1 + 1);
+  zero$1(_length_code);
+  /* length code for each normalized match length (0 == MIN_MATCH) */
+
+  const base_length   = new Array(LENGTH_CODES$1);
+  zero$1(base_length);
+  /* First normalized length for each code (0 = MIN_MATCH) */
+
+  const base_dist     = new Array(D_CODES$1);
+  zero$1(base_dist);
+
+  // Note: we can't get significant speed boost here.
+  // So write code to minimize size - no pregenerated tables
+  // and array tools dependencies.
+
+  // (C) 1995-2013 Jean-loup Gailly and Mark Adler
+  // (C) 2014-2017 Vitaly Puzrin and Andrey Tupitsin
+  //
+  // This software is provided 'as-is', without any express or implied
+  // warranty. In no event will the authors be held liable for any damages
+  // arising from the use of this software.
+  //
+  // Permission is granted to anyone to use this software for any purpose,
+  // including commercial applications, and to alter it and redistribute it
+  // freely, subject to the following restrictions:
+  //
+  // 1. The origin of this software must not be misrepresented; you must not
+  //   claim that you wrote the original software. If you use this software
+  //   in a product, an acknowledgment in the product documentation would be
+  //   appreciated but is not required.
+  // 2. Altered source versions must be plainly marked as such, and must not be
+  //   misrepresented as being the original software.
+  // 3. This notice may not be removed or altered from any source distribution.
+
+  // Use ordinary array, since untyped makes no boost here
+  const makeTable = () => {
+    let c, table = [];
+
+    for (var n = 0; n < 256; n++) {
+      c = n;
+      for (var k = 0; k < 8; k++) {
+        c = ((c & 1) ? (0xEDB88320 ^ (c >>> 1)) : (c >>> 1));
+      }
+      table[n] = c;
+    }
+
+    return table;
+  };
+
+  // Create table on load. Just 255 signed longs. Not a problem.
+  new Uint32Array(makeTable());
+
+  try { String.fromCharCode.apply(null, new Uint8Array(1)); } catch (__) { }
+
+
+  // Table with utf8 lengths (calculated by first byte of sequence)
+  // Note, that 5 & 6-byte values and some 4-byte values can not be represented in JS,
+  // because max possible codepoint is 0x10ffff
+  const _utf8len = new Uint8Array(256);
+  for (let q = 0; q < 256; q++) {
+    _utf8len[q] = (q >= 252 ? 6 : q >= 248 ? 5 : q >= 240 ? 4 : q >= 224 ? 3 : q >= 192 ? 2 : 1);
+  }
+  _utf8len[254] = _utf8len[254] = 1; // Invalid sequence start
+
+  // ***********  BELOW COMMENTED OUT BY JTR   **************//
+  // exports.Deflate = Deflate_1;
+  // exports.Inflate = Inflate_1;
+  // exports.constants = constants_1;
+  // exports['default'] = pako;
+  // exports.deflate = deflate_1;
+  // exports.deflateRaw = deflateRaw_1;
+  // exports.gzip = gzip_1;
+  // exports.inflate = inflate_1;
+  // exports.inflateRaw = inflateRaw_1;
+  // exports.ungzip = ungzip_1;
+
+//   Object.defineProperty(exports, '__esModule', { value: true });
+//
+// })));
+
+// The MIT License (MIT)
+
+/**
+ * @constructor
+ * @param {Object} options A set op options to pass to the throttle function
+ *        @param {number} requestsPerSecond The amount of requests per second
+ *                                          the library will limit to
+ */
+class Throttle {
+    constructor(options) {
+        this.requestsPerSecond = options.requestsPerSecond || 10;
+        this.lastStartTime = 0;
+        this.queued = [];
+    }
+
+    /**
+     * Adds a promise
+     * @param {Function} async function to be executed
+     * @param {Object} options A set of options.
+     * @return {Promise} A promise
+     */
+    add(asyncFunction, options) {
+
+        var self = this;
+        return new Promise(function (resolve, reject) {
+            self.queued.push({
+                resolve: resolve,
+                reject: reject,
+                asyncFunction: asyncFunction,
+            });
+            self.dequeue();
+        });
+    }
+
+    /**
+     * Adds all the promises passed as parameters
+     * @param {Function} promises An array of functions that return a promise
+     * @param {Object} options A set of options.
+     * @param {number} options.signal An AbortSignal object that can be used to abort the returned promise
+     * @param {number} options.weight A "weight" of each operation resolving by array of promises
+     * @return {Promise} A promise that succeeds when all the promises passed as options do
+     */
+    addAll(promises, options) {
+        var addedPromises = promises.map(function (promise) {
+            return this.add(promise, options);
+        }.bind(this));
+
+        return Promise.all(addedPromises);
+    };
+
+    /**
+     * Dequeues a promise
+     * @return {void}
+     */
+    dequeue() {
+        if (this.queued.length > 0) {
+            var now = new Date(),
+                inc = (1000 / this.requestsPerSecond) + 1,
+                elapsed = now - this.lastStartTime;
+
+            if (elapsed >= inc) {
+                this._execute();
+            } else {
+                // we have reached the limit, schedule a dequeue operation
+                setTimeout(function () {
+                    this.dequeue();
+                }.bind(this), inc - elapsed);
+            }
+        }
+    }
+
+    /**
+     * Executes the promise
+     * @private
+     * @return {void}
+     */
+    async _execute() {
+        this.lastStartTime = new Date();
+        var candidate = this.queued.shift();
+        const f = candidate.asyncFunction;
+        try {
+            const r = await f();
+            candidate.resolve(r);
+        } catch (e) {
+            candidate.reject(e);
+        }
+
+    }
+
 
 }
 
-if(typeof document !== 'undefined') {
-    if (!stylesheetExists("igv-ui.css")) {
-        // console.log('igv-ui. will call embedCSS() ...');
+/*
+ * 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.
+ */
+
+new Throttle({
+    requestsPerSecond: 8
+});
+
+class GenericColorPicker extends GenericContainer {
+
+    constructor({parent, width}) {
+        super({parent, width, border: '1px solid gray'});
+    }
+
+    configure(defaultColors, colorHandlers) {
+
+        this.colorHandlers = colorHandlers;
+
+        // active color handler defaults to handler with 'color' as key
+        this.setActiveColorHandler('color');
+
+        this.createSwatches(defaultColors);
+
+    }
+
+    setActiveColorHandler(option) {
+        this.activeColorHandler = this.colorHandlers[option];
+    }
+
+    createSwatches(defaultColors) {
+
+        this.container.querySelectorAll('.igv-ui-1_3_0-color-swatch').forEach(swatch => swatch.remove());
+
+        const hexColorStrings = Object.values(appleCrayonPalette);
+
+        for (let hexColorString of hexColorStrings) {
+            const swatch = div({class: 'igv-ui-1_3_0-color-swatch'});
+            this.container.appendChild(swatch);
+            this.decorateSwatch(swatch, hexColorString);
+        }
+
+        if (defaultColors) {
+            for (let hexColorString of defaultColors) {
+                const swatch = div({class: 'igv-ui-1_3_0-color-swatch'});
+                this.container.appendChild(swatch);
+                this.decorateSwatch(swatch, hexColorString);
+            }
+        }
+
+    }
+
+    decorateSwatch(swatch, hexColorString) {
+
+        swatch.style.backgroundColor = hexColorString;
+
+        swatch.addEventListener('mouseenter', () => swatch.style.borderColor = hexColorString);
+
+        swatch.addEventListener('mouseleave', () => swatch.style.borderColor = 'white');
+
+        swatch.addEventListener('click', event => {
+            event.stopPropagation();
+            this.activeColorHandler(hexColorString);
+        });
+
+        swatch.addEventListener('touchend', event => {
+            event.stopPropagation();
+            this.activeColorHandler(hexColorString);
+        });
+
+    }
+
+}
+
+function embedCSS$2() {
+    const style = document.createElement('style');
+    style.setAttribute('type', 'text/css');
+    style.setAttribute('title', 'igv-ui-1_3_0.css');
+    style.innerHTML = `.igv-ui-1_3_0-popover {
+  cursor: default;
+  position: absolute;
+  z-index: 2048;
+  border-color: #7F7F7F;
+  border-radius: 4px;
+  border-style: solid;
+  border-width: 1px;
+  font-family: "Open Sans", sans-serif;
+  font-size: small;
+  background-color: white; }
+  .igv-ui-1_3_0-popover > div:first-child {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    height: 24px;
+    cursor: move;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-color: #7F7F7F;
+    border-bottom-style: solid;
+    border-bottom-width: thin;
+    background-color: #eee; }
+    .igv-ui-1_3_0-popover > div:first-child > div:first-child {
+      margin-left: 4px; }
+    .igv-ui-1_3_0-popover > div:first-child > div:last-child {
+      margin-right: 4px;
+      height: 12px;
+      width: 12px;
+      color: #7F7F7F; }
+    .igv-ui-1_3_0-popover > div:first-child > div:last-child:hover {
+      cursor: pointer;
+      color: #444; }
+  .igv-ui-1_3_0-popover > div:last-child {
+    overflow-y: auto;
+    overflow-x: hidden;
+    max-height: 400px;
+    max-width: 800px;
+    background-color: white; }
+    .igv-ui-1_3_0-popover > div:last-child > div {
+      -webkit-user-select: text;
+      -moz-user-select: text;
+      -ms-user-select: text;
+      user-select: text;
+      margin-left: 4px;
+      margin-right: 4px;
+      min-width: 220px;
+      overflow-x: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap; }
+      .igv-ui-1_3_0-popover > div:last-child > div > span {
+        font-weight: bolder; }
+    .igv-ui-1_3_0-popover > div:last-child hr {
+      width: 100%; }
+
+.igv-ui-1_3_0-alert-dialog-container {
+  box-sizing: content-box;
+  position: absolute;
+  z-index: 2048;
+  top: 50%;
+  left: 50%;
+  width: 400px;
+  height: 200px;
+  border-color: #7F7F7F;
+  border-radius: 4px;
+  border-style: solid;
+  border-width: thin;
+  outline: none;
+  font-family: "Open Sans", sans-serif;
+  font-size: 15px;
+  font-weight: 400;
+  background-color: white;
+  display: flex;
+  flex-flow: column;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center; }
+  .igv-ui-1_3_0-alert-dialog-container > div:first-child {
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-items: center;
+    width: 100%;
+    height: 24px;
+    cursor: move;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-color: #7F7F7F;
+    border-bottom-style: solid;
+    border-bottom-width: thin;
+    background-color: #eee; }
+    .igv-ui-1_3_0-alert-dialog-container > div:first-child div:first-child {
+      padding-left: 8px; }
+  .igv-ui-1_3_0-alert-dialog-container .igv-ui-1_3_0-alert-dialog-body {
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text;
+    color: #373737;
+    width: 100%;
+    height: calc(100% - 24px - 64px);
+    overflow-y: scroll; }
+    .igv-ui-1_3_0-alert-dialog-container .igv-ui-1_3_0-alert-dialog-body .igv-ui-1_3_0-alert-dialog-body-copy {
+      margin: 16px;
+      width: auto;
+      height: auto;
+      overflow-wrap: break-word;
+      word-break: break-word;
+      background-color: white;
+      border: unset; }
+  .igv-ui-1_3_0-alert-dialog-container > div:last-child {
+    width: 100%;
+    margin-bottom: 10px;
+    background-color: white;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center; }
+    .igv-ui-1_3_0-alert-dialog-container > div:last-child div {
+      margin: unset;
+      width: 40px;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      color: white;
+      font-family: "Open Sans", sans-serif;
+      font-size: small;
+      font-weight: 400;
+      border-color: #2B81AF;
+      border-style: solid;
+      border-width: thin;
+      border-radius: 4px;
+      background-color: #2B81AF; }
+    .igv-ui-1_3_0-alert-dialog-container > div:last-child div:hover {
+      cursor: pointer;
+      border-color: #25597f;
+      background-color: #25597f; }
+
+.igv-ui-1_3_0-color-swatch {
+  position: relative;
+  box-sizing: content-box;
+  display: flex;
+  flex-flow: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
+  border-style: solid;
+  border-width: 2px;
+  border-color: white;
+  border-radius: 4px; }
+
+.igv-ui-1_3_0-color-swatch:hover {
+  border-color: dimgray; }
+
+.igv-ui-1_3_0-colorpicker-menu-close-button {
+  display: flex;
+  flex-flow: row;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  height: 32px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  padding-right: 8px; }
+  .igv-ui-1_3_0-colorpicker-menu-close-button i.fa {
+    display: block;
+    margin-left: 4px;
+    margin-right: 4px;
+    color: #5f5f5f; }
+  .igv-ui-1_3_0-colorpicker-menu-close-button i.fa:hover,
+  .igv-ui-1_3_0-colorpicker-menu-close-button i.fa:focus,
+  .igv-ui-1_3_0-colorpicker-menu-close-button i.fa:active {
+    cursor: pointer;
+    color: #0f0f0f; }
+
+.igv-ui-1_3_0-generic-dialog-container {
+  box-sizing: content-box;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 300px;
+  height: 200px;
+  border-color: #7F7F7F;
+  border-radius: 4px;
+  border-style: solid;
+  border-width: thin;
+  font-family: "Open Sans", sans-serif;
+  font-size: medium;
+  font-weight: 400;
+  z-index: 2048;
+  background-color: white;
+  display: flex;
+  flex-flow: column;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center; }
+  .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-header {
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: flex-end;
+    align-items: center;
+    width: 100%;
+    height: 24px;
+    cursor: move;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-color: #7F7F7F;
+    border-bottom-style: solid;
+    border-bottom-width: thin;
+    background-color: #eee; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-header div {
+      margin-right: 4px;
+      margin-bottom: 2px;
+      height: 12px;
+      width: 12px;
+      color: #7F7F7F; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-header div:hover {
+      cursor: pointer;
+      color: #444; }
+  .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-one-liner {
+    color: #373737;
+    width: 95%;
+    height: 24px;
+    line-height: 24px;
+    text-align: left;
+    margin-top: 8px;
+    padding-left: 8px;
+    overflow-wrap: break-word;
+    background-color: white; }
+  .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-label-input {
+    margin-top: 8px;
+    width: 95%;
+    height: 24px;
+    color: #373737;
+    line-height: 24px;
+    padding-left: 8px;
+    background-color: white;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-items: center; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-label-input div {
+      width: 30%;
+      height: 100%;
+      font-size: 16px;
+      text-align: right;
+      padding-right: 8px;
+      background-color: white; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-label-input input {
+      display: block;
+      height: 100%;
+      width: 100%;
+      padding-left: 4px;
+      font-family: "Open Sans", sans-serif;
+      font-weight: 400;
+      color: #373737;
+      text-align: left;
+      outline: none;
+      border-style: solid;
+      border-width: thin;
+      border-color: #7F7F7F;
+      background-color: white; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-label-input input {
+      width: 50%;
+      font-size: 16px; }
+  .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-input {
+    margin-top: 8px;
+    width: calc(100% - 16px);
+    height: 24px;
+    color: #373737;
+    line-height: 24px;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: space-around;
+    align-items: center; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-input input {
+      display: block;
+      height: 100%;
+      width: 100%;
+      padding-left: 4px;
+      font-family: "Open Sans", sans-serif;
+      font-weight: 400;
+      color: #373737;
+      text-align: left;
+      outline: none;
+      border-style: solid;
+      border-width: thin;
+      border-color: #7F7F7F;
+      background-color: white; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-input input {
+      font-size: 16px; }
+  .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok-cancel {
+    width: 100%;
+    height: 28px;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: space-around;
+    align-items: center; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok-cancel div {
+      margin-top: 32px;
+      color: white;
+      font-family: "Open Sans", sans-serif;
+      font-size: 14px;
+      font-weight: 400;
+      width: 75px;
+      height: 28px;
+      line-height: 28px;
+      text-align: center;
+      border-color: transparent;
+      border-style: solid;
+      border-width: thin;
+      border-radius: 2px; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok-cancel div:first-child {
+      margin-left: 32px;
+      margin-right: 0;
+      background-color: #5ea4e0; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok-cancel div:last-child {
+      margin-left: 0;
+      margin-right: 32px;
+      background-color: #c4c4c4; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok-cancel div:first-child:hover {
+      cursor: pointer;
+      background-color: #3b5c7f; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok-cancel div:last-child:hover {
+      cursor: pointer;
+      background-color: #7f7f7f; }
+  .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok {
+    width: 100%;
+    height: 36px;
+    margin-top: 32px;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: space-around;
+    align-items: center; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok div {
+      width: 98px;
+      height: 36px;
+      line-height: 36px;
+      text-align: center;
+      color: white;
+      font-family: "Open Sans", sans-serif;
+      font-size: medium;
+      font-weight: 400;
+      border-color: white;
+      border-style: solid;
+      border-width: thin;
+      border-radius: 4px;
+      background-color: #2B81AF; }
+    .igv-ui-1_3_0-generic-dialog-container .igv-ui-1_3_0-generic-dialog-ok div:hover {
+      cursor: pointer;
+      background-color: #25597f; }
+
+.igv-ui-1_3_0-generic-container {
+  box-sizing: content-box;
+  position: absolute;
+  z-index: 2048;
+  background-color: white;
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center; }
+  .igv-ui-1_3_0-generic-container > div:first-child {
+    cursor: move;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: flex-end;
+    align-items: center;
+    height: 24px;
+    width: 100%;
+    background-color: #dddddd; }
+    .igv-ui-1_3_0-generic-container > div:first-child > div {
+      display: block;
+      color: #5f5f5f;
+      cursor: pointer;
+      width: 14px;
+      height: 14px;
+      margin-right: 8px;
+      margin-bottom: 4px; }
+
+.igv-ui-1_3_0-dialog {
+  z-index: 2048;
+  position: fixed;
+  width: fit-content;
+  height: fit-content;
+  display: flex;
+  flex-flow: column;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  background-color: white;
+  border-color: #7F7F7F;
+  border-radius: 4px;
+  border-style: solid;
+  border-width: thin;
+  font-family: "Open Sans", sans-serif;
+  font-size: medium;
+  font-weight: 400; }
+  .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-header {
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: flex-end;
+    align-items: center;
+    width: 100%;
+    height: 24px;
+    cursor: move;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-color: #7F7F7F;
+    border-bottom-style: solid;
+    border-bottom-width: thin;
+    background-color: #eee; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-header div {
+      margin-right: 4px;
+      margin-bottom: 2px;
+      height: 12px;
+      width: 12px;
+      color: #7F7F7F; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-header div:hover {
+      cursor: pointer;
+      color: #444; }
+  .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-one-liner {
+    width: 95%;
+    height: 24px;
+    line-height: 24px;
+    text-align: left;
+    margin: 8px;
+    overflow-wrap: break-word;
+    background-color: white;
+    font-weight: bold; }
+  .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok-cancel {
+    width: 100%;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: space-around;
+    align-items: center; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok-cancel div {
+      margin: 16px;
+      margin-top: 32px;
+      color: white;
+      font-family: "Open Sans", sans-serif;
+      font-size: 14px;
+      font-weight: 400;
+      width: 75px;
+      height: 28px;
+      line-height: 28px;
+      text-align: center;
+      border-color: transparent;
+      border-style: solid;
+      border-width: thin;
+      border-radius: 2px; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok-cancel div:first-child {
+      background-color: #5ea4e0; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok-cancel div:last-child {
+      background-color: #c4c4c4; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok-cancel div:first-child:hover {
+      cursor: pointer;
+      background-color: #3b5c7f; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok-cancel div:last-child:hover {
+      cursor: pointer;
+      background-color: #7f7f7f; }
+  .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok {
+    width: 100%;
+    height: 36px;
+    margin-top: 32px;
+    display: flex;
+    flex-flow: row;
+    flex-wrap: nowrap;
+    justify-content: space-around;
+    align-items: center; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok div {
+      width: 98px;
+      height: 36px;
+      line-height: 36px;
+      text-align: center;
+      color: white;
+      font-family: "Open Sans", sans-serif;
+      font-size: medium;
+      font-weight: 400;
+      border-color: white;
+      border-style: solid;
+      border-width: thin;
+      border-radius: 4px;
+      background-color: #2B81AF; }
+    .igv-ui-1_3_0-dialog .igv-ui-1_3_0-dialog-ok div:hover {
+      cursor: pointer;
+      background-color: #25597f; }
+
+.igv-ui-1_3_0-panel, .igv-ui-1_3_0-panel-column, .igv-ui-1_3_0-panel-row {
+  z-index: 2048;
+  background-color: white;
+  font-family: "Open Sans", sans-serif;
+  font-size: medium;
+  font-weight: 400;
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start; }
+
+.igv-ui-1_3_0-panel-column {
+  display: flex;
+  flex-direction: column; }
+
+.igv-ui-1_3_0-panel-row {
+  display: flex;
+  flex-direction: row; }
+
+.igv-ui-1_3_0-textbox {
+  background-color: white;
+  font-family: "Open Sans", sans-serif;
+  font-size: medium;
+  font-weight: 400;
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start; }
+
+/*# sourceMappingURL=igv-ui-1_3_0.css.map */
+`;
+    document.head.insertBefore(style, document.head.childNodes[ document.head.childNodes.length - 1 ]);
+}
+
+if (typeof document !== 'undefined') {
+
+    if (!stylesheetExists("igv-ui-1_3_0.css")) {
         embedCSS$2();
-        // console.log('... done.');
     }
+
     function stylesheetExists(stylesheetName) {
         for (let ss of document.styleSheets) {
             ss = ss.href ? ss.href.replace(/^.*[\\\/]/, '') : '';
             if (ss === stylesheetName) {
-                return true;
+                return true
             }
         }
-        return false;
+        return false
     }
 }
 
@@ -23033,7 +23862,7 @@ const Cytoband = function (start, end, name, typestain) {
     }
 };
 
-const _version = "2.13.0";
+const _version = "2.13.1";
 function version() {
     return _version
 }
@@ -32480,7 +33309,7 @@ function zoomLevelForScale(chr, bpPerPixel, genome) {
  * @param config
  * @constructor
  */
-class StaticFeatureSource$1 {
+class StaticFeatureSource {
 
     constructor(config, genome) {
 
@@ -32538,6 +33367,11 @@ class StaticFeatureSource$1 {
         return this.featureCache.getAllFeatures()
     }
 
+    supportsWholeGenome() {
+        return true
+    }
+
+
 }
 
 
@@ -32600,7 +33434,7 @@ function FeatureSource(config, genome) {
     const format = config.format ? config.format.toLowerCase() : undefined;
 
     if (config.features) {
-        return new StaticFeatureSource$1(config, genome)
+        return new StaticFeatureSource(config, genome)
     } else if (bbFormats.has(format)) {
         return new BWSource(config, genome)
     } else if ("tdf" === format) {
@@ -32899,12 +33733,12 @@ function randomColor() {
 
 const appleCrayonColorName = 'nickel';
 
-const ROI_DEFAULT_ALPHA = 2/16;
+const ROI_DEFAULT_ALPHA = 2 / 16;
 
 const ROI_DEFAULT_COLOR = appleCrayonRGBA(appleCrayonColorName, ROI_DEFAULT_ALPHA);
-const ROI_DEFAULT_HEADER_COLOR = 'rgba(0,0,0,0)';
+const ROI_DEFAULT_HEADER_COLOR = 'rgb(190,190,190)';
 
-const ROI_USER_HEADER_DEFINED_COLOR = 'rgba(155,185,129,1)';
+const ROI_USER_HEADER_DEFINED_COLOR = 'rgba(155,185,129)';
 const ROI_USER_DEFINED_COLOR = ROI_DEFAULT_COLOR;
 
 class ROISet {
@@ -32912,7 +33746,6 @@ class ROISet {
     constructor(config, genome) {
 
         this.url = config.url;
-        this.isUserDefined = config.isUserDefined;
 
         if (config.name) {
             this.name = config.name;
@@ -32922,10 +33755,10 @@ class ROISet {
             this.name = getFilename$1(config.url);
         }
 
-        if (config.isUserDefined) {
+        this.isUserDefined = config.isUserDefined;
+
+        if (config.features) {
             this.featureSource = new DynamicFeatureSource(config.features, genome);
-        } else if (config.features) {
-            this.featureSource = new StaticFeatureSource(config.features, genome);
         } else {
             if (config.format) {
                 config.format = config.format.toLowerCase();
@@ -32937,15 +33770,12 @@ class ROISet {
         }
 
         if (true === this.isUserDefined) {
-
             this.color = config.color || ROI_USER_DEFINED_COLOR;
-
             this.headerColor = ROI_USER_HEADER_DEFINED_COLOR;
 
         } else {
 
             this.color = config.color || ROI_DEFAULT_COLOR;
-
             this.headerColor = ROI_DEFAULT_HEADER_COLOR;
 
             // Use body color with alpha pinned to 1
@@ -32981,18 +33811,16 @@ class ROISet {
 
     toJSON() {
         if (this.url) {
-            return '' === this.name ? {color: this.color, url: this.url} : {
-                name: this.name,
-                color: this.color,
-                url: this.url
-            }
+            return {name: this.name, color: this.color, url: this.url, isUserDefined: this.isUserDefined}
         } else {
-            const features = this.featureSource.getAllFeatures();
-            return '' === this.name ? {color: this.color, features: features} : {
-                name: this.name,
-                color: this.color,
-                features: features
+            const featureMap = this.featureSource.getAllFeatures();
+            const features = [];
+            for (let chr of Object.keys(featureMap)) {
+                for (let f of featureMap[chr]) {
+                    features.push(f);
+                }
             }
+            return {name: this.name, color: this.color, features: features, isUserDefined: this.isUserDefined}
         }
     }
 
@@ -33021,31 +33849,9 @@ function screenCoordinates(regionStartBP, regionEndBP, bpStart, bpp) {
     return {x: xStart, width}
 }
 
-class StaticFeatureSource {
-    constructor(features, genome) {
-        this.featureCache = new FeatureCache$1(features, genome);
-        this.genome = genome;
-    }
-
-    getFeatures({chr, start, end}) {
-        if (chr.toLowerCase() === 'all') {
-            return computeWGFeatures(this.featureCache.getAllFeatures(), this.genome)
-        } else {
-            return this.featureCache.queryFeatures(chr, start, end)
-        }
-    }
-
-    getAllFeatures() {
-        return this.featureCache.getAllFeatures()
-    }
-
-    supportsWholeGenome() {
-        return true
-    }
-}
 
 /**
- * Special feature source that allows addition of features dynamically, for supporting user-defined genomes
+ * Special feature source that allows addition of features dynamically
  */
 class DynamicFeatureSource {
 
@@ -33095,11 +33901,11 @@ class DynamicFeatureSource {
         featureList.sort((a, b) => a.start - b.start);
     }
 
-    removeFeature({ chr, start, end }) {
-        
-        if (this.featureMap[ chr ]) {
+    removeFeature({chr, start, end}) {
+
+        if (this.featureMap[chr]) {
             const match = `${chr}-${start}-${end}`;
-            this.featureMap[ chr ] = this.featureMap[ chr ].filter(feature => match !== `${feature.chr}-${feature.start}-${feature.end}`);
+            this.featureMap[chr] = this.featureMap[chr].filter(feature => match !== `${feature.chr}-${feature.start}-${feature.end}`);
         }
     }
 }
@@ -41168,71 +41974,6 @@ function configureFont(ctx, {textAlign, textBaseline, strokeStyle, fillStyle}, s
     ctx.fillStyle = fillStyle;
 }
 
-class GenericColorPicker extends GenericContainer {
-
-    constructor({parent, width}) {
-        super({parent, width, border: '1px solid gray'});
-    }
-
-    configure(defaultColors, colorHandlers) {
-
-        this.colorHandlers = colorHandlers;
-
-        // active color handler defaults to handler with 'color' as key
-        this.setActiveColorHandler('color');
-
-        this.createSwatches(defaultColors);
-
-    }
-
-    setActiveColorHandler(option) {
-        this.activeColorHandler = this.colorHandlers[option];
-    }
-
-    createSwatches(defaultColors) {
-
-        this.container.querySelectorAll('.igv-ui-color-swatch').forEach(swatch => swatch.remove());
-
-        const hexColorStrings = Object.values(appleCrayonPalette$1);
-
-        for (let hexColorString of hexColorStrings) {
-            const swatch = div$1({class: 'igv-ui-color-swatch'});
-            this.container.appendChild(swatch);
-            this.decorateSwatch(swatch, hexColorString);
-        }
-
-        if (defaultColors) {
-            for (let hexColorString of defaultColors) {
-                const swatch = div$1({class: 'igv-ui-color-swatch'});
-                this.container.appendChild(swatch);
-                this.decorateSwatch(swatch, hexColorString);
-            }
-        }
-
-    }
-
-    decorateSwatch(swatch, hexColorString) {
-
-        swatch.style.backgroundColor = hexColorString;
-
-        swatch.addEventListener('mouseenter', () => swatch.style.borderColor = hexColorString);
-
-        swatch.addEventListener('mouseleave', () => swatch.style.borderColor = 'white');
-
-        swatch.addEventListener('click', event => {
-            event.stopPropagation();
-            this.activeColorHandler(hexColorString);
-        });
-
-        swatch.addEventListener('touchend', event => {
-            event.stopPropagation();
-            this.activeColorHandler(hexColorString);
-        });
-
-    }
-
-}
-
 /*
  * The MIT License (MIT)
  *
@@ -50053,6 +50794,7 @@ const CustomButton = function (parent, browser, b) {
 };
 
 class ROIManager {
+
     constructor(browser, roiMenu, roiTable, top, roiSets) {
 
         this.browser = browser;
@@ -50214,8 +50956,9 @@ class ROIManager {
                     if (el) {
                         el.style.left = `${pixelX}px`;
                         el.style.width = `${pixelWidth}px`;
+
                     } else {
-                        const element = this.createRegionElement(browser.columnContainer, pixelTop, pixelX, pixelWidth, roiSet, regionKey);
+                        const element = this.createRegionElement(browser.columnContainer, pixelTop, pixelX, pixelWidth, roiSet, regionKey, feature.name);
                         columns[i].appendChild(element);
                     }
                 }
@@ -50223,26 +50966,22 @@ class ROIManager {
         }
     }
 
-    createRegionElement(columnContainer, pixelTop, pixelX, pixelWidth, roiSet, regionKey) {
+    createRegionElement(columnContainer, pixelTop, pixelX, pixelWidth, roiSet, regionKey, name) {
 
         const regionElement = div$1({class: 'igv-roi-region'});
 
         regionElement.style.top = `${pixelTop}px`;
         regionElement.style.left = `${pixelX}px`;
-
         regionElement.style.width = `${pixelWidth}px`;
-
         regionElement.style.backgroundColor = roiSet.color;
-
         regionElement.dataset.region = regionKey;
 
-        if (true === roiSet.isUserDefined) {
-
-            const header = div$1();
-            regionElement.appendChild(header);
+        const header = div$1();
+        regionElement.appendChild(header);
 
-            header.style.backgroundColor = roiSet.headerColor;
+        header.style.backgroundColor = roiSet.headerColor;
 
+        if (true === roiSet.isUserDefined) {
             header.addEventListener('click', event => {
                 event.preventDefault();
                 event.stopPropagation();
@@ -50250,6 +50989,18 @@ class ROIManager {
                 const {x, y} = translateMouseCoordinates$1(event, columnContainer);
                 this.roiMenu.present(x, y, this, columnContainer, regionElement);
             });
+        } else if (name) {
+            header.addEventListener('click', event => {
+                event.preventDefault();
+                event.stopPropagation();
+                if (this.popover) {
+                    this.popover.dispose();
+                }
+                this.popover = new Popover(columnContainer, roiSet.name);
+                this.popover.presentContentWithEvent(event, name);
+            });
+        } else {
+            header.style.pointerEvents = 'none';
         }
 
         return regionElement
@@ -51406,12 +52157,8 @@ class Browser {
         const roiMenu = new ROIMenu(this, this.columnContainer);
         if (session.roi) {
 
-            session.roi.filter(config => config.features && config.isUserDefined).map((c, index) => c.name = undefined);
-
             const roiSetList = session.roi.map(c => new ROISet(c, this.genome));
-
-            const named = roiSetList.filter(({name}) => name !== undefined);
-
+            const named = roiSetList.filter(({name}) => name !== undefined && name.length > 0);
             const roiTable = new ROITable(this, this.columnContainer, (named.length > 0));
 
             this.roiManager = new ROIManager(this, roiMenu, roiTable, ideogramHeight, roiSetList);