igv 2.13.0 → 2.13.1

package/dist/igv.js

@@ -7529,8 +7529,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;
         }
@@ -7539,27 +7539,27 @@
     } //	%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"); // For testing
+    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"); // For testing
 
     // Convenience functions for the gapi oAuth library.
     const FIVE_MINUTES = 5 * 60 * 1000;
@@ -7912,7 +7912,7 @@
     const Z_UNKNOWN$1 = 2;
     /*============================================================================*/
 
-    function zero$1(buf) {
+    function zero$1$1(buf) {
       let len = buf.length;
 
       while (--len >= 0) {
@@ -7926,8 +7926,8 @@
     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
 
@@ -7935,22 +7935,22 @@
      * 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;
@@ -8001,43 +8001,43 @@
      */
     // We pre-fill arrays with 0 to avoid uninitialized gaps
 
-    const DIST_CODE_LEN = 512;
+    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);
+    const _dist_code$1 = new Array(DIST_CODE_LEN$1);
 
-    zero$1(_dist_code);
+    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);
+    const _length_code$1 = new Array(MAX_MATCH$1$1 - MIN_MATCH$1$1 + 1);
 
-    zero$1(_length_code);
+    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) */
 
     function StaticTreeDesc(static_tree, extra_bits, extra_base, elems, max_length) {
@@ -8076,7 +8076,7 @@
     }
 
     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)];
     };
     /* ===========================================================================
      * Output a short LSB first on the stream.
@@ -8407,11 +8407,11 @@
 
       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");
 
@@ -8421,16 +8421,16 @@
        */
 
 
-      _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");
 
@@ -8438,11 +8438,11 @@
       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");
 
@@ -8456,7 +8456,7 @@
       n = 0;
 
       while (n <= 143) {
-        static_ltree[n * 2 + 1]
+        static_ltree$1[n * 2 + 1]
         /*.Len*/
         = 8;
         n++;
@@ -8464,7 +8464,7 @@
       }
 
       while (n <= 255) {
-        static_ltree[n * 2 + 1]
+        static_ltree$1[n * 2 + 1]
         /*.Len*/
         = 9;
         n++;
@@ -8472,7 +8472,7 @@
       }
 
       while (n <= 279) {
-        static_ltree[n * 2 + 1]
+        static_ltree$1[n * 2 + 1]
         /*.Len*/
         = 7;
         n++;
@@ -8480,7 +8480,7 @@
       }
 
       while (n <= 287) {
-        static_ltree[n * 2 + 1]
+        static_ltree$1[n * 2 + 1]
         /*.Len*/
         = 8;
         n++;
@@ -8492,21 +8492,21 @@
        */
 
 
-      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]
+      for (n = 0; n < D_CODES$1$1; n++) {
+        static_dtree$1[n * 2 + 1]
         /*.Len*/
         = 5;
-        static_dtree[n * 2]
+        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;
     };
     /* ===========================================================================
@@ -8520,13 +8520,13 @@
 
       /* Initialize the trees. */
 
-      for (n = 0; n < L_CODES$1; n++) {
+      for (n = 0; n < L_CODES$1$1; n++) {
         s.dyn_ltree[n * 2]
         /*.Freq*/
         = 0;
       }
 
-      for (n = 0; n < D_CODES$1; n++) {
+      for (n = 0; n < D_CODES$1$1; n++) {
         s.dyn_dtree[n * 2]
         /*.Freq*/
         = 0;
@@ -8683,14 +8683,14 @@
             //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);
+            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 */
             }
@@ -8706,7 +8706,7 @@
             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 */
             }
@@ -9164,7 +9164,7 @@
         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) {
@@ -9223,7 +9223,7 @@
 
     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);
     };
     /* ===========================================================================
@@ -9296,7 +9296,7 @@
         _tr_stored_block$1(s, buf, stored_len, last);
       } 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);
         send_all_trees(s, s.l_desc.max_code + 1, s.d_desc.max_code + 1, max_blindex + 1);
@@ -9345,7 +9345,7 @@
         //       (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*/++;
       } // (!) This block is disabled in zlib defaults,
       // don't enable it for binary compatibility
@@ -9457,7 +9457,7 @@
     // 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 = [];
 
@@ -9475,7 +9475,7 @@
     }; // 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) => {
       const t = crcTable;
@@ -11799,13 +11799,13 @@
     // 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)
 
     var string2buf = str => {
@@ -11917,7 +11917,7 @@
           continue;
         }
 
-        let c_len = _utf8len[c]; // skip 5 & 6 byte codes
+        let c_len = _utf8len$1[c]; // skip 5 & 6 byte codes
 
         if (c_len > 4) {
           utf16buf[out++] = 0xfffd;
@@ -11983,7 +11983,7 @@
         return max;
       }
 
-      return pos + _utf8len[buf[pos]] > max ? pos : max;
+      return pos + _utf8len$1[buf[pos]] > max ? pos : max;
     };
 
     var strings = {
@@ -16839,60 +16839,6 @@
       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.
     //
@@ -16975,7 +16921,7 @@
      *                                          the library will limit to
      */
 
-    class Throttle {
+    class Throttle$1 {
       constructor(options) {
         this.requestsPerSecond = options.requestsPerSecond || 10;
         this.lastStartTime = 0;
@@ -17084,7 +17030,7 @@
      * THE SOFTWARE.
      */
     let RANGE_WARNING_GIVEN = false;
-    const googleThrottle = new Throttle({
+    const googleThrottle = new Throttle$1({
       requestsPerSecond: 8
     });
     const igvxhr = {
@@ -18790,7 +18736,7 @@
         }, alertProps); // container
 
         this.container = div({
-          class: "igv-ui-alert-dialog-container"
+          class: "igv-ui-1_3_0-alert-dialog-container"
         });
         parent.appendChild(this.container);
         this.container.setAttribute('tabIndex', '-1'); // header
@@ -18802,12 +18748,12 @@
         this.errorHeadline.textContent = ''; // body container
 
         let bodyContainer = div({
-          class: 'igv-ui-alert-dialog-body'
+          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'
+          class: 'igv-ui-1_3_0-alert-dialog-body-copy'
         });
         bodyContainer.appendChild(this.body); // ok container
 
@@ -18885,25 +18831,25 @@
         this.parent = parent; // dialog container
 
         this.container = div({
-          class: 'igv-ui-generic-dialog-container'
+          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'
+          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'
+          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'
+          class: 'igv-ui-1_3_0-generic-dialog-input'
         });
         this.container.appendChild(this.input_container); //
 
@@ -18911,7 +18857,7 @@
         this.input_container.appendChild(this.input); // ok | cancel
 
         const buttons = div({
-          class: 'igv-ui-generic-dialog-ok-cancel'
+          class: 'igv-ui-1_3_0-generic-dialog-ok-cancel'
         });
         this.container.appendChild(buttons); // ok
 
@@ -19050,7 +18996,7 @@
         closeHandler
       }) {
         let container = div({
-          class: 'igv-ui-generic-container'
+          class: 'igv-ui-1_3_0-generic-container'
         });
         parent.appendChild(container);
         hide(container);
@@ -19138,7 +19084,7 @@
 
       for (let hexColorString of hexColorStrings) {
         const swatch = div({
-          class: 'igv-ui-color-swatch'
+          class: 'igv-ui-1_3_0-color-swatch'
         });
         container.appendChild(swatch);
         decorateSwatch(swatch, hexColorString, colorHandler);
@@ -19147,7 +19093,7 @@
       if (defaultColors) {
         for (let hexColorString of defaultColors) {
           const swatch = div({
-            class: 'igv-ui-color-swatch'
+            class: 'igv-ui-1_3_0-color-swatch'
           });
           container.appendChild(swatch);
           decorateSwatch(swatch, hexColorString, colorHandler);
@@ -19174,7 +19120,7 @@
         this.parent = parent; // popover
 
         this.popover = div({
-          class: "igv-ui-popover"
+          class: "igv-ui-1_3_0-popover"
         });
         parent.appendChild(this.popover); // header
 
@@ -19326,18 +19272,910 @@
       return list;
     }
 
+
+    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');
+      };
+    } // Ths file is a modification of the pako distribution https://github.com/nodeca/pako.   The modifications
+    /*============================================================================*/
+
+    function zero$1(buf) {
+      let len = buf.length;
+
+      while (--len >= 0) {
+        buf[len] = 0;
+      }
+    } // From zutil.h
+    /* 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);
+    // 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
+    // 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);
+        }
+      }
+
+    }
+    /*
+     * 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() {
-      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');
+      const style = document.createElement('style');
       style.setAttribute('type', 'text/css');
-      style.innerHTML = 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.css")) {
-        // console.log('igv-ui. will call embedCSS() ...');
-        embedCSS$2(); // console.log('... done.');
+      if (!stylesheetExists("igv-ui-1_3_0.css")) {
+        embedCSS$2();
       }
 
       function stylesheetExists(stylesheetName) {
@@ -24286,7 +25124,7 @@
       }
     };
 
-    const _version = "2.13.0";
+    const _version = "2.13.1";
 
     function version() {
       return _version;
@@ -33900,7 +34738,7 @@
      * @constructor
      */
 
-    class StaticFeatureSource$1 {
+    class StaticFeatureSource {
       constructor(config, genome) {
         this.config = config;
         this.genome = genome;
@@ -33962,6 +34800,10 @@
         return this.featureCache.getAllFeatures();
       }
 
+      supportsWholeGenome() {
+        return true;
+      }
+
     }
     /**
      * This function is used to apply properties normally added during parsing to  features supplied directly in the
@@ -34019,7 +34861,7 @@
       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) {
@@ -34444,14 +35286,13 @@
     const appleCrayonColorName = 'nickel';
     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_USER_HEADER_DEFINED_COLOR = 'rgba(155,185,129,1)';
+    const ROI_DEFAULT_HEADER_COLOR = 'rgb(190,190,190)';
+    const ROI_USER_HEADER_DEFINED_COLOR = 'rgba(155,185,129)';
     const ROI_USER_DEFINED_COLOR = ROI_DEFAULT_COLOR;
 
     class ROISet {
       constructor(config, genome) {
         this.url = config.url;
-        this.isUserDefined = config.isUserDefined;
 
         if (config.name) {
           this.name = config.name;
@@ -34461,10 +35302,10 @@
           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();
@@ -34517,23 +35358,27 @@
 
       toJSON() {
         if (this.url) {
-          return '' === this.name ? {
-            color: this.color,
-            url: this.url
-          } : {
+          return {
             name: this.name,
             color: this.color,
-            url: this.url
+            url: this.url,
+            isUserDefined: this.isUserDefined
           };
         } else {
-          const features = this.featureSource.getAllFeatures();
-          return '' === 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
+            features: features,
+            isUserDefined: this.isUserDefined
           };
         }
       }
@@ -34563,38 +35408,8 @@
         width
       };
     }
-
-    class StaticFeatureSource {
-      constructor(features, genome) {
-        this.featureCache = new FeatureCache$1(features, genome);
-        this.genome = genome;
-      }
-
-      getFeatures(_ref) {
-        let {
-          chr,
-          start,
-          end
-        } = _ref;
-
-        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
      */
 
 
@@ -34619,12 +35434,12 @@
         }
       }
 
-      getFeatures(_ref2) {
+      getFeatures(_ref) {
         let {
           chr,
           start,
           end
-        } = _ref2;
+        } = _ref;
 
         if (chr.toLowerCase() === 'all') {
           return computeWGFeatures(this.featureMap, this.genome);
@@ -34655,12 +35470,12 @@
         featureList.sort((a, b) => a.start - b.start);
       }
 
-      removeFeature(_ref3) {
+      removeFeature(_ref2) {
         let {
           chr,
           start,
           end
-        } = _ref3;
+        } = _ref2;
 
         if (this.featureMap[chr]) {
           const match = `${chr}-${start}-${end}`;
@@ -57881,69 +58696,6 @@
       ctx.fillStyle = fillStyle;
     }
 
-    class GenericColorPicker extends GenericContainer {
-      constructor(_ref) {
-        let {
-          parent,
-          width
-        } = _ref;
-        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)
      *
@@ -66870,7 +67622,7 @@
                 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);
               }
             }
@@ -66878,7 +67630,7 @@
         }
       }
 
-      createRegionElement(columnContainer, pixelTop, pixelX, pixelWidth, roiSet, regionKey) {
+      createRegionElement(columnContainer, pixelTop, pixelX, pixelWidth, roiSet, regionKey, name) {
         const regionElement = div$1({
           class: 'igv-roi-region'
         });
@@ -66887,11 +67639,11 @@
         regionElement.style.width = `${pixelWidth}px`;
         regionElement.style.backgroundColor = roiSet.color;
         regionElement.dataset.region = regionKey;
+        const header = div$1();
+        regionElement.appendChild(header);
+        header.style.backgroundColor = roiSet.headerColor;
 
         if (true === roiSet.isUserDefined) {
-          const header = div$1();
-          regionElement.appendChild(header);
-          header.style.backgroundColor = roiSet.headerColor;
           header.addEventListener('click', event => {
             event.preventDefault();
             event.stopPropagation();
@@ -66901,6 +67653,20 @@
             } = 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;
@@ -67957,13 +68723,12 @@
         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(_ref => {
             let {
               name
             } = _ref;
-            return name !== undefined;
+            return name !== undefined && name.length > 0;
           });
           const roiTable = new ROITable(this, this.columnContainer, named.length > 0);
           this.roiManager = new ROIManager(this, roiMenu, roiTable, ideogramHeight, roiSetList);