higlass 1.12.4 → 1.13.0

package/dist/hglib.js

@@ -2160,23 +2160,23 @@ function _toPrimitive2(input, hint) {
   function keyof(value2) {
     return value2 !== null && typeof value2 === "object" ? value2.valueOf() : value2;
   }
-  function identity$9(x) {
+  function identity$a(x) {
     return x;
   }
   function group(values, ...keys2) {
-    return nest(values, identity$9, identity$9, keys2);
+    return nest(values, identity$a, identity$a, keys2);
   }
   function groups(values, ...keys2) {
-    return nest(values, Array.from, identity$9, keys2);
+    return nest(values, Array.from, identity$a, keys2);
   }
   function rollup(values, reduce2, ...keys2) {
-    return nest(values, identity$9, reduce2, keys2);
+    return nest(values, identity$a, reduce2, keys2);
   }
   function rollups(values, reduce2, ...keys2) {
     return nest(values, Array.from, reduce2, keys2);
   }
   function index$2(values, ...keys2) {
-    return nest(values, identity$9, unique$1, keys2);
+    return nest(values, identity$a, unique$1, keys2);
   }
   function indexes(values, ...keys2) {
     return nest(values, Array.from, unique$1, keys2);
@@ -2312,7 +2312,7 @@ function _toPrimitive2(input, hint) {
     return Math.ceil(Math.log(count(values)) / Math.LN2) + 1;
   }
   function bin() {
-    var value2 = identity$9, domain2 = extent$1, threshold2 = sturges;
+    var value2 = identity$a, domain2 = extent$1, threshold2 = sturges;
     function histogram(data2) {
       if (!Array.isArray(data2))
         data2 = Array.from(data2);
@@ -3287,7 +3287,7 @@ function _toPrimitive2(input, hint) {
     };
   }
   function date$2(a, b) {
-    var d = new Date();
+    var d = /* @__PURE__ */ new Date();
     return a = +a, b = +b, function(t) {
       return d.setTime(a * (1 - t) + b * t), d;
     };
@@ -3372,7 +3372,7 @@ function _toPrimitive2(input, hint) {
     };
   }
   var degrees$1 = 180 / Math.PI;
-  var identity$8 = { translateX: 0, translateY: 0, rotate: 0, skewX: 0, scaleX: 1, scaleY: 1 };
+  var identity$9 = { translateX: 0, translateY: 0, rotate: 0, skewX: 0, scaleX: 1, scaleY: 1 };
   function decompose(a, b, c2, d, e, f2) {
     var scaleX, scaleY, skewX;
     if (scaleX = Math.sqrt(a * a + b * b))
@@ -3388,16 +3388,16 @@ function _toPrimitive2(input, hint) {
   var svgNode;
   function parseCss(value2) {
     const m = new (typeof DOMMatrix === "function" ? DOMMatrix : WebKitCSSMatrix)(value2 + "");
-    return m.isIdentity ? identity$8 : decompose(m.a, m.b, m.c, m.d, m.e, m.f);
+    return m.isIdentity ? identity$9 : decompose(m.a, m.b, m.c, m.d, m.e, m.f);
   }
   function parseSvg(value2) {
     if (value2 == null)
-      return identity$8;
+      return identity$9;
     if (!svgNode)
       svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
     svgNode.setAttribute("transform", value2);
     if (!(value2 = svgNode.transform.baseVal.consolidate()))
-      return identity$8;
+      return identity$9;
     value2 = value2.matrix;
     return decompose(value2.a, value2.b, value2.c, value2.d, value2.e, value2.f);
   }
@@ -3512,7 +3512,7 @@ function _toPrimitive2(input, hint) {
     return +x;
   }
   var unit = [0, 1];
-  function identity$7(x) {
+  function identity$8(x) {
     return x;
   }
   function normalize(a, b) {
@@ -3557,10 +3557,10 @@ function _toPrimitive2(input, hint) {
     return target.domain(source.domain()).range(source.range()).interpolate(source.interpolate()).clamp(source.clamp()).unknown(source.unknown());
   }
   function transformer$3() {
-    var domain2 = unit, range2 = unit, interpolate2 = interpolate$3, transform2, untransform, unknown, clamp = identity$7, piecewise2, output, input;
+    var domain2 = unit, range2 = unit, interpolate2 = interpolate$3, transform2, untransform, unknown, clamp = identity$8, piecewise2, output, input;
     function rescale() {
       var n = Math.min(domain2.length, range2.length);
-      if (clamp !== identity$7)
+      if (clamp !== identity$8)
         clamp = clamper(domain2[0], domain2[n - 1]);
       piecewise2 = n > 2 ? polymap : bimap;
       output = input = null;
@@ -3582,7 +3582,7 @@ function _toPrimitive2(input, hint) {
       return range2 = Array.from(_), interpolate2 = interpolateRound, rescale();
     };
     scale.clamp = function(_) {
-      return arguments.length ? (clamp = _ ? true : identity$7, rescale()) : clamp !== identity$7;
+      return arguments.length ? (clamp = _ ? true : identity$8, rescale()) : clamp !== identity$8;
     };
     scale.interpolate = function(_) {
       return arguments.length ? (interpolate2 = _, rescale()) : interpolate2;
@@ -3596,7 +3596,7 @@ function _toPrimitive2(input, hint) {
     };
   }
   function continuous() {
-    return transformer$3()(identity$7, identity$7);
+    return transformer$3()(identity$8, identity$8);
   }
   function formatDecimal(x) {
     return Math.abs(x = Math.round(x)) >= 1e21 ? x.toLocaleString("en").replace(/,/g, "") : x.toString(10);
@@ -3692,12 +3692,12 @@ function _toPrimitive2(input, hint) {
     return exponent2 < 0 ? "0." + new Array(-exponent2).join("0") + coefficient : coefficient.length > exponent2 + 1 ? coefficient.slice(0, exponent2 + 1) + "." + coefficient.slice(exponent2 + 1) : coefficient + new Array(exponent2 - coefficient.length + 2).join("0");
   }
   const formatTypes = { "%": (x, p) => (x * 100).toFixed(p), "b": (x) => Math.round(x).toString(2), "c": (x) => x + "", "d": formatDecimal, "e": (x, p) => x.toExponential(p), "f": (x, p) => x.toFixed(p), "g": (x, p) => x.toPrecision(p), "o": (x) => Math.round(x).toString(8), "p": (x, p) => formatRounded(x * 100, p), "r": formatRounded, "s": formatPrefixAuto, "X": (x) => Math.round(x).toString(16).toUpperCase(), "x": (x) => Math.round(x).toString(16) };
-  function identity$6(x) {
+  function identity$7(x) {
     return x;
   }
   var map$6 = Array.prototype.map, prefixes$1 = ["y", "z", "a", "f", "p", "n", "\xB5", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y"];
   function formatLocale$1(locale2) {
-    var group2 = locale2.grouping === void 0 || locale2.thousands === void 0 ? identity$6 : formatGroup(map$6.call(locale2.grouping, Number), locale2.thousands + ""), currencyPrefix = locale2.currency === void 0 ? "" : locale2.currency[0] + "", currencySuffix = locale2.currency === void 0 ? "" : locale2.currency[1] + "", decimal = locale2.decimal === void 0 ? "." : locale2.decimal + "", numerals = locale2.numerals === void 0 ? identity$6 : formatNumerals(map$6.call(locale2.numerals, String)), percent = locale2.percent === void 0 ? "%" : locale2.percent + "", minus = locale2.minus === void 0 ? "\u2212" : locale2.minus + "", nan = locale2.nan === void 0 ? "NaN" : locale2.nan + "";
+    var group2 = locale2.grouping === void 0 || locale2.thousands === void 0 ? identity$7 : formatGroup(map$6.call(locale2.grouping, Number), locale2.thousands + ""), currencyPrefix = locale2.currency === void 0 ? "" : locale2.currency[0] + "", currencySuffix = locale2.currency === void 0 ? "" : locale2.currency[1] + "", decimal = locale2.decimal === void 0 ? "." : locale2.decimal + "", numerals = locale2.numerals === void 0 ? identity$7 : formatNumerals(map$6.call(locale2.numerals, String)), percent = locale2.percent === void 0 ? "%" : locale2.percent + "", minus = locale2.minus === void 0 ? "\u2212" : locale2.minus + "", nan = locale2.nan === void 0 ? "NaN" : locale2.nan + "";
     function newFormat(specifier) {
       specifier = formatSpecifier(specifier);
       var fill = specifier.fill, align = specifier.align, sign2 = specifier.sign, symbol = specifier.symbol, zero2 = specifier.zero, width = specifier.width, comma = specifier.comma, precision = specifier.precision, trim = specifier.trim, type2 = specifier.type;
@@ -3877,7 +3877,7 @@ function _toPrimitive2(input, hint) {
     initRange.apply(scale, arguments);
     return linearish(scale);
   }
-  function identity$5(domain2) {
+  function identity$6(domain2) {
     var unknown;
     function scale(x) {
       return x == null || isNaN(x = +x) ? unknown : x;
@@ -3890,7 +3890,7 @@ function _toPrimitive2(input, hint) {
       return arguments.length ? (unknown = _, scale) : unknown;
     };
     scale.copy = function() {
-      return identity$5(domain2).unknown(unknown);
+      return identity$6(domain2).unknown(unknown);
     };
     domain2 = arguments.length ? Array.from(domain2, number$2) : [0, 1];
     return linearish(scale);
@@ -4063,9 +4063,9 @@ function _toPrimitive2(input, hint) {
     return x < 0 ? -x * x : x * x;
   }
   function powish(transform2) {
-    var scale = transform2(identity$7, identity$7), exponent2 = 1;
+    var scale = transform2(identity$8, identity$8), exponent2 = 1;
     function rescale() {
-      return exponent2 === 1 ? transform2(identity$7, identity$7) : exponent2 === 0.5 ? transform2(transformSqrt, transformSquare) : transform2(transformPow(exponent2), transformPow(1 / exponent2));
+      return exponent2 === 1 ? transform2(identity$8, identity$8) : exponent2 === 0.5 ? transform2(transformSqrt, transformSquare) : transform2(transformPow(exponent2), transformPow(1 / exponent2));
     }
     scale.exponent = function(_) {
       return arguments.length ? (exponent2 = +_, rescale()) : exponent2;
@@ -4218,13 +4218,13 @@ function _toPrimitive2(input, hint) {
     };
     return initRange.apply(scale, arguments);
   }
-  const t0 = new Date(), t1 = new Date();
+  const t0 = /* @__PURE__ */ new Date(), t1 = /* @__PURE__ */ new Date();
   function timeInterval(floori, offseti, count2, field) {
     function interval2(date2) {
-      return floori(date2 = arguments.length === 0 ? new Date() : new Date(+date2)), date2;
+      return floori(date2 = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+date2)), date2;
     }
     interval2.floor = (date2) => {
-      return floori(date2 = new Date(+date2)), date2;
+      return floori(date2 = /* @__PURE__ */ new Date(+date2)), date2;
     };
     interval2.ceil = (date2) => {
       return floori(date2 = new Date(date2 - 1)), offseti(date2, 1), floori(date2), date2;
@@ -4234,7 +4234,7 @@ function _toPrimitive2(input, hint) {
       return date2 - d0 < d1 - date2 ? d0 : d1;
     };
     interval2.offset = (date2, step) => {
-      return offseti(date2 = new Date(+date2), step == null ? 1 : Math.floor(step)), date2;
+      return offseti(date2 = /* @__PURE__ */ new Date(+date2), step == null ? 1 : Math.floor(step)), date2;
     };
     interval2.range = (start2, stop, step) => {
       const range2 = [];
@@ -4244,7 +4244,7 @@ function _toPrimitive2(input, hint) {
         return range2;
       let previous;
       do
-        range2.push(previous = new Date(+start2)), offseti(start2, step), floori(start2);
+        range2.push(previous = /* @__PURE__ */ new Date(+start2)), offseti(start2, step), floori(start2);
       while (previous < start2 && start2 < stop);
       return range2;
     };
@@ -4550,7 +4550,7 @@ function _toPrimitive2(input, hint) {
       return function(date2) {
         var string = [], i2 = -1, j = 0, n = specifier.length, c2, pad3, format2;
         if (!(date2 instanceof Date))
-          date2 = new Date(+date2);
+          date2 = /* @__PURE__ */ new Date(+date2);
         while (++i2 < n) {
           if (specifier.charCodeAt(i2) === 37) {
             string.push(specifier.slice(j, i2));
@@ -4978,7 +4978,7 @@ function _toPrimitive2(input, hint) {
     return new Date(t);
   }
   function number$1(t) {
-    return t instanceof Date ? +t : +new Date(+t);
+    return t instanceof Date ? +t : +/* @__PURE__ */ new Date(+t);
   }
   function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, second2, format2) {
     var scale = continuous(), invert = scale.invert, domain2 = scale.domain;
@@ -5017,7 +5017,7 @@ function _toPrimitive2(input, hint) {
     return initRange.apply(calendar(utcTicks, utcTickInterval, utcYear, utcMonth, utcSunday, utcDay, utcHour, utcMinute, second, utcFormat).domain([Date.UTC(2e3, 0, 1), Date.UTC(2e3, 0, 2)]), arguments);
   }
   function transformer$2() {
-    var x02 = 0, x12 = 1, t02, t12, k10, transform2, interpolator = identity$7, clamp = false, unknown;
+    var x02 = 0, x12 = 1, t02, t12, k10, transform2, interpolator = identity$8, clamp = false, unknown;
     function scale(x) {
       return x == null || isNaN(x = +x) ? unknown : interpolator(k10 === 0 ? 0.5 : (x = (transform2(x) - t02) * k10, clamp ? Math.max(0, Math.min(1, x)) : x));
     }
@@ -5050,7 +5050,7 @@ function _toPrimitive2(input, hint) {
     return target.domain(source.domain()).interpolator(source.interpolator()).clamp(source.clamp()).unknown(source.unknown());
   }
   function sequential() {
-    var scale = linearish(transformer$2()(identity$7));
+    var scale = linearish(transformer$2()(identity$8));
     scale.copy = function() {
       return copy$1(scale, sequential());
     };
@@ -5081,7 +5081,7 @@ function _toPrimitive2(input, hint) {
     return sequentialPow.apply(null, arguments).exponent(0.5);
   }
   function sequentialQuantile() {
-    var domain2 = [], interpolator = identity$7;
+    var domain2 = [], interpolator = identity$8;
     function scale(x) {
       if (x != null && !isNaN(x = +x))
         return interpolator((bisect(domain2, x, 1) - 1) / (domain2.length - 1));
@@ -5111,7 +5111,7 @@ function _toPrimitive2(input, hint) {
     return initInterpolator.apply(scale, arguments);
   }
   function transformer$1() {
-    var x02 = 0, x12 = 0.5, x2 = 1, s = 1, t02, t12, t22, k10, k21, interpolator = identity$7, transform2, clamp = false, unknown;
+    var x02 = 0, x12 = 0.5, x2 = 1, s = 1, t02, t12, t22, k10, k21, interpolator = identity$8, transform2, clamp = false, unknown;
     function scale(x) {
       return isNaN(x = +x) ? unknown : (x = 0.5 + ((x = +transform2(x)) - t12) * (s * x < s * t12 ? k10 : k21), interpolator(clamp ? Math.max(0, Math.min(1, x)) : x));
     }
@@ -5141,7 +5141,7 @@ function _toPrimitive2(input, hint) {
     };
   }
   function diverging() {
-    var scale = linearish(transformer$1()(identity$7));
+    var scale = linearish(transformer$1()(identity$8));
     scale.copy = function() {
       return copy$1(scale, diverging());
     };
@@ -5171,7 +5171,7 @@ function _toPrimitive2(input, hint) {
   function divergingSqrt() {
     return divergingPow.apply(null, arguments).exponent(0.5);
   }
-  const d3Scale = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, scaleBand: band, scalePoint: point, scaleIdentity: identity$5, scaleLinear: linear, scaleLog: log$4, scaleSymlog: symlog, scaleOrdinal: ordinal, scaleImplicit: implicit, scalePow: pow$1, scaleSqrt: sqrt$1, scaleRadial: radial, scaleQuantile: quantile, scaleQuantize: quantize, scaleThreshold: threshold, scaleTime: time$1, scaleUtc: utcTime, scaleSequential: sequential, scaleSequentialLog: sequentialLog, scaleSequentialPow: sequentialPow, scaleSequentialSqrt: sequentialSqrt, scaleSequentialSymlog: sequentialSymlog, scaleSequentialQuantile: sequentialQuantile, scaleDiverging: diverging, scaleDivergingLog: divergingLog, scaleDivergingPow: divergingPow, scaleDivergingSqrt: divergingSqrt, scaleDivergingSymlog: divergingSymlog, tickFormat }, Symbol.toStringTag, { value: "Module" }));
+  const d3Scale = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, scaleBand: band, scalePoint: point, scaleIdentity: identity$6, scaleLinear: linear, scaleLog: log$4, scaleSymlog: symlog, scaleOrdinal: ordinal, scaleImplicit: implicit, scalePow: pow$1, scaleSqrt: sqrt$1, scaleRadial: radial, scaleQuantile: quantile, scaleQuantize: quantize, scaleThreshold: threshold, scaleTime: time$1, scaleUtc: utcTime, scaleSequential: sequential, scaleSequentialLog: sequentialLog, scaleSequentialPow: sequentialPow, scaleSequentialSqrt: sequentialSqrt, scaleSequentialSymlog: sequentialSymlog, scaleSequentialQuantile: sequentialQuantile, scaleDiverging: diverging, scaleDivergingLog: divergingLog, scaleDivergingPow: divergingPow, scaleDivergingSqrt: divergingSqrt, scaleDivergingSymlog: divergingSymlog, tickFormat }, Symbol.toStringTag, { value: "Module" }));
   var slugid$2 = { exports: {} };
   var slugid$1 = {};
   var getRandomValues;
@@ -13951,7 +13951,9 @@ function _toPrimitive2(input, hint) {
     let insertPoint = chromInfoBisector(chromInfo.cumPositions, absPosition);
     const lastChr = chromInfo.cumPositions[chromInfo.cumPositions.length - 1].chr;
     const lastLength = chromInfo.chromLengths[lastChr];
-    insertPoint -= insertPoint > 0 && 1;
+    if (insertPoint > 0) {
+      insertPoint -= 1;
+    }
     let chrPosition = Math.floor(absPosition - chromInfo.cumPositions[insertPoint].pos);
     let offset = 0;
     if (chrPosition < 0) {
@@ -13965,13 +13967,13 @@ function _toPrimitive2(input, hint) {
     return [chromInfo.cumPositions[insertPoint].chr, chrPosition, offset, insertPoint];
   };
   const accessorTransposition = (x, y) => (i2) => i2 % x * y + Math.floor(i2 / x);
-  const STD_ACC = (i2) => i2;
-  const addArrays = (a1, a2, accessor = STD_ACC) => a1.map((val2, i2) => val2 + a2[accessor(i2)]);
+  const identity$5 = (i2) => i2;
+  const addArrays = (a1, a2, accessor = identity$5) => a1.map((val2, i2) => val2 + a2[accessor(i2)]);
   const XMLNS$2 = "http://www.w3.org/2000/svg";
   const hasClass$1 = (el, className2) => {
     if (el.namespaceURI === XMLNS$2) {
       const _class = el.getAttribute("class");
-      return _class && !!_class.match(new RegExp(`(\\s|^)${className2}(\\s|$)`));
+      return !!_class && !!_class.match(new RegExp(`(\\s|^)${className2}(\\s|$)`));
     }
     if (el.classList)
       return el.classList.contains(className2);
@@ -13997,7 +13999,12 @@ function _toPrimitive2(input, hint) {
       img.onload = () => {
         canvas.width = width || img.width;
         canvas.height = height || img.height;
-        canvas.getContext("2d").drawImage(img, 0, 0);
+        const context = canvas.getContext("2d");
+        if (!context) {
+          reject(new Error("Could not get canvas context"));
+          return;
+        }
+        context.drawImage(img, 0, 0);
         resolve2(canvas);
       };
       img.onerror = () => {
@@ -14008,6 +14015,9 @@ function _toPrimitive2(input, hint) {
   };
   const chrToAbs = (chrom, chromPos, chromInfo) => chromInfo.chrPositions[chrom].pos + chromPos;
   const cloneEvent = (event) => {
+    if (!(event instanceof Event)) {
+      throw new Error("Event must be an instance of Event");
+    }
     const newEvent = new event.constructor(event.type, event);
     newEvent.sourceUid = event.sourceUid;
     newEvent.forwarded = event.forwarded;
@@ -14244,7 +14254,7 @@ function _toPrimitive2(input, hint) {
   }
   const osm = { type: "osm-tiles", datatype: ["map-tiles"], local: true, orientation: "2d", hidden: true, name: "OSM Tiles", thumbnail: svgGeoMapIcon, availableOptions: ["minPos", "maxPos", "maxZoom", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "name"], defaultOptions: { minPos: -180, maxPos: 180, maxZoom: 19, labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0 } };
   const mapbox = { type: "mapbox-tiles", datatype: ["map-tiles"], local: true, orientation: "2d", hidden: true, name: "Mapbox Tiles", thumbnail: svgGeoMapIcon, availableOptions: ["style", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "name"], defaultOptions: { style: "mapbox.streets", labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0 } };
-  const TRACKS_INFO = [osm, { ...osm, type: "osm" }, mapbox, { ...mapbox, type: "mapbox" }, { type: "left-axis", datatype: ["axis"], local: true, orientation: "1d-vertical", name: "Left Axis", thumbnail: svgVertical1DAxisIcon, availableOptions: ["minWidth"], defaultOptions: { minWidth: 100 } }, { type: "top-axis", datatype: ["axis"], local: true, orientation: "1d-horizontal", name: "Top Axis", thumbnail: svg1DAxisIcon, defaultOptions: {} }, { type: "horizontal-rule", datatype: ["x-coord"], local: true, orientation: "whole", name: "Horizontal Rule", thumbnail: null, availableOptions: ["color"], defaultOptions: { color: "black" } }, { type: "vertical-rule", datatype: ["y-coord"], local: true, orientation: "whole", name: "Vertical Rule", thumbnail: null, availableOptions: ["color"], defaultOptions: { color: "black" } }, { type: "cross-rule", datatype: ["xy-coord"], local: true, orientation: "whole", name: "Cross Rule", thumbnail: null, availableOptions: ["color"], defaultOptions: { color: "black" } }, { type: "simple-svg", datatype: [], local: false, orientation: "2d", exportable: true, availableOptions: ["minWidth", "minHeight"], defaultOptions: { minWidth: 100, minHeight: 100 } }, { type: "heatmap", datatype: ["matrix"], local: false, orientation: "2d", thumbnail: svg2DHeatmapIcon, exportable: true, availableOptions: ["backgroundColor", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "colorbarBackgroundColor", "maxZoom", "minWidth", "minHeight", "dataTransform", "colorbarPosition", "trackBorderWidth", "trackBorderColor", "heatmapValueScaling", "showMousePosition", "mousePositionColor", "showTooltip", "extent", "zeroValueColor"], defaultOptions: { backgroundColor: "#eeeeee", labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: true, labelShowAssembly: true, colorRange: ["white", "rgba(245,166,35,1.0)", "rgba(208,2,27,1.0)", "black"], colorbarBackgroundColor: "#ffffff", maxZoom: null, minWidth: 100, minHeight: 100, colorbarPosition: "topRight", trackBorderWidth: 0, trackBorderColor: "black", heatmapValueScaling: "log", showMousePosition: false, mousePositionColor: "#000000", showTooltip: false, extent: "full", zeroValueColor: null }, defaultOptionsByTheme: { [THEME_DARK]: { backgroundColor: "#000000", colorRange: ["black", "rgba(208,2,27,1.0)", "rgba(245,166,35,1.0)", "white"], colorbarBackgroundColor: "#000000", labelColor: "#ffffff", labelBackgroundColor: "#000000", trackBorderColor: "#ffffff", mousePositionColor: "#ffffff" } } }, { type: "linear-heatmap", aliases: ["horizontal-heatmap", "vertical-heatmap"], datatype: ["matrix"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: svg2DHeatmapIcon, defaultOptions: { backgroundColor: "#eeeeee", labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: true, labelShowAssembly: true, labelColor: "black", colorRange: ["white", "rgba(245,166,35,1.0)", "rgba(208,2,27,1.0)", "black"], maxZoom: null, minWidth: 100, minHeight: 40, trackBorderWidth: 0, trackBorderColor: "black" }, availableOptions: ["backgroundColor", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "maxZoom", "minWidth", "minHeight", "dataTransform", "oneDHeatmapFlipped", "colorbarPosition", "trackBorderWidth", "trackBorderColor", "heatmapValueScaling"] }, { type: "line", aliases: ["horizontal-line", "vertical-line"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: svgHorizontalLineIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundColor", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "lineStrokeWidth", "lineStrokeColor", "valueScaling", "valueScaleMin", "valueScaleMax", "trackBorderWidth", "trackBorderColor", "trackType", "showMousePosition", "showTooltip", "mousePositionColor", "aggregationMode", "minHeight"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelBackgroundColor: "white", labelShowResolution: false, labelShowAssembly: true, axisLabelFormatting: "scientific", axisPositionHorizontal: "right", lineStrokeColor: "blue", lineStrokeWidth: 1, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, showMousePosition: false, minHeight: 20, mousePositionColor: "#000000", showTooltip: false }, defaultOptionsByTheme: { [THEME_DARK]: { labelColor: "#ffffff", labelBackgroundColor: "#000000", trackBorderColor: "#ffffff", mousePositionColor: "#ffffff" } } }, { type: "1d-heatmap", aliases: ["horizontal-1d-heatmap", "vertical-1d-heatmap"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: svgHorizontal1dHeatmap, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisPositionHorizontal", "axisMargin", "colorRange", "valueScaling", "trackBorderWidth", "trackBorderColor", "trackType", "showMousePosition", "showTooltip", "mousePositionColor", "aggregationMode"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisPositionHorizontal: "right", colorRange: ["white", "rgba(245,166,35,1.0)", "rgba(208,2,27,1.0)", "black"], valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, showMousePosition: false, mousePositionColor: "#000000", showTooltip: false } }, { type: "vector-heatmap", aliases: ["horizontal-vector-heatmap", "vertical-vector-heatmap"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, minHeight: 1, thumbnail: null, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "valueScaling", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "trackBorderWidth", "trackBorderColor", "trackType", "heatmapValueScaling"], defaultOptions: { labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, labelColor: "black", labelTextOpacity: 0.4, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", heatmapValueScaling: "log" } }, { type: "multivec", aliases: ["horizontal-multivec", "vertical-multivec"], datatype: ["multivec"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: null, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "minHeight", "valueScaling", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "trackBorderWidth", "trackBorderColor", "trackType", "heatmapValueScaling", "selectRows", "selectRowsAggregationMode", "selectRowsAggregationWithRelativeHeight", "selectRowsAggregationMethod", "colorbarBackgroundColor", "colorbarPosition", "zeroValueColor"], defaultOptions: { labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: true, labelShowAssembly: true, labelColor: "black", labelTextOpacity: 0.4, minHeight: 100, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", heatmapValueScaling: "log", selectRows: null, selectRowsAggregationMode: "mean", selectRowsAggregationWithRelativeHeight: true, selectRowsAggregationMethod: "client", colorbarBackgroundColor: "#ffffff", colorbarPosition: "topRight", zeroValueColor: null }, defaultOptionsByTheme: { [THEME_DARK]: { colorbarBackgroundColor: "#000000" } } }, { type: "point", aliases: ["horizontal-point", "vertical-point"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "pointColor", "pointSize", "valueScaling", "trackBorderWidth", "trackBorderColor"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisLabelFormatting: "scientific", axisPositionHorizontal: "right", pointColor: "red", pointSize: 3, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4 } }, { type: "divergent-bar", aliases: ["horizontal-divergent-bar", "vertical-divergent-bar"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "barFillColorTop", "barFillColorBottom", "valueScaling", "trackBorderWidth", "trackBorderColor", "barOpacity"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisPositionHorizontal: "right", axisLabelFormatting: "scientific", barFillColorBottom: "red", barFillColorTop: "green", valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, barOpacity: 1 } }, { type: "bar", aliases: ["horizontal-bar", "vertical-bar"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, availableOptions: ["align", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "barFillColor", "colorRange", "colorRangeGradient", "valueScaling", "valueScaleMin", "valueScaleMax", "trackBorderWidth", "trackBorderColor", "barOpacity", "showMousePosition", "showTooltip", "aggregationMode", "zeroLineVisible", "zeroLineColor", "zeroLineOpacity"], defaultOptions: { align: "bottom", labelColor: "[glyph-color]", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisLabelFormatting: "scientific", axisPositionHorizontal: "right", barFillColor: "darkgreen", valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, barOpacity: 1 } }, { type: "2d-tiles", datatype: ["matrix"], local: false, orientation: "2d", name: "2D Tile Outlines", thumbnail: svg2DTilesIcon }, { type: "1d-value-interval", aliases: ["horizontal-1d-value-interval", "vertical-1d-value-interval"], datatype: ["bed-value"], local: false, orientation: ["1d-horizontal"], rotatable: true, name: "1D Rectangles", availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisPositionHorizontal", "axisMargin"], defaultOptions: { labelColor: "black", labelPosition: "bottomLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, axisPositionHorizontal: "left", lineStrokeColor: "blue", valueScaling: "linear" } }, { type: "stacked-interval", aliases: ["top-stacked-interval", "left-stacked-interval"], datatype: ["stacked-interval"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: "horizontal-stacked-interval.png", availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity"] }, { type: "viewport-projection-vertical", datatype: ["1d-projection"], local: true, hidden: true, projection: true, orientation: "1d-vertical", name: "Viewport Projection", thumbnail: "viewport-projection-center.png", availableOptions: ["projectionFillColor", "projectionStrokeColor", "strokeWidth"], defaultOptions: { projectionFillColor: "#777", projectionStrokeColor: "#777", projectionFillOpacity: 0.3, projectionStrokeOpacity: 0.7, strokeWidth: 1 } }, { type: "viewport-projection-horizontal", datatype: ["1d-projection"], local: true, hidden: true, projection: true, orientation: "1d-horizontal", name: "Viewport Projection", thumbnail: "viewport-projection-center.png", availableOptions: ["projectionFillColor", "projectionStrokeColor", "strokeWidth"], defaultOptions: { projectionFillColor: "#777", projectionStrokeColor: "#777", projectionFillOpacity: 0.3, projectionStrokeOpacity: 0.7, strokeWidth: 1 } }, { type: "viewport-projection-center", datatype: ["2d-projection"], local: true, hidden: true, projection: true, orientation: "2d", name: "Viewport Projection", thumbnail: "viewport-projection-center.png", availableOptions: ["projectionFillColor", "projectionStrokeColor", "strokeWidth"], defaultOptions: { projectionFillColor: "#777", projectionStrokeColor: "#777", projectionFillOpacity: 0.3, projectionStrokeOpacity: 0.7, strokeWidth: 1 } }, { type: "gene-annotations", aliases: ["horizontal-gene-annotations", "vertical-gene-annotations"], datatype: ["gene-annotation"], local: false, defaultHeight: 90, defaultWidth: 90, rotatable: true, orientation: "1d-horizontal", name: "Gene Annotations", thumbnail: svgGeneAnnotationsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundColor", "labelBackgroundOpacity", "minHeight", "plusStrandColor", "minusStrandColor", "trackBorderWidth", "trackBorderColor", "showMousePosition", "mousePositionColor", "fontSize", "geneAnnotationHeight", "geneLabelPosition", "geneStrandSpacing"], defaultOptions: { fontSize: 10, labelColor: "black", labelBackgroundColor: "#ffffff", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, minHeight: 24, plusStrandColor: "blue", minusStrandColor: "red", trackBorderWidth: 0, trackBorderColor: "black", showMousePosition: false, mousePositionColor: "#000000", geneAnnotationHeight: 16, geneLabelPosition: "outside", geneStrandSpacing: 4 }, defaultOptionsByTheme: { [THEME_DARK]: { labelColor: "#ffffff", labelBackgroundColor: "#000000", trackBorderColor: "#ffffff", mousePositionColor: "#ffffff", plusStrandColor: "#40a0ff" } } }, { type: "arrowhead-domains", datatype: ["arrowhead-domains"], local: false, orientation: "2d", name: "Arrowhead Domains", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor"], defaultOptions: { labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black" } }, { type: "linear-2d-rectangle-domains", aliases: ["horizontal-2d-rectangle-domains", "vertical-2d-rectangle-domains"], datatype: ["2d-rectangle-domains"], local: false, orientation: "1d-horizontal", rotatable: true, name: "Horizontal 2D Rectangle Domains", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor", "rectangleDomainFillColor", "rectangleDomainStrokeColor", "rectangleDomainOpacity", "minSquareSize"], defaultOptions: { labelColor: "black", labelPosition: "bottomLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black", rectangleDomainFillColor: "grey", rectangleDomainStrokeColor: "black", rectangleDomainOpacity: 0.6, minSquareSize: "none" } }, { type: "2d-rectangle-domains", datatype: ["2d-rectangle-domains"], local: false, orientation: "2d", name: "2D Rectangle Domains", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["flipDiagonal", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor", "rectangleDomainFillColor", "rectangleDomainFillOpacity", "rectangleDomainStrokeColor", "rectangleDomainOpacity", "minSquareSize"], defaultOptions: { flipDiagonal: "none", labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black", rectangleDomainFillColor: "grey", rectangleDomainFillOpacity: 0.4, rectangleDomainStrokeColor: "black", rectangleDomainOpacity: 0.6, minSquareSize: "none" } }, { type: "horizontal-1d-annotations", datatype: ["nothing"], local: false, orientation: "1d-horizontal", name: "Horizontal 1D Annotations", thumbnail: null, availableOptions: ["fill", "fillOpacity", "stroke", "strokeOpacity", "strokeWidth", "strokePos", "regions"], defaultOptions: { fill: "red", fillOpacity: 0.2, stroke: "red", strokeOpacity: 0, strokeWidth: 1, regions: [], strokePos: [] } }, { type: "vertical-1d-annotations", datatype: ["nothing"], local: false, orientation: "1d-vertical", name: "Vertical 1D Annotations", thumbnail: null, availableOptions: ["fill", "fillOpacity", "stroke", "strokeOpacity", "regions"], defaultOptions: { fill: "red", fillOpacity: "0.2", stroke: "red", strokeOpacity: "0", regions: [] } }, { type: "2d-annotations", datatype: ["2d-annotations"], local: false, orientation: "2d", name: "2D Annotations", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor", "rectangleDomainFillColor", "rectangleDomainStrokeColor", "rectangleDomainOpacity", "minSquareSize", "isClickable", "hoverColor", "selectColor", "exclude", "trackBorderBgWidth", "trackBorderBgColor", "trackBorderBgAlpha"], defaultOptions: { labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black", rectangleDomainFillColor: "grey", rectangleDomainStrokeColor: "black", rectangleDomainOpacity: 0.6, minSquareSize: "none", isClickable: false, hoverColor: "orange", selectColor: "fuchsia", exclude: [], trackBorderBgWidth: 0, trackBorderBgColor: "black", trackBorderBgAlpha: 0.33 } }, { type: "square-markers", datatype: ["bedpe"], local: false, orientation: "2d", name: "Square Markers", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor"], defaultOptions: { labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black" } }, { type: "combined", datatype: "any", local: true, orientation: "any" }, { type: "horizontal-chromosome-grid", datatype: ["chromsizes"], local: false, orientation: "1d-horizontal", name: "Chromosome Grid", chromInfoPath: "//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv", thumbnail: null, availableOptions: ["lineStrokeWidth", "lineStrokeColor", "showMousePosition"], defaultOptions: { lineStrokeWidth: 1, lineStrokeColor: "grey", showMousePosition: false } }, { type: "vertical-chromosome-grid", datatype: ["chromsizes"], local: false, orientation: "1d-vertical", name: "Chromosome Grid", chromInfoPath: "//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv", thumbnail: null, availableOptions: ["lineStrokeWidth", "lineStrokeColor", "showMousePosition"], defaultOptions: { lineStrokeWidth: 1, lineStrokeColor: "grey", showMousePosition: false } }, { type: "2d-chromosome-grid", datatype: ["chromsizes"], local: false, orientation: "2d", name: "Chromosome Grid", chromInfoPath: "//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv", thumbnail: null, availableOptions: ["lineStrokeWidth", "lineStrokeColor"], defaultOptions: { lineStrokeWidth: 1, lineStrokeColor: "grey" } }, { type: "2d-chromosome-annotations", datatype: ["chromsizes"], local: true, orientation: "2d", name: "2D Chromosome Annotations", thumbnail: null, hidden: true }, { type: "2d-chromosome-labels", datatype: ["chromsizes"], local: true, orientation: "2d", name: "Pairwise Chromosome Labels", thumbnail: null }, { type: "chromosome-labels", aliases: ["horizontal-chromosome-labels", "vertical-chromosome-labels"], datatype: ["chromsizes"], orientation: "1d-horizontal", rotatable: true, minHeight: 35, defaultHeight: 30, name: "Chromosome Axis", thumbnail: null, availableOptions: ["color", "stroke", "fontSize", "fontIsLeftAligned", "showMousePosition", "mousePositionColor", "tickPositions", "tickFormat", "reverseOrientation"], defaultOptions: { color: "#808080", stroke: "#ffffff", fontSize: 12, fontIsLeftAligned: false, showMousePosition: false, mousePositionColor: "#000000", reverseOrientation: false }, defaultOptionsByTheme: { [THEME_DARK]: { color: "#808080", stroke: "#000000", mousePositionColor: "#ffffff" } } }, { type: "vertical-1d-tiles", datatype: ["1d-tiles"], local: false, orientation: "1d-vertical", name: "Vertical 1D Tile Outlines", thumbnail: svgVertical1DTilesIcon }, { type: "horizontal-1d-tiles", datatype: ["vector", "stacked-interval", "gene-annotation"], local: false, orientation: "1d-horizontal", name: "Horizontal 1D Tile Outlines", thumbnail: svg1DTilesIcon }, { type: "osm-2d-tile-ids", datatype: ["map-tiles"], local: false, orientation: "2d", name: "OSM Tile Outlines", thumbnail: svg2DTilesIcon, availableOptions: ["minPos", "maxPos", "maxZoom", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "name"], defaultOptions: { minPos: -180, maxPos: 180, maxZoom: 19, labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0 } }, { type: "raster-tiles", datatype: ["map-tiles"], local: true, orientation: "2d", hidden: true, name: "Raster Tiles", thumbnail: svgGeoMapIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "name"], defaultOptions: { labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0 } }, { type: "image-tiles", datatype: ["image-tiles"], local: true, orientation: "2d", hidden: true, name: "Image Tiles", thumbnail: null }, { type: "bedlike", datatype: ["bedlike"], aliases: ["vertical-bedlike"], local: false, orientation: "1d-horizontal", rotatable: true, name: "BED-like track", thumbnail: null, availableOptions: ["alternating", "annotationHeight", "annotationStyle", "fillColor", "fillOpacity", "fontColor", "fontSize", "minusStrandColor", "plusStrandColor", "labelBottomMargin", "labelColor", "labelLeftMargin", "labelPosition", "labelRightMargin", "labelTopMargin", "labelTextOpacity", "labelBackgroundOpacity", "maxAnnotationHeight", "minHeight", "trackBorderWidth", "trackBorderColor", "valueColumn", "colorEncoding", "colorRange", "colorEncodingRange", "separatePlusMinusStrands", "showTexts", "axisPositionHorizontal", "axisMargin"], defaultOptions: { alternating: false, annotationStyle: "box", fillColor: "blue", fillOpacity: 0.3, fontSize: "10", axisPositionHorizontal: "right", labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, minHeight: 20, maxAnnotationHeight: null, trackBorderWidth: 0, trackBorderColor: "black", valueColumn: null, colorEncoding: "itemRgb", showTexts: false, colorRange: ["#000000", "#652537", "#bf5458", "#fba273", "#ffffe0"], colorEncodingRange: false, separatePlusMinusStrands: true, annotationHeight: 16 } }, { type: "empty", datatype: [], orientation: "1d-horizontal", name: "Empty track", thumbnail: null, availableOptions: [], defaultOptions: {} }];
+  const TRACKS_INFO = [osm, { ...osm, type: "osm" }, mapbox, { ...mapbox, type: "mapbox" }, { type: "left-axis", datatype: ["axis"], local: true, orientation: "1d-vertical", name: "Left Axis", thumbnail: svgVertical1DAxisIcon, availableOptions: ["minWidth"], defaultOptions: { minWidth: 100 } }, { type: "top-axis", datatype: ["axis"], local: true, orientation: "1d-horizontal", name: "Top Axis", thumbnail: svg1DAxisIcon, defaultOptions: {} }, { type: "horizontal-rule", datatype: ["x-coord"], local: true, orientation: "whole", name: "Horizontal Rule", thumbnail: null, availableOptions: ["color"], defaultOptions: { color: "black" } }, { type: "vertical-rule", datatype: ["y-coord"], local: true, orientation: "whole", name: "Vertical Rule", thumbnail: null, availableOptions: ["color"], defaultOptions: { color: "black" } }, { type: "cross-rule", datatype: ["xy-coord"], local: true, orientation: "whole", name: "Cross Rule", thumbnail: null, availableOptions: ["color"], defaultOptions: { color: "black" } }, { type: "simple-svg", datatype: [], local: false, orientation: "2d", exportable: true, availableOptions: ["minWidth", "minHeight"], defaultOptions: { minWidth: 100, minHeight: 100 } }, { type: "heatmap", datatype: ["matrix"], local: false, orientation: "2d", thumbnail: svg2DHeatmapIcon, exportable: true, availableOptions: ["backgroundColor", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "colorbarBackgroundColor", "maxZoom", "minWidth", "minHeight", "dataTransform", "colorbarPosition", "trackBorderWidth", "trackBorderColor", "heatmapValueScaling", "showMousePosition", "mousePositionColor", "showTooltip", "extent", "zeroValueColor"], defaultOptions: { backgroundColor: "#eeeeee", labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: true, labelShowAssembly: true, colorRange: ["white", "rgba(245,166,35,1.0)", "rgba(208,2,27,1.0)", "black"], colorbarBackgroundColor: "#ffffff", maxZoom: null, minWidth: 100, minHeight: 100, colorbarPosition: "topRight", trackBorderWidth: 0, trackBorderColor: "black", heatmapValueScaling: "log", showMousePosition: false, mousePositionColor: "#000000", showTooltip: false, extent: "full", zeroValueColor: null }, defaultOptionsByTheme: { [THEME_DARK]: { backgroundColor: "#000000", colorRange: ["black", "rgba(208,2,27,1.0)", "rgba(245,166,35,1.0)", "white"], colorbarBackgroundColor: "#000000", labelColor: "#ffffff", labelBackgroundColor: "#000000", trackBorderColor: "#ffffff", mousePositionColor: "#ffffff" } } }, { type: "linear-heatmap", aliases: ["horizontal-heatmap", "vertical-heatmap"], datatype: ["matrix"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: svg2DHeatmapIcon, defaultOptions: { backgroundColor: "#eeeeee", labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: true, labelShowAssembly: true, labelColor: "black", colorRange: ["white", "rgba(245,166,35,1.0)", "rgba(208,2,27,1.0)", "black"], maxZoom: null, minWidth: 100, minHeight: 40, trackBorderWidth: 0, trackBorderColor: "black" }, availableOptions: ["backgroundColor", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "maxZoom", "minWidth", "minHeight", "dataTransform", "oneDHeatmapFlipped", "colorbarPosition", "trackBorderWidth", "trackBorderColor", "heatmapValueScaling"] }, { type: "line", aliases: ["horizontal-line", "vertical-line"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: svgHorizontalLineIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundColor", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "lineStrokeWidth", "lineStrokeColor", "valueScaling", "valueScaleMin", "valueScaleMax", "trackBorderWidth", "trackBorderColor", "trackType", "showMousePosition", "showTooltip", "mousePositionColor", "aggregationMode", "minHeight"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelBackgroundColor: "white", labelShowResolution: false, labelShowAssembly: true, axisLabelFormatting: "scientific", axisPositionHorizontal: "right", lineStrokeColor: "blue", lineStrokeWidth: 1, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, showMousePosition: false, minHeight: 20, mousePositionColor: "#000000", showTooltip: false }, defaultOptionsByTheme: { [THEME_DARK]: { labelColor: "#ffffff", labelBackgroundColor: "#000000", trackBorderColor: "#ffffff", mousePositionColor: "#ffffff" } } }, { type: "1d-heatmap", aliases: ["horizontal-1d-heatmap", "vertical-1d-heatmap"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: svgHorizontal1dHeatmap, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisPositionHorizontal", "axisMargin", "colorRange", "valueScaling", "trackBorderWidth", "trackBorderColor", "trackType", "showMousePosition", "showTooltip", "mousePositionColor", "aggregationMode"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisPositionHorizontal: "right", colorRange: ["white", "rgba(245,166,35,1.0)", "rgba(208,2,27,1.0)", "black"], valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, showMousePosition: false, mousePositionColor: "#000000", showTooltip: false } }, { type: "vector-heatmap", aliases: ["horizontal-vector-heatmap", "vertical-vector-heatmap"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, minHeight: 1, thumbnail: null, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "valueScaling", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "trackBorderWidth", "trackBorderColor", "trackType", "heatmapValueScaling"], defaultOptions: { labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, labelColor: "black", labelTextOpacity: 0.4, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", heatmapValueScaling: "log" } }, { type: "multivec", aliases: ["horizontal-multivec", "vertical-multivec"], datatype: ["multivec"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: null, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "minHeight", "valueScaling", "labelTextOpacity", "labelBackgroundOpacity", "colorRange", "trackBorderWidth", "trackBorderColor", "trackType", "heatmapValueScaling", "selectRows", "selectRowsAggregationMode", "selectRowsAggregationWithRelativeHeight", "selectRowsAggregationMethod", "colorbarBackgroundColor", "colorbarPosition", "zeroValueColor"], defaultOptions: { labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: true, labelShowAssembly: true, labelColor: "black", labelTextOpacity: 0.4, minHeight: 100, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", heatmapValueScaling: "log", selectRows: null, selectRowsAggregationMode: "mean", selectRowsAggregationWithRelativeHeight: true, selectRowsAggregationMethod: "client", colorbarBackgroundColor: "#ffffff", colorbarPosition: "topRight", zeroValueColor: null }, defaultOptionsByTheme: { [THEME_DARK]: { colorbarBackgroundColor: "#000000" } } }, { type: "point", aliases: ["horizontal-point", "vertical-point"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "pointColor", "pointSize", "valueScaling", "trackBorderWidth", "trackBorderColor"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisLabelFormatting: "scientific", axisPositionHorizontal: "right", pointColor: "red", pointSize: 3, valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4 } }, { type: "divergent-bar", aliases: ["horizontal-divergent-bar", "vertical-divergent-bar"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "barFillColorTop", "barFillColorBottom", "valueScaling", "trackBorderWidth", "trackBorderColor", "barOpacity"], defaultOptions: { labelColor: "black", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisPositionHorizontal: "right", axisLabelFormatting: "scientific", barFillColorBottom: "red", barFillColorTop: "green", valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, barOpacity: 1 } }, { type: "bar", aliases: ["horizontal-bar", "vertical-bar"], datatype: ["vector"], local: false, orientation: "1d-horizontal", rotatable: true, availableOptions: ["align", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelShowResolution", "labelShowAssembly", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisLabelFormatting", "axisPositionHorizontal", "axisMargin", "barFillColor", "colorRange", "colorRangeGradient", "valueScaling", "valueScaleMin", "valueScaleMax", "trackBorderWidth", "trackBorderColor", "barOpacity", "showMousePosition", "showTooltip", "aggregationMode", "zeroLineVisible", "zeroLineColor", "zeroLineOpacity"], defaultOptions: { align: "bottom", labelColor: "[glyph-color]", labelPosition: "topLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, labelShowResolution: false, labelShowAssembly: true, axisLabelFormatting: "scientific", axisPositionHorizontal: "right", barFillColor: "darkgreen", valueScaling: "linear", trackBorderWidth: 0, trackBorderColor: "black", labelTextOpacity: 0.4, barOpacity: 1 } }, { type: "2d-tiles", datatype: ["matrix"], local: false, orientation: "2d", name: "2D Tile Outlines", thumbnail: svg2DTilesIcon }, { type: "1d-value-interval", aliases: ["horizontal-1d-value-interval", "vertical-1d-value-interval"], datatype: ["bed-value"], local: false, orientation: "1d-horizontal", rotatable: true, name: "1D Rectangles", availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "axisPositionHorizontal", "axisMargin"], defaultOptions: { labelColor: "black", labelPosition: "bottomLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, axisPositionHorizontal: "left", lineStrokeColor: "blue", valueScaling: "linear" } }, { type: "stacked-interval", aliases: ["top-stacked-interval", "left-stacked-interval"], datatype: ["stacked-interval"], local: false, orientation: "1d-horizontal", rotatable: true, thumbnail: "horizontal-stacked-interval.png", availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity"] }, { type: "viewport-projection-vertical", datatype: ["1d-projection"], local: true, hidden: true, projection: true, orientation: "1d-vertical", name: "Viewport Projection", thumbnail: "viewport-projection-center.png", availableOptions: ["projectionFillColor", "projectionStrokeColor", "strokeWidth"], defaultOptions: { projectionFillColor: "#777", projectionStrokeColor: "#777", projectionFillOpacity: 0.3, projectionStrokeOpacity: 0.7, strokeWidth: 1 } }, { type: "viewport-projection-horizontal", datatype: ["1d-projection"], local: true, hidden: true, projection: true, orientation: "1d-horizontal", name: "Viewport Projection", thumbnail: "viewport-projection-center.png", availableOptions: ["projectionFillColor", "projectionStrokeColor", "strokeWidth"], defaultOptions: { projectionFillColor: "#777", projectionStrokeColor: "#777", projectionFillOpacity: 0.3, projectionStrokeOpacity: 0.7, strokeWidth: 1 } }, { type: "viewport-projection-center", datatype: ["2d-projection"], local: true, hidden: true, projection: true, orientation: "2d", name: "Viewport Projection", thumbnail: "viewport-projection-center.png", availableOptions: ["projectionFillColor", "projectionStrokeColor", "strokeWidth"], defaultOptions: { projectionFillColor: "#777", projectionStrokeColor: "#777", projectionFillOpacity: 0.3, projectionStrokeOpacity: 0.7, strokeWidth: 1 } }, { type: "gene-annotations", aliases: ["horizontal-gene-annotations", "vertical-gene-annotations"], datatype: ["gene-annotation"], local: false, defaultHeight: 90, defaultWidth: 90, rotatable: true, orientation: "1d-horizontal", name: "Gene Annotations", thumbnail: svgGeneAnnotationsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundColor", "labelBackgroundOpacity", "minHeight", "plusStrandColor", "minusStrandColor", "trackBorderWidth", "trackBorderColor", "showMousePosition", "mousePositionColor", "fontSize", "geneAnnotationHeight", "geneLabelPosition", "geneStrandSpacing"], defaultOptions: { fontSize: 10, labelColor: "black", labelBackgroundColor: "#ffffff", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, minHeight: 24, plusStrandColor: "blue", minusStrandColor: "red", trackBorderWidth: 0, trackBorderColor: "black", showMousePosition: false, mousePositionColor: "#000000", geneAnnotationHeight: 16, geneLabelPosition: "outside", geneStrandSpacing: 4 }, defaultOptionsByTheme: { [THEME_DARK]: { labelColor: "#ffffff", labelBackgroundColor: "#000000", trackBorderColor: "#ffffff", mousePositionColor: "#ffffff", plusStrandColor: "#40a0ff" } } }, { type: "arrowhead-domains", datatype: ["arrowhead-domains"], local: false, orientation: "2d", name: "Arrowhead Domains", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor"], defaultOptions: { labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black" } }, { type: "linear-2d-rectangle-domains", aliases: ["horizontal-2d-rectangle-domains", "vertical-2d-rectangle-domains"], datatype: ["2d-rectangle-domains"], local: false, orientation: "1d-horizontal", rotatable: true, name: "Horizontal 2D Rectangle Domains", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor", "rectangleDomainFillColor", "rectangleDomainStrokeColor", "rectangleDomainOpacity", "minSquareSize"], defaultOptions: { labelColor: "black", labelPosition: "bottomLeft", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black", rectangleDomainFillColor: "grey", rectangleDomainStrokeColor: "black", rectangleDomainOpacity: 0.6, minSquareSize: "none" } }, { type: "2d-rectangle-domains", datatype: ["2d-rectangle-domains"], local: false, orientation: "2d", name: "2D Rectangle Domains", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["flipDiagonal", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor", "rectangleDomainFillColor", "rectangleDomainFillOpacity", "rectangleDomainStrokeColor", "rectangleDomainOpacity", "minSquareSize"], defaultOptions: { flipDiagonal: "none", labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black", rectangleDomainFillColor: "grey", rectangleDomainFillOpacity: 0.4, rectangleDomainStrokeColor: "black", rectangleDomainOpacity: 0.6, minSquareSize: "none" } }, { type: "horizontal-1d-annotations", datatype: ["nothing"], local: false, orientation: "1d-horizontal", name: "Horizontal 1D Annotations", thumbnail: null, availableOptions: ["fill", "fillOpacity", "stroke", "strokeOpacity", "strokeWidth", "strokePos", "regions"], defaultOptions: { fill: "red", fillOpacity: 0.2, stroke: "red", strokeOpacity: 0, strokeWidth: 1, regions: [], strokePos: [] } }, { type: "vertical-1d-annotations", datatype: ["nothing"], local: false, orientation: "1d-vertical", name: "Vertical 1D Annotations", thumbnail: null, availableOptions: ["fill", "fillOpacity", "stroke", "strokeOpacity", "regions"], defaultOptions: { fill: "red", fillOpacity: "0.2", stroke: "red", strokeOpacity: "0", regions: [] } }, { type: "2d-annotations", datatype: ["2d-annotations"], local: false, orientation: "2d", name: "2D Annotations", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor", "labelTextOpacity", "labelBackgroundOpacity", "trackBorderWidth", "trackBorderColor", "rectangleDomainFillColor", "rectangleDomainStrokeColor", "rectangleDomainOpacity", "minSquareSize", "isClickable", "hoverColor", "selectColor", "exclude", "trackBorderBgWidth", "trackBorderBgColor", "trackBorderBgAlpha"], defaultOptions: { labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black", rectangleDomainFillColor: "grey", rectangleDomainStrokeColor: "black", rectangleDomainOpacity: 0.6, minSquareSize: "none", isClickable: false, hoverColor: "orange", selectColor: "fuchsia", exclude: [], trackBorderBgWidth: 0, trackBorderBgColor: "black", trackBorderBgAlpha: 0.33 } }, { type: "square-markers", datatype: ["bedpe"], local: false, orientation: "2d", name: "Square Markers", thumbnail: svgArrowheadDomainsIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "labelColor"], defaultOptions: { labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, trackBorderWidth: 0, trackBorderColor: "black" } }, { type: "combined", datatype: "any", local: true, orientation: "any" }, { type: "horizontal-chromosome-grid", datatype: ["chromsizes"], local: false, orientation: "1d-horizontal", name: "Chromosome Grid", chromInfoPath: "//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv", thumbnail: null, availableOptions: ["lineStrokeWidth", "lineStrokeColor", "showMousePosition"], defaultOptions: { lineStrokeWidth: 1, lineStrokeColor: "grey", showMousePosition: false } }, { type: "vertical-chromosome-grid", datatype: ["chromsizes"], local: false, orientation: "1d-vertical", name: "Chromosome Grid", chromInfoPath: "//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv", thumbnail: null, availableOptions: ["lineStrokeWidth", "lineStrokeColor", "showMousePosition"], defaultOptions: { lineStrokeWidth: 1, lineStrokeColor: "grey", showMousePosition: false } }, { type: "2d-chromosome-grid", datatype: ["chromsizes"], local: false, orientation: "2d", name: "Chromosome Grid", chromInfoPath: "//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv", thumbnail: null, availableOptions: ["lineStrokeWidth", "lineStrokeColor"], defaultOptions: { lineStrokeWidth: 1, lineStrokeColor: "grey" } }, { type: "2d-chromosome-annotations", datatype: ["chromsizes"], local: true, orientation: "2d", name: "2D Chromosome Annotations", thumbnail: null, hidden: true }, { type: "2d-chromosome-labels", datatype: ["chromsizes"], local: true, orientation: "2d", name: "Pairwise Chromosome Labels", thumbnail: null }, { type: "chromosome-labels", aliases: ["horizontal-chromosome-labels", "vertical-chromosome-labels"], datatype: ["chromsizes"], orientation: "1d-horizontal", rotatable: true, minHeight: 35, defaultHeight: 30, name: "Chromosome Axis", thumbnail: null, availableOptions: ["color", "stroke", "fontSize", "fontIsLeftAligned", "showMousePosition", "mousePositionColor", "tickPositions", "tickFormat", "reverseOrientation"], defaultOptions: { color: "#808080", stroke: "#ffffff", fontSize: 12, fontIsLeftAligned: false, showMousePosition: false, mousePositionColor: "#000000", reverseOrientation: false }, defaultOptionsByTheme: { [THEME_DARK]: { color: "#808080", stroke: "#000000", mousePositionColor: "#ffffff" } } }, { type: "vertical-1d-tiles", datatype: ["1d-tiles"], local: false, orientation: "1d-vertical", name: "Vertical 1D Tile Outlines", thumbnail: svgVertical1DTilesIcon }, { type: "horizontal-1d-tiles", datatype: ["vector", "stacked-interval", "gene-annotation"], local: false, orientation: "1d-horizontal", name: "Horizontal 1D Tile Outlines", thumbnail: svg1DTilesIcon }, { type: "osm-2d-tile-ids", datatype: ["map-tiles"], local: false, orientation: "2d", name: "OSM Tile Outlines", thumbnail: svg2DTilesIcon, availableOptions: ["minPos", "maxPos", "maxZoom", "labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "name"], defaultOptions: { minPos: -180, maxPos: 180, maxZoom: 19, labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0 } }, { type: "raster-tiles", datatype: ["map-tiles"], local: true, orientation: "2d", hidden: true, name: "Raster Tiles", thumbnail: svgGeoMapIcon, availableOptions: ["labelPosition", "labelLeftMargin", "labelRightMargin", "labelTopMargin", "labelBottomMargin", "name"], defaultOptions: { labelPosition: "bottomRight", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0 } }, { type: "image-tiles", datatype: ["image-tiles"], local: true, orientation: "2d", hidden: true, name: "Image Tiles", thumbnail: null }, { type: "bedlike", datatype: ["bedlike"], aliases: ["vertical-bedlike"], local: false, orientation: "1d-horizontal", rotatable: true, name: "BED-like track", thumbnail: null, availableOptions: ["alternating", "annotationHeight", "annotationStyle", "fillColor", "fillOpacity", "fontColor", "fontSize", "minusStrandColor", "plusStrandColor", "labelBottomMargin", "labelColor", "labelLeftMargin", "labelPosition", "labelRightMargin", "labelTopMargin", "labelTextOpacity", "labelBackgroundOpacity", "maxAnnotationHeight", "minHeight", "trackBorderWidth", "trackBorderColor", "valueColumn", "colorEncoding", "colorRange", "colorEncodingRange", "separatePlusMinusStrands", "showTexts", "axisPositionHorizontal", "axisMargin"], defaultOptions: { alternating: false, annotationStyle: "box", fillColor: "blue", fillOpacity: 0.3, fontSize: "10", axisPositionHorizontal: "right", labelColor: "black", labelPosition: "hidden", labelLeftMargin: 0, labelRightMargin: 0, labelTopMargin: 0, labelBottomMargin: 0, minHeight: 20, maxAnnotationHeight: null, trackBorderWidth: 0, trackBorderColor: "black", valueColumn: null, colorEncoding: "itemRgb", showTexts: false, colorRange: ["#000000", "#652537", "#bf5458", "#fba273", "#ffffe0"], colorEncodingRange: false, separatePlusMinusStrands: true, annotationHeight: 16 } }, { type: "empty", datatype: [], orientation: "1d-horizontal", name: "Empty track", thumbnail: null, availableOptions: [], defaultOptions: {} }];
   const DATATYPE_TO_TRACK_TYPE = (orientation2) => {
     const localDatatypeToTrackType = {};
     const orientationMatches = (trackInfo2) => {
@@ -14321,13 +14331,16 @@ function _toPrimitive2(input, hint) {
   const dataToGenomicLoci = (x02, x12, chromInfo) => {
     const gX0 = absToChr(x02, chromInfo);
     const gX1 = absToChr(x12, chromInfo);
+    if (!gX0 || !gX1) {
+      throw new Error("Couldn't convert data to genomic coordinates");
+    }
     return [gX0[0], Math.round(gX0[1]), gX1[0], Math.round(gX1[1])];
   };
   const debounce$1 = (func, wait, immediate) => {
     let timeout2;
     const debounced = (...args) => {
       const later = () => {
-        timeout2 = null;
+        timeout2 = void 0;
         if (!immediate) {
           func(...args);
         }
@@ -14339,9 +14352,9 @@ function _toPrimitive2(input, hint) {
         func(...args);
       }
     };
-    debounce$1.cancel = () => {
+    debounced.cancel = () => {
       clearTimeout(timeout2);
-      timeout2 = null;
+      timeout2 = void 0;
     };
     return debounced;
   };
@@ -14382,17 +14395,13 @@ function _toPrimitive2(input, hint) {
   }
   function download(filename, stringOrBlob) {
     const blob = typeof stringOrBlob === "string" ? new Blob([stringOrBlob], { type: "application/octet-stream" }) : stringOrBlob;
-    if (window.navigator.msSaveOrOpenBlob) {
-      window.navigator.msSaveBlob(blob, filename);
-    } else {
-      const elem = window.document.createElement("a");
-      elem.href = window.URL.createObjectURL(blob);
-      elem.download = filename;
-      document.body.appendChild(elem);
-      elem.click();
-      document.body.removeChild(elem);
-      URL.revokeObjectURL(elem.href);
-    }
+    const elem = window.document.createElement("a");
+    elem.href = window.URL.createObjectURL(blob);
+    elem.download = filename;
+    document.body.appendChild(elem);
+    elem.click();
+    document.body.removeChild(elem);
+    URL.revokeObjectURL(elem.href);
   }
   const fillInMinWidths = (tracks2) => {
     const horizontalLocations = ["top", "bottom", "gallery"];
@@ -14646,7 +14655,7 @@ function _toPrimitive2(input, hint) {
     }
     return object2;
   }
-  const fixtz = new Date("2019-01-01T00:00").getHours() || new Date("2019-07-01T00:00").getHours();
+  const fixtz = (/* @__PURE__ */ new Date("2019-01-01T00:00")).getHours() || (/* @__PURE__ */ new Date("2019-07-01T00:00")).getHours();
   const d3Dsv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, dsvFormat: dsv$2, csvParse: csvParse$1, csvParseRows, csvFormat, csvFormatBody, csvFormatRows, csvFormatRow, csvFormatValue, tsvParse: tsvParse$1, tsvParseRows, tsvFormat, tsvFormatBody, tsvFormatRows, tsvFormatRow, tsvFormatValue, autoType }, Symbol.toStringTag, { value: "Module" }));
   const cache$1 = {};
   const getFromCache = (url, fallback) => cache$1[url] ? Promise.resolve(cache$1[url]) : fallback(url);
@@ -15264,21 +15273,25 @@ function _toPrimitive2(input, hint) {
     }
     return track;
   };
-  const visitTracks = (tracks2, visitor, inclCombinedTracks = true, position = null) => tracks2.forEach((track) => {
-    if (track.type === "combined") {
-      if (inclCombinedTracks) {
-        visitTracks(track.contents, visitor, inclCombinedTracks, position);
-        visitor(track, position);
-      }
-    } else {
-      visitor(track, position);
+  function isCombinedTrackConfig(trackConfig) {
+    return trackConfig.type === "combined";
+  }
+  function isWheelEvent(event) {
+    return "deltaY" in event && "deltaMode" in event;
+  }
+  const visitTracks = (tracks2, visit, includeCombinedTracks = true, position = null) => tracks2.forEach((track) => {
+    if (includeCombinedTracks && isCombinedTrackConfig(track)) {
+      visitTracks(track.contents, visit, includeCombinedTracks, position);
     }
+    visit(track, position);
   });
   const visitPositionedTracks = (positionedTracks, visitor, inclCombinedTracks = true) => {
     const allTracks = [];
-    Object.keys(positionedTracks).forEach((position) => {
-      visitTracks(positionedTracks[position], visitor, inclCombinedTracks, position);
-    });
+    for (const [stringPosition, tracks2] of Object.entries(positionedTracks)) {
+      const position = stringPosition;
+      visitTracks(tracks2, visitor, inclCombinedTracks, position);
+      allTracks.push(...tracks2);
+    }
     return allTracks;
   };
   const getTrackPositionByUid = (positionedTracks, uid) => {
@@ -15291,12 +15304,15 @@ function _toPrimitive2(input, hint) {
     return position;
   };
   const map$5 = (f2) => (x) => Array.prototype.map.call(x, f2);
-  const getXylofon = () => [window, map$5((c2) => c2.charCodeAt(0))("1.12.4").map((number3) => number3 <= 999 ? `00${number3}`.slice(-3) : number3).join("")];
+  const getXylofon = () => [window, map$5((c2) => c2.charCodeAt(0))("1.13.0").map((number3) => number3 <= 999 ? `00${number3}`.slice(-3) : number3).join("")];
   const gradient = (steps, width = 1, height = 100, fromX = 0, fromY = 0, toX = 0, toY = 100) => {
     const canvas = document.createElement("canvas");
     canvas.width = width;
     canvas.height = height;
     const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      throw new Error("Could not get canvas context");
+    }
     const grd = ctx.createLinearGradient(fromX, fromY, toX, toY);
     steps.forEach((step) => {
       grd.addColorStop(step.from, step.color);
@@ -15957,6 +15973,9 @@ function _toPrimitive2(input, hint) {
   };
   const setupShowMousePosition = (context, is2d = false, isGlobal = false) => {
     const scene = is2d ? context.pMasked : context.pForeground || context.pMain;
+    if (!scene) {
+      throw new Error("setupShowMousePosition: No scene found. Please make sure to call this method after the scene has been initialized.");
+    }
     const getScales = () => [context.xScale(), context.yScale()];
     const graphics = showMousePosition(context.pubSub, context.pubSubs, context.options, getScales, context.getPosition.bind(context), context.getDimensions.bind(context), context.getProp("flipText"), is2d, isGlobal);
     scene.addChild(graphics);
@@ -15984,7 +16003,7 @@ function _toPrimitive2(input, hint) {
     let timeout2;
     let blockedCalls = 0;
     const reset2 = () => {
-      timeout2 = null;
+      timeout2 = void 0;
     };
     const debounced = (...args) => {
       const later = () => {
@@ -16004,7 +16023,7 @@ function _toPrimitive2(input, hint) {
       func(...args);
     };
     let wait = false;
-    const throttled = (request2, ...args) => {
+    const throttled = (_request, ...args) => {
       if (!wait) {
         func(...args);
         debounced(...args);
@@ -16024,6 +16043,9 @@ function _toPrimitive2(input, hint) {
     canvas.width = w;
     canvas.height = h;
     const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      throw new Error("Could not get canvas context");
+    }
     ctx.fillStyle = "transparent";
     ctx.fillRect(0, 0, canvas.width, canvas.height);
     const pix = new ImageData(pixData, canvas.width, canvas.height);
@@ -16540,7 +16562,8 @@ function _toPrimitive2(input, hint) {
       case "horizontal-multivec":
         return true;
       case "combined": {
-        return track.contents.map((t) => IS_TRACK_RANGE_SELECTABLE(t)).reduce(or, false);
+        const contents2 = track.contents;
+        return contents2.map((t) => IS_TRACK_RANGE_SELECTABLE(t)).reduce(or, false);
       }
       default:
         return false;
@@ -50127,7 +50150,7 @@ function _toPrimitive2(input, hint) {
       seq.circular = circular;
       seq.moleculeType = moleculeType;
       const dateMatch = dateStr.match(/^(\d{2})-(.{3})-(\d{4})$/);
-      const date2 = new Date();
+      const date2 = /* @__PURE__ */ new Date();
       date2.setFullYear(+dateMatch[3]);
       date2.setUTCMonth(MONTHS.indexOf(dateMatch[2].toUpperCase()));
       date2.setDate(+dateMatch[1]);
@@ -50481,6 +50504,9 @@ function _toPrimitive2(input, hint) {
     } }]);
     return LocalTileDataFetcher2;
   }();
+  function isNullDataTask(task) {
+    return task.data === null;
+  }
   let BackgroundTaskScheduler = /* @__PURE__ */ function() {
     function BackgroundTaskScheduler2() {
       _classCallCheck3(this, BackgroundTaskScheduler2);
@@ -50501,9 +50527,9 @@ function _toPrimitive2(input, hint) {
     } }, { key: "runTaskQueue", value: function runTaskQueue(deadline) {
       while ((deadline.timeRemaining() > 0 || deadline.didTimeout) && this.taskList.length) {
         const task = this.taskList.shift();
-        if (task.data === null) {
+        if (task && isNullDataTask(task)) {
           task.handler();
-        } else {
+        } else if (task) {
           task.handler(task.data);
         }
       }
@@ -64863,7 +64889,7 @@ function _toPrimitive2(input, hint) {
     return s;
   }
   Object.assign(LruCache.prototype, { put, get: get$2, find, keys: keys$1, set, shift, remove, removeAll, forEach: forEach$1, toJSON, toString: toString$1 });
-  const version = "1.12.4";
+  const version = "1.13.0";
   const button = "_button_1wnjn_1";
   const classes$7 = { button, "button-shortcut": "_button-shortcut_1wnjn_35" };
   const Button = React__default.default.forwardRef((props, ref2) => {
@@ -69050,6 +69076,8 @@ function _toPrimitive2(input, hint) {
       _this84 = _super65.call(this, props);
       _this84.dragging = false;
       _this84.element = null;
+      _this84.eventTracker = null;
+      _this84.eventTrackerOld = null;
       _this84.closing = false;
       _this84.yPositionOffset = 0;
       _this84.xPositionOffset = 0;
@@ -69094,9 +69122,9 @@ function _toPrimitive2(input, hint) {
       _this84.metaTracks = {};
       _this84.pubSubs = [];
       if (window.higlassTracksByType) {
-        Object.keys(window.higlassTracksByType).forEach((pluginTrackType) => {
+        for (const pluginTrackType in window.higlassTracksByType) {
           TRACKS_INFO_BY_TYPE[pluginTrackType] = window.higlassTracksByType[pluginTrackType].config;
-        });
+        }
       }
       _this84.boundForwardEvent = _this84.forwardEvent.bind(_assertThisInitialized3(_this84));
       _this84.boundScrollEvent = _this84.scrollEvent.bind(_assertThisInitialized3(_this84));
@@ -69104,18 +69132,32 @@ function _toPrimitive2(input, hint) {
       _this84.dispatchEventBound = _this84.dispatchEvent.bind(_assertThisInitialized3(_this84));
       _this84.zoomToDataPosHandlerBound = _this84.zoomToDataPosHandler.bind(_assertThisInitialized3(_this84));
       _this84.onScrollHandlerBound = _this84.onScrollHandler.bind(_assertThisInitialized3(_this84));
+      _this84.elementPos = { height: 0, width: 0, left: 0, top: 0 };
+      _this84.elementSelection = null;
       return _this84;
     }
-    _createClass3(TrackRenderer2, [{ key: "UNSAFE_componentWillMount", value: function UNSAFE_componentWillMount() {
+    _createClass3(TrackRenderer2, [{ key: "xScale", get: function() {
+      if (!this._xScale) {
+        throw new Error("xScale is not defined");
+      }
+      return this._xScale;
+    } }, { key: "yScale", get: function() {
+      if (!this._yScale) {
+        throw new Error("yScale is not defined");
+      }
+      return this._yScale;
+    } }, { key: "UNSAFE_componentWillMount", value: function UNSAFE_componentWillMount() {
       this.pubSubs = [];
       this.pubSubs.push(this.props.pubSub.subscribe("scroll", this.windowScrolledBound));
       this.pubSubs.push(this.props.pubSub.subscribe("app.event", this.dispatchEventBound));
       this.pubSubs.push(this.props.pubSub.subscribe("zoomToDataPos", this.zoomToDataPosHandlerBound));
       this.pubSubs.push(this.props.pubSub.subscribe("app.scroll", this.onScrollHandlerBound));
     } }, { key: "componentDidMount", value: function componentDidMount() {
+      if (!this.element) {
+        throw new Error("Component did not mount, this.element is not defined.");
+      }
       this.elementPos = this.element.getBoundingClientRect();
       this.elementSelection = select$1(this.element);
-      this.svgTrackAreaSelection = select$1(this.svgTrackArea);
       this.pStage = new GLOBALS.PIXI.Graphics();
       this.pMask = new GLOBALS.PIXI.Graphics();
       this.pOutline = new GLOBALS.PIXI.Graphics();
@@ -69167,7 +69209,7 @@ function _toPrimitive2(input, hint) {
         const options2 = track.track.options;
         const trackObject = this.trackDefObjects[track.track.uid].trackObject;
         trackObject.rerender(options2);
-        if (track.track.hasOwnProperty("contents")) {
+        if (isCombinedTrackConfig(track.track)) {
           const ctDefs = {};
           for (const ct of track.track.contents) {
             ctDefs[ct.uid] = ct;
@@ -69185,7 +69227,8 @@ function _toPrimitive2(input, hint) {
       }
     } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) {
       if (this.props.initialXDomain[0] !== prevProps.initialXDomain[0] || this.props.initialXDomain[1] !== prevProps.initialXDomain[1] || this.props.initialYDomain[0] !== prevProps.initialYDomain[0] || this.props.initialYDomain[1] !== prevProps.initialYDomain[1]) {
-        this.element.__zoom = identity$4;
+        if (this.element)
+          this.element.__zoom = identity$4;
       }
       if (prevProps.isRangeSelection !== this.props.isRangeSelection) {
         if (this.props.isRangeSelection) {
@@ -69203,28 +69246,29 @@ function _toPrimitive2(input, hint) {
       }
       this.addEventTracker();
     } }, { key: "componentWillUnmount", value: function componentWillUnmount() {
+      var _a, _b;
       this.mounted = false;
       this.removeTracks(Object.keys(this.trackDefObjects));
       this.removeMetaTracks(Object.keys(this.metaTracks));
       this.currentProps.removeDraggingChangedListener(this.draggingChanged);
-      this.currentProps.pixiStage.removeChild(this.pStage);
-      this.pMask.destroy(true);
-      this.pStage.destroy(true);
+      if (this.pStage)
+        this.currentProps.pixiStage.removeChild(this.pStage);
+      (_a = this.pMask) == null ? void 0 : _a.destroy(true);
+      (_b = this.pStage) == null ? void 0 : _b.destroy(true);
       this.pubSubs.forEach((subscription) => this.props.pubSub.unsubscribe(subscription));
       this.pubSubs = [];
       this.removeEventTracker();
-    } }, { key: "dispatchEvent", value: function dispatchEvent2(e) {
-      if (e.sourceUid === this.uid && e.type !== "contextmenu") {
-        forwardEvent(e, this.element);
+    } }, { key: "dispatchEvent", value: function dispatchEvent2(event) {
+      if (event.sourceUid === this.uid && event.type !== "contextmenu") {
+        if (this.element)
+          forwardEvent(event, this.element);
       }
     } }, { key: "isWithin", value: function isWithin(x, y) {
-      if (!this.element)
-        return false;
       const withinX = x >= this.elementPos.left && x <= this.elementPos.width + this.elementPos.left;
       const withinY = y >= this.elementPos.top && y <= this.elementPos.height + this.elementPos.top;
       return withinX && withinY;
-    } }, { key: "zoomToDataPosHandler", value: function zoomToDataPosHandler({ pos, animateTime, isMercator }) {
-      this.zoomToDataPos(...pos, animateTime, isMercator);
+    } }, { key: "zoomToDataPosHandler", value: function zoomToDataPosHandler({ pos, animateTime }) {
+      this.zoomToDataPos(...pos, animateTime);
     } }, { key: "addZoom", value: function addZoom() {
       if (!this.elementSelection || !this.currentProps.zoomable)
         return;
@@ -69236,17 +69280,19 @@ function _toPrimitive2(input, hint) {
         this.elementSelection.on(".zoom", null);
       }
     } }, { key: "setMask", value: function setMask() {
-      this.pMask.clear();
-      this.pMask.beginFill();
-      this.pMask.drawRect(this.xPositionOffset, this.yPositionOffset, this.currentProps.width, this.currentProps.height);
-      this.pMask.endFill();
+      var _a, _b, _c, _d;
+      (_a = this.pMask) == null ? void 0 : _a.clear();
+      (_b = this.pMask) == null ? void 0 : _b.beginFill();
+      (_c = this.pMask) == null ? void 0 : _c.drawRect(this.xPositionOffset, this.yPositionOffset, this.currentProps.width, this.currentProps.height);
+      (_d = this.pMask) == null ? void 0 : _d.endFill();
     } }, { key: "setBackground", value: function setBackground() {
+      var _a, _b, _c, _d, _e, _f;
       const defBgColor = this.props.theme === THEME_DARK ? "black" : "white";
-      const bgColor = colorToHex(this.currentProps.viewOptions && this.currentProps.viewOptions.backgroundColor || defBgColor);
-      this.pBackground.clear();
-      this.pBackground.beginFill(bgColor);
-      this.pBackground.drawRect(this.xPositionOffset, this.yPositionOffset, this.currentProps.width, this.currentProps.height);
-      this.pBackground.endFill();
+      const bgColor = colorToHex((_b = (_a = this.currentProps.viewOptions) == null ? void 0 : _a.backgroundColor) != null ? _b : defBgColor);
+      (_c = this.pBackground) == null ? void 0 : _c.clear();
+      (_d = this.pBackground) == null ? void 0 : _d.beginFill(bgColor);
+      (_e = this.pBackground) == null ? void 0 : _e.drawRect(this.xPositionOffset, this.yPositionOffset, this.currentProps.width, this.currentProps.height);
+      (_f = this.pBackground) == null ? void 0 : _f.endFill();
     } }, { key: "windowScrolled", value: function windowScrolled() {
       this.removeZoom();
       if (this.scrollTimeout) {
@@ -69294,6 +69340,9 @@ function _toPrimitive2(input, hint) {
     } }, { key: "setUpScales", value: function setUpScales(notify = false) {
       const currentCenterX = this.currentProps.paddingLeft + this.currentProps.leftWidth + this.currentProps.centerWidth / 2;
       const currentCenterY = this.currentProps.paddingTop + this.currentProps.topHeight + this.currentProps.centerHeight / 2;
+      if (!this.drawableToDomainX || !this.drawableToDomainY) {
+        return;
+      }
       const centerDomainXOffset = (this.drawableToDomainX(currentCenterX) - this.drawableToDomainX(this.prevCenterX)) / this.zoomTransform.k;
       const centerDomainYOffset = (this.drawableToDomainY(currentCenterY) - this.drawableToDomainY(this.prevCenterY)) / this.zoomTransform.k;
       this.cumCenterYOffset += centerDomainYOffset;
@@ -69302,8 +69351,8 @@ function _toPrimitive2(input, hint) {
       this.prevCenterX = currentCenterX;
       const visibleXDomain = [this.drawableToDomainX(0) - this.cumCenterXOffset, this.drawableToDomainX(this.currentProps.width) - this.cumCenterXOffset];
       const visibleYDomain = [this.drawableToDomainY(0) - this.cumCenterYOffset, this.drawableToDomainY(this.currentProps.height) - this.cumCenterYOffset];
-      this.xScale = linear().domain(visibleXDomain).range([0, this.currentProps.width]);
-      this.yScale = linear().domain(visibleYDomain).range([0, this.currentProps.height]);
+      this._xScale = linear().domain(visibleXDomain).range([0, this.currentProps.width]);
+      this._yScale = linear().domain(visibleYDomain).range([0, this.currentProps.height]);
       for (const uid in this.trackDefObjects) {
         const track = this.trackDefObjects[uid].trackObject;
         track.refScalesChanged(this.xScale, this.yScale);
@@ -69315,7 +69364,7 @@ function _toPrimitive2(input, hint) {
         if (trackObject === trackObjectIn) {
           return trackDef.track;
         }
-        if (trackDef.track.contents) {
+        if (isCombinedTrackConfig(trackDef.track)) {
           for (const subTrackDef of trackDef.track.contents) {
             if (trackObject.createdTracks[subTrackDef.uid] === trackObjectIn) {
               return subTrackDef;
@@ -69399,12 +69448,13 @@ function _toPrimitive2(input, hint) {
         newTrackObj.zoomed(zoomedXScale, zoomedYScale);
       }
       this.applyZoomTransform(false);
-    } }, { key: "updateMetaTracks", value: function updateMetaTracks() {
+    } }, { key: "updateMetaTracks", value: function updateMetaTracks(_unused) {
     } }, { key: "updateExistingTrackDefs", value: function updateExistingTrackDefs(newTrackDefs) {
-      for (let i2 = 0; i2 < newTrackDefs.length; i2++) {
-        this.trackDefObjects[newTrackDefs[i2].track.uid].trackDef = newTrackDefs[i2];
-        if (newTrackDefs[i2].track.type === "combined") {
-          this.trackDefObjects[newTrackDefs[i2].track.uid].trackObject.updateContents(newTrackDefs[i2].track.contents, this.createTrackObject.bind(this)).refScalesChanged(this.xScale, this.yScale);
+      for (const trackDef of newTrackDefs) {
+        const ref2 = this.trackDefObjects[trackDef.track.uid];
+        ref2.trackDef = trackDef;
+        if (isCombinedTrackConfig(trackDef.track)) {
+          ref2.trackObject.updateContents(trackDef.track.contents, this.createTrackObject.bind(this)).refScalesChanged(this.xScale, this.yScale);
         }
       }
       const updated = this.updateTrackPositions();
@@ -69452,10 +69502,12 @@ function _toPrimitive2(input, hint) {
       const setZoom = () => {
         const newTransform = identity$4.translate(translateX2, translateY2).scale(k);
         this.zoomTransform = newTransform;
-        this.emptyZoomBehavior.transform(this.elementSelection, newTransform);
+        if (this.elementSelection) {
+          this.emptyZoomBehavior.transform(this.elementSelection, newTransform);
+        }
         last2 = this.applyZoomTransform(notify);
       };
-      if (animateTime) {
+      if (animateTime && this.elementSelection) {
         let selection2 = this.elementSelection;
         this.activeTransitions += 1;
         if (!document.hidden) {
@@ -69470,11 +69522,18 @@ function _toPrimitive2(input, hint) {
       }
       return last2;
     } }, { key: "valueScaleMove", value: function valueScaleMove(movement) {
+      if (!this.zoomStartPos) {
+        return;
+      }
       for (const track of this.getTracksAtPosition(...this.zoomStartPos)) {
         track.movedY(movement);
       }
-      this.zoomTransform = this.zoomStartTransform;
+      if (this.zoomStartTransform)
+        this.zoomTransform = this.zoomStartTransform;
     } }, { key: "valueScaleZoom", value: function valueScaleZoom(event, orientation2) {
+      if (!isWheelEvent(event.sourceEvent)) {
+        return;
+      }
       const mdy = event.sourceEvent.deltaY;
       const mdm = event.sourceEvent.deltaMode;
       const myWheelDelta = (dy, dm) => dy * (dm ? 120 : 1) / 500;
@@ -69484,15 +69543,20 @@ function _toPrimitive2(input, hint) {
         const yPos = orientation2 === "1d-horizontal" ? cp[1] - track.position[1] : cp[0] - track.position[0];
         track.zoomedY(yPos, 2 ** mwd);
       }
-      this.zoomTransform = this.zoomStartTransform;
+      if (this.zoomStartTransform)
+        this.zoomTransform = this.zoomStartTransform;
     } }, { key: "zoomed", value: function zoomed(event) {
+      var _a;
       let trackOrientation = null;
       if (this.zoomStartPos) {
         const tracksAtZoomStart = this.getTracksAtPosition(...this.zoomStartPos);
         if (tracksAtZoomStart.length) {
           const trackAtZoomStart = tracksAtZoomStart[0];
           const trackDef = this.getTrackDef(trackAtZoomStart);
-          if (TRACKS_INFO_BY_TYPE[trackDef.type]) {
+          if (!trackDef) {
+            return;
+          }
+          if ((_a = TRACKS_INFO_BY_TYPE[trackDef.type]) == null ? void 0 : _a.orientation) {
             trackOrientation = TRACKS_INFO_BY_TYPE[trackDef.type].orientation;
           }
           if (trackAtZoomStart instanceof LeftTrackModifier) {
@@ -69526,7 +69590,8 @@ function _toPrimitive2(input, hint) {
         } else if (trackOrientation === "1d-vertical") {
           this.zoomTransform = identity$4.translate(this.prevZoomTransform.x, this.zoomTransform.y).scale(this.zoomTransform.k);
         }
-        this.element.__zoom = this.zoomTransform;
+        if (this.element)
+          this.element.__zoom = this.zoomTransform;
       }
       this.applyZoomTransform(true);
       this.prevZoomTransform = this.zoomTransform;
@@ -69569,13 +69634,17 @@ function _toPrimitive2(input, hint) {
       this.zoomStartPos = null;
       if (this.valueScaleZooming) {
         this.valueScaleZooming = false;
-        this.element.__zoom = this.zoomStartTransform;
+        if (this.element)
+          this.element.__zoom = this.zoomStartTransform;
       }
       this.props.pubSub.publish("app.zoomEnd");
     } }, { key: "applyZoomTransform", value: function applyZoomTransform(notify = true) {
       const props = this.currentProps;
       const paddingleft = props.paddingLeft + props.leftWidth;
       const paddingTop = props.paddingTop + props.topHeight;
+      if (!this.xScale || !this.yScale) {
+        return void 0;
+      }
       this.zoomedXScale = this.zoomTransform.rescaleX(this.xScale);
       this.zoomedYScale = this.zoomTransform.rescaleY(this.yScale);
       const newXScale = linear().domain([paddingleft, paddingleft + props.centerWidth].map(this.zoomedXScale.invert)).range([0, props.centerWidth]);
@@ -69611,7 +69680,7 @@ function _toPrimitive2(input, hint) {
       switch (track.type) {
         default: {
           const pluginTrack = this.props.pluginTracks[track.type];
-          if (pluginTrack && pluginTrack.isMetaTrack) {
+          if (pluginTrack == null ? void 0 : pluginTrack.isMetaTrack) {
             const context = { getTrackObject: this.getTrackObject.bind(this), onNewTilesLoaded: () => {
               this.currentProps.onNewTilesLoaded(track.uid);
             }, definition: track };
@@ -69622,7 +69691,7 @@ function _toPrimitive2(input, hint) {
             }
           }
           console.warn(`Unknown meta track of type: ${track.type}`);
-          return new UnknownPixiTrack(this.pStage, { name: "Unknown Track Type", type: track.type }, () => this.currentProps.onNewTilesLoaded(track.uid));
+          return new UnknownPixiTrack(this.pStage, { name: "Unknown Track Type", type: track.type });
         }
       }
     } }, { key: "createTrackObject", value: function createTrackObject(track) {
@@ -69634,9 +69703,6 @@ function _toPrimitive2(input, hint) {
       }
       return trackObject;
     } }, { key: "createLocationAgnosticTrackObject", value: function createLocationAgnosticTrackObject(track) {
-      const handleTilesetInfoReceived = (x) => {
-        this.currentProps.onTilesetInfoReceived(track.uid, x);
-      };
       let dataConfig = track.data;
       if (!dataConfig) {
         dataConfig = { server: trimTrailingSlash(track.server), tilesetUid: track.tilesetUid };
@@ -69645,7 +69711,12 @@ function _toPrimitive2(input, hint) {
         dataConfig.coordSystem = track.coordSystem;
       }
       const dataFetcher = getDataFetcher(dataConfig, this.props.pubSub, this.props.pluginDataFetchers, this.availableForPlugins);
-      const context = { id: track.uid, trackUid: track.uid, trackType: track.type, viewUid: this.viewUid, pubSub: this.props.pubSub, scene: this.pStage, dataConfig, dataFetcher, getLockGroupExtrema: () => this.currentProps.getLockGroupExtrema(track.uid), handleTilesetInfoReceived, animate: () => {
+      if (!this.pStage || !this.svgElement) {
+        throw new Error("No PIXI stage or svg element");
+      }
+      const context = { id: track.uid, trackUid: track.uid, trackType: track.type, viewUid: this.viewUid, pubSub: this.props.pubSub, scene: this.pStage, dataConfig, dataFetcher, getLockGroupExtrema: () => this.currentProps.getLockGroupExtrema(track.uid), handleTilesetInfoReceived: (tilesetInfo) => {
+        this.currentProps.onTilesetInfoReceived(track.uid, tilesetInfo);
+      }, animate: () => {
         this.currentProps.onNewTilesLoaded(track.uid);
       }, svgElement: this.svgElement, isValueScaleLocked: () => this.currentProps.isValueScaleLocked(track.uid), onValueScaleChanged: () => {
         this.currentProps.onValueScaleChanged(track.uid);
@@ -69716,7 +69787,7 @@ function _toPrimitive2(input, hint) {
             context.setDomainsCallback = track.setDomainsCallback;
             return new ViewportTracker2D$1(context, options2);
           }
-          return new Track(context, options2);
+          return new Track(context);
         case "viewport-projection-horizontal":
           if (track.registerViewportChanged && track.removeViewportChanged && track.setDomainsCallback) {
             context.registerViewportChanged = track.registerViewportChanged;
@@ -69724,7 +69795,7 @@ function _toPrimitive2(input, hint) {
             context.setDomainsCallback = track.setDomainsCallback;
             return new ViewportTrackerHorizontal(context, options2);
           }
-          return new Track(context, options2);
+          return new Track(context);
         case "viewport-projection-vertical":
           if (track.registerViewportChanged && track.removeViewportChanged && track.setDomainsCallback) {
             context.registerViewportChanged = track.registerViewportChanged;
@@ -69732,7 +69803,7 @@ function _toPrimitive2(input, hint) {
             context.setDomainsCallback = track.setDomainsCallback;
             return new ViewportTrackerVertical(context, options2);
           }
-          return new Track(context, options2);
+          return new Track(context);
         case "gene-annotations":
         case "horizontal-gene-annotations":
         case "vertical-gene-annotations":
@@ -69755,7 +69826,7 @@ function _toPrimitive2(input, hint) {
         case "combined":
           context.tracks = track.contents;
           context.createTrackObject = this.createTrackObject.bind(this);
-          return new CombinedTrack(context, options2);
+          return new CombinedTrack(context);
         case "2d-chromosome-labels":
           return new Chromosome2DLabels(context, options2);
         case "horizontal-chromosome-grid":
@@ -69899,11 +69970,13 @@ function _toPrimitive2(input, hint) {
       this.eventTracker.removeEventListener("pointerleave", this.boundForwardEvent);
       window.removeEventListener("scroll", this.boundScrollEvent);
     } }, { key: "scrollEvent", value: function scrollEvent() {
+      if (!this.element)
+        return;
       this.elementPos = this.element.getBoundingClientRect();
-    } }, { key: "forwardEvent", value: function forwardEvent2(e) {
-      e.sourceUid = this.uid;
-      e.forwarded = true;
-      this.props.pubSub.publish("app.event", e);
+    } }, { key: "forwardEvent", value: function forwardEvent2(event) {
+      event.sourceUid = this.uid;
+      event.forwarded = true;
+      this.props.pubSub.publish("app.event", event);
     } }, { key: "onScrollHandler", value: function onScrollHandler(scrollTop) {
       this.scrollTop = scrollTop;
     } }, { key: "render", value: function render2() {
@@ -69918,7 +69991,7 @@ function _toPrimitive2(input, hint) {
     return TrackRenderer2;
   }(React__default.default.Component);
   TrackRenderer.defaultProps = { pluginDataFetchers: {}, pluginTracks: {}, canvasElement: null, centerHeight: 0, centerWidth: 0, children: [], galleryDim: 0, height: 0, initialXDomain: [], initialYDomain: [], isShowGlobalMousePosition: false, isRangeSelection: false, leftWidth: 0, leftWidthNoGallery: 0, paddingLeft: 0, paddingTop: 0, positionedTracks: [], topHeight: 0, topHeightNoGallery: 0, width: 0, metaTracks: [] };
-  TrackRenderer.propTypes = { canvasElement: propTypes$3.exports.object, centerHeight: propTypes$3.exports.number, centerWidth: propTypes$3.exports.number, children: propTypes$3.exports.array, disableTrackMenu: propTypes$3.exports.bool, galleryDim: propTypes$3.exports.number, height: propTypes$3.exports.number, initialXDomain: propTypes$3.exports.array, initialYDomain: propTypes$3.exports.array, isShowGlobalMousePosition: propTypes$3.exports.bool, isRangeSelection: propTypes$3.exports.bool, leftWidth: propTypes$3.exports.number, leftWidthNoGallery: propTypes$3.exports.number, paddingLeft: propTypes$3.exports.number, paddingTop: propTypes$3.exports.number, metaTracks: propTypes$3.exports.array, onMouseMoveZoom: propTypes$3.exports.func, onNewTilesLoaded: propTypes$3.exports.func.isRequired, onScalesChanged: propTypes$3.exports.func.isRequired, pixiRenderer: propTypes$3.exports.object.isRequired, pixiStage: propTypes$3.exports.object.isRequired, pluginDataFetchers: propTypes$3.exports.object, pluginTracks: propTypes$3.exports.object, positionedTracks: propTypes$3.exports.array, pubSub: propTypes$3.exports.object.isRequired, setCentersFunction: propTypes$3.exports.func, svgElement: propTypes$3.exports.object.isRequired, theme: propTypes$3.exports.symbol.isRequired, topHeight: propTypes$3.exports.number, topHeightNoGallery: propTypes$3.exports.number, viewOptions: propTypes$3.exports.object, width: propTypes$3.exports.number, xDomainLimits: propTypes$3.exports.array, yDomainLimits: propTypes$3.exports.array, valueScaleZoom: propTypes$3.exports.bool, zoomable: propTypes$3.exports.bool.isRequired, zoomDomain: propTypes$3.exports.array };
+  TrackRenderer.propTypes = { canvasElement: propTypes$3.exports.object, centerHeight: propTypes$3.exports.number, centerWidth: propTypes$3.exports.number, children: propTypes$3.exports.array, disableTrackMenu: propTypes$3.exports.bool, galleryDim: propTypes$3.exports.number, height: propTypes$3.exports.number, initialXDomain: propTypes$3.exports.array, initialYDomain: propTypes$3.exports.array, isShowGlobalMousePosition: propTypes$3.exports.bool, isRangeSelection: propTypes$3.exports.bool, leftWidth: propTypes$3.exports.number, leftWidthNoGallery: propTypes$3.exports.number, paddingLeft: propTypes$3.exports.number, paddingTop: propTypes$3.exports.number, metaTracks: propTypes$3.exports.array, onMouseMoveZoom: propTypes$3.exports.func, onNewTilesLoaded: propTypes$3.exports.func.isRequired, onScalesChanged: propTypes$3.exports.func.isRequired, pixiRenderer: propTypes$3.exports.object.isRequired, pixiStage: propTypes$3.exports.object.isRequired, pluginDataFetchers: propTypes$3.exports.object, pluginTracks: propTypes$3.exports.object, positionedTracks: propTypes$3.exports.array, pubSub: propTypes$3.exports.object.isRequired, setCentersFunction: propTypes$3.exports.func, svgElement: propTypes$3.exports.object.isRequired, theme: propTypes$3.exports.symbol.isRequired, topHeight: propTypes$3.exports.number, topHeightNoGallery: propTypes$3.exports.number, viewOptions: propTypes$3.exports.object, width: propTypes$3.exports.number, xDomainLimits: propTypes$3.exports.array, yDomainLimits: propTypes$3.exports.array, valueScaleZoom: propTypes$3.exports.bool, zoomable: propTypes$3.exports.bool.isRequired, zoomDomain: propTypes$3.exports.array, uid: propTypes$3.exports.string, zoomLimits: propTypes$3.exports.array };
   const TrackRenderer$1 = withPubSub(withTheme(TrackRenderer));
   var index_browser = { exports: {} };
   /*! react-checkbox-tree - v1.8.0 | 2022 */
@@ -78148,7 +78221,7 @@ function _toPrimitive2(input, hint) {
       $it.schema = $schema2;
       $it.schemaPath = $schemaPath;
       $it.errSchemaPath = $errSchemaPath;
-      out += "  for (var " + $idx + " = " + 0 + "; " + $idx + " < " + $data + ".length; " + $idx + "++) { ";
+      out += "  for (var " + $idx + " = 0; " + $idx + " < " + $data + ".length; " + $idx + "++) { ";
       $it.errorPath = it.util.getPathExpr(it.errorPath, $idx, it.opts.jsonPointers, true);
       var $passData = $data + "[" + $idx + "]";
       $it.dataPathArr[$dataNxt] = $idx;