@jbrowse/plugin-wiggle 2.1.0 → 2.1.3

package/dist/drawxy.js

@@ -1,47 +1,9 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawDensity = exports.drawLine = exports.drawXY = void 0;
-var configuration_1 = require("@jbrowse/core/configuration");
-var util_1 = require("@jbrowse/core/util");
-var util_2 = require("./util");
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+const util_2 = require("./util");
 function fillRectCtx(x, y, width, height, ctx, color) {
     if (width < 0) {
         x += width;
@@ -56,160 +18,119 @@ function fillRectCtx(x, y, width, height, ctx, color) {
     }
     ctx.fillRect(x, y, width, height);
 }
-var fudgeFactor = 0.4;
-var clipHeight = 2;
+const fudgeFactor = 0.4;
+const clipHeight = 2;
 function drawXY(ctx, props) {
-    var e_1, _a, e_2, _b, e_3, _c, e_4, _d, e_5, _e;
-    var features = props.features, bpPerPx = props.bpPerPx, regions = props.regions, scaleOpts = props.scaleOpts, unadjustedHeight = props.height, config = props.config, ticks = props.ticks, displayCrossHatches = props.displayCrossHatches, _f = props.offset, offset = _f === void 0 ? 0 : _f, colorCallback = props.colorCallback, Color = props.Color;
-    var _g = __read(regions, 1), region = _g[0];
-    var width = (region.end - region.start) / bpPerPx;
+    const { features, bpPerPx, regions, scaleOpts, height: unadjustedHeight, config, ticks, displayCrossHatches, offset = 0, colorCallback, Color, } = props;
+    const [region] = regions;
+    const width = (region.end - region.start) / bpPerPx;
     // the adjusted height takes into account YSCALEBAR_LABEL_OFFSET from the
     // wiggle display, and makes the height of the actual drawn area add
     // "padding" to the top and bottom of the display
-    var height = unadjustedHeight - offset * 2;
-    var filled = (0, configuration_1.readConfObject)(config, 'filled');
-    var clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
-    var summaryScoreMode = (0, configuration_1.readConfObject)(config, 'summaryScoreMode');
-    var pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
-    var minSize = (0, configuration_1.readConfObject)(config, 'minSize');
-    var scale = (0, util_2.getScale)(__assign(__assign({}, scaleOpts), { range: [0, height] }));
-    var originY = (0, util_2.getOrigin)(scaleOpts.scaleType);
-    var _h = __read(scale.domain(), 2), niceMin = _h[0], niceMax = _h[1];
-    var toY = function (n) { return (0, util_1.clamp)(height - (scale(n) || 0), 0, height) + offset; };
-    var toOrigin = function (n) { return toY(originY) - toY(n); };
-    var getHeight = function (n) { return (filled ? toOrigin(n) : Math.max(minSize, 1)); };
-    var hasClipping = false;
-    var prevLeftPx = 0;
-    var reducedFeatures = [];
-    var crossingOrigin = niceMin < pivotValue && niceMax > pivotValue;
+    const height = unadjustedHeight - offset * 2;
+    const filled = (0, configuration_1.readConfObject)(config, 'filled');
+    const clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
+    const summaryScoreMode = (0, configuration_1.readConfObject)(config, 'summaryScoreMode');
+    const pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
+    const minSize = (0, configuration_1.readConfObject)(config, 'minSize');
+    const scale = (0, util_2.getScale)({ ...scaleOpts, range: [0, height] });
+    const originY = (0, util_2.getOrigin)(scaleOpts.scaleType);
+    const [niceMin, niceMax] = scale.domain();
+    const toY = (n) => (0, util_1.clamp)(height - (scale(n) || 0), 0, height) + offset;
+    const toOrigin = (n) => toY(originY) - toY(n);
+    const getHeight = (n) => (filled ? toOrigin(n) : Math.max(minSize, 1));
+    let hasClipping = false;
+    let prevLeftPx = 0;
+    const reducedFeatures = [];
+    const crossingOrigin = niceMin < pivotValue && niceMax > pivotValue;
     // we handle whiskers separately to render max row, min row, and avg in three
     // passes. this reduces subpixel rendering issues. note: for stylistic
     // reasons, clipping indicator is only drawn for score, not min/max score
     if (summaryScoreMode === 'whiskers') {
-        var lastCol = void 0;
-        var lastMix = void 0;
-        try {
-            for (var _j = __values(features.values()), _k = _j.next(); !_k.done; _k = _j.next()) {
-                var feature = _k.value;
-                var _l = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _l[0], rightPx = _l[1];
-                if (feature.get('summary')) {
-                    var w = rightPx - leftPx + fudgeFactor;
-                    var max = feature.get('maxScore');
-                    var c = colorCallback(feature, max);
-                    var effectiveC = crossingOrigin
-                        ? c
-                        : c === lastCol
-                            ? lastMix
-                            : (lastMix = Color(c).lighten(0.4).toString());
-                    fillRectCtx(leftPx, toY(max), w, getHeight(max), ctx, effectiveC);
-                    lastCol = c;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_k && !_k.done && (_a = _j.return)) _a.call(_j);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        lastMix = undefined;
-        lastCol = undefined;
-        try {
-            for (var _m = __values(features.values()), _o = _m.next(); !_o.done; _o = _m.next()) {
-                var feature = _o.value;
-                var _p = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _p[0], rightPx = _p[1];
-                var score = feature.get('score');
-                var max = feature.get('maxScore');
-                var min = feature.get('minScore');
-                var summary = feature.get('summary');
-                var c = colorCallback(feature, score);
-                var effectiveC = crossingOrigin && summary
-                    ? c === lastCol
+        let lastCol;
+        let lastMix;
+        for (const feature of features.values()) {
+            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+            if (feature.get('summary')) {
+                const w = rightPx - leftPx + fudgeFactor;
+                const max = feature.get('maxScore');
+                const c = colorCallback(feature, max);
+                const effectiveC = crossingOrigin
+                    ? c
+                    : c === lastCol
                         ? lastMix
-                        : (lastMix = Color(colorCallback(feature, max))
-                            .mix(Color(colorCallback(feature, min)))
-                            .toString())
-                    : c;
-                var w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-                // create reduced features, avoiding multiple features per px
-                if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
-                    reducedFeatures.push(feature);
-                    prevLeftPx = leftPx;
-                }
-                hasClipping = hasClipping || score < niceMin || score > niceMax;
-                fillRectCtx(leftPx, toY(score), w, getHeight(score), ctx, effectiveC);
+                        : (lastMix = Color(c).lighten(0.4).toString());
+                fillRectCtx(leftPx, toY(max), w, getHeight(max), ctx, effectiveC);
                 lastCol = c;
             }
         }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (_o && !_o.done && (_b = _m.return)) _b.call(_m);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
         lastMix = undefined;
         lastCol = undefined;
-        try {
-            for (var _q = __values(features.values()), _r = _q.next(); !_r.done; _r = _q.next()) {
-                var feature = _r.value;
-                var _s = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _s[0], rightPx = _s[1];
-                if (feature.get('summary')) {
-                    var min = feature.get('minScore');
-                    var c = colorCallback(feature, min);
-                    var w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-                    var effectiveC = crossingOrigin
-                        ? c
-                        : c === lastCol
-                            ? lastMix
-                            : (lastMix = Color(c).darken(0.4).toString());
-                    fillRectCtx(leftPx, toY(min), w, getHeight(min), ctx, effectiveC);
-                    lastCol = c;
-                }
+        for (const feature of features.values()) {
+            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+            const score = feature.get('score');
+            const max = feature.get('maxScore');
+            const min = feature.get('minScore');
+            const summary = feature.get('summary');
+            const c = colorCallback(feature, score);
+            const effectiveC = crossingOrigin && summary
+                ? c === lastCol
+                    ? lastMix
+                    : (lastMix = Color(colorCallback(feature, max))
+                        .mix(Color(colorCallback(feature, min)))
+                        .toString())
+                : c;
+            const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
+            // create reduced features, avoiding multiple features per px
+            if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
+                reducedFeatures.push(feature);
+                prevLeftPx = leftPx;
             }
+            hasClipping = hasClipping || score < niceMin || score > niceMax;
+            fillRectCtx(leftPx, toY(score), w, getHeight(score), ctx, effectiveC);
+            lastCol = c;
         }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-        finally {
-            try {
-                if (_r && !_r.done && (_c = _q.return)) _c.call(_q);
+        lastMix = undefined;
+        lastCol = undefined;
+        for (const feature of features.values()) {
+            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+            if (feature.get('summary')) {
+                const min = feature.get('minScore');
+                const c = colorCallback(feature, min);
+                const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
+                const effectiveC = crossingOrigin
+                    ? c
+                    : c === lastCol
+                        ? lastMix
+                        : (lastMix = Color(c).darken(0.4).toString());
+                fillRectCtx(leftPx, toY(min), w, getHeight(min), ctx, effectiveC);
+                lastCol = c;
             }
-            finally { if (e_3) throw e_3.error; }
         }
     }
     else {
-        try {
-            for (var _t = __values(features.values()), _u = _t.next(); !_u.done; _u = _t.next()) {
-                var feature = _u.value;
-                var _v = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _v[0], rightPx = _v[1];
-                // create reduced features, avoiding multiple features per px
-                if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
-                    reducedFeatures.push(feature);
-                    prevLeftPx = leftPx;
-                }
-                var score = feature.get('score');
-                var c = colorCallback(feature, score);
-                hasClipping = hasClipping || score < niceMin || score > niceMax;
-                var w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-                if (summaryScoreMode === 'max') {
-                    var s = feature.get('summary') ? feature.get('maxScore') : score;
-                    fillRectCtx(leftPx, toY(s), w, getHeight(s), ctx, c);
-                }
-                else if (summaryScoreMode === 'min') {
-                    var s = feature.get('summary') ? feature.get('minScore') : score;
-                    fillRectCtx(leftPx, toY(s), w, getHeight(s), ctx, c);
-                }
-                else {
-                    fillRectCtx(leftPx, toY(score), w, getHeight(score), ctx, c);
-                }
+        for (const feature of features.values()) {
+            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+            // create reduced features, avoiding multiple features per px
+            if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
+                reducedFeatures.push(feature);
+                prevLeftPx = leftPx;
             }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (_u && !_u.done && (_d = _t.return)) _d.call(_t);
+            const score = feature.get('score');
+            const c = colorCallback(feature, score);
+            hasClipping = hasClipping || score < niceMin || score > niceMax;
+            const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
+            if (summaryScoreMode === 'max') {
+                const s = feature.get('summary') ? feature.get('maxScore') : score;
+                fillRectCtx(leftPx, toY(s), w, getHeight(s), ctx, c);
+            }
+            else if (summaryScoreMode === 'min') {
+                const s = feature.get('summary') ? feature.get('minScore') : score;
+                fillRectCtx(leftPx, toY(s), w, getHeight(s), ctx, c);
+            }
+            else {
+                fillRectCtx(leftPx, toY(score), w, getHeight(score), ctx, c);
             }
-            finally { if (e_4) throw e_4.error; }
         }
     }
     // second pass: draw clipping
@@ -217,195 +138,155 @@ function drawXY(ctx, props) {
     ctx.save();
     if (hasClipping) {
         ctx.fillStyle = clipColor;
-        try {
-            for (var _w = __values(features.values()), _x = _w.next(); !_x.done; _x = _w.next()) {
-                var feature = _x.value;
-                var _y = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _y[0], rightPx = _y[1];
-                var w = rightPx - leftPx + fudgeFactor;
-                var score = feature.get('score');
-                if (score > niceMax) {
-                    fillRectCtx(leftPx, offset, w, clipHeight, ctx);
-                }
-                else if (score < niceMin && scaleOpts.scaleType !== 'log') {
-                    fillRectCtx(leftPx, unadjustedHeight, w, clipHeight, ctx);
-                }
+        for (const feature of features.values()) {
+            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+            const w = rightPx - leftPx + fudgeFactor;
+            const score = feature.get('score');
+            if (score > niceMax) {
+                fillRectCtx(leftPx, offset, w, clipHeight, ctx);
             }
-        }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
-        finally {
-            try {
-                if (_x && !_x.done && (_e = _w.return)) _e.call(_w);
+            else if (score < niceMin && scaleOpts.scaleType !== 'log') {
+                fillRectCtx(leftPx, unadjustedHeight, w, clipHeight, ctx);
             }
-            finally { if (e_5) throw e_5.error; }
         }
     }
     ctx.restore();
     if (displayCrossHatches) {
         ctx.lineWidth = 1;
         ctx.strokeStyle = 'rgba(200,200,200,0.5)';
-        ticks.values.forEach(function (tick) {
+        ticks.values.forEach(tick => {
             ctx.beginPath();
             ctx.moveTo(0, Math.round(toY(tick)));
             ctx.lineTo(width, Math.round(toY(tick)));
             ctx.stroke();
         });
     }
-    return { reducedFeatures: reducedFeatures };
+    return { reducedFeatures };
 }
 exports.drawXY = drawXY;
 function drawLine(ctx, props) {
-    var e_6, _a;
-    var features = props.features, regions = props.regions, bpPerPx = props.bpPerPx, scaleOpts = props.scaleOpts, unadjustedHeight = props.height, values = props.ticks.values, displayCrossHatches = props.displayCrossHatches, colorCallback = props.colorCallback, config = props.config, _b = props.offset, offset = _b === void 0 ? 0 : _b;
-    var _c = __read(regions, 1), region = _c[0];
-    var width = (region.end - region.start) / bpPerPx;
+    const { features, regions, bpPerPx, scaleOpts, height: unadjustedHeight, ticks: { values }, displayCrossHatches, colorCallback, config, offset = 0, } = props;
+    const [region] = regions;
+    const width = (region.end - region.start) / bpPerPx;
     // the adjusted height takes into account YSCALEBAR_LABEL_OFFSET from the
     // wiggle display, and makes the height of the actual drawn area add
     // "padding" to the top and bottom of the display
-    var height = unadjustedHeight - offset * 2;
-    var clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
-    var scale = (0, util_2.getScale)(__assign(__assign({}, scaleOpts), { range: [0, height] }));
-    var _d = __read(scale.domain(), 2), niceMin = _d[0], niceMax = _d[1];
-    var toY = function (n) { return (0, util_1.clamp)(height - (scale(n) || 0), 0, height) + offset; };
-    var lastVal;
-    var prevLeftPx = 0;
-    var reducedFeatures = [];
-    try {
-        for (var _e = __values(features.values()), _f = _e.next(); !_f.done; _f = _e.next()) {
-            var feature = _f.value;
-            var _g = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _g[0], rightPx = _g[1];
-            // create reduced features, avoiding multiple features per px
-            if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
-                reducedFeatures.push(feature);
-                prevLeftPx = leftPx;
-            }
-            var score = feature.get('score');
-            var lowClipping = score < niceMin;
-            var highClipping = score > niceMax;
-            var w = rightPx - leftPx + fudgeFactor;
-            var c = colorCallback(feature, score);
-            ctx.beginPath();
-            ctx.strokeStyle = c;
-            var startPos = typeof lastVal !== 'undefined' ? lastVal : score;
-            if (!region.reversed) {
-                ctx.moveTo(leftPx, toY(startPos));
-                ctx.lineTo(leftPx, toY(score));
-                ctx.lineTo(rightPx, toY(score));
-            }
-            else {
-                ctx.moveTo(rightPx, toY(startPos));
-                ctx.lineTo(rightPx, toY(score));
-                ctx.lineTo(leftPx, toY(score));
-            }
-            ctx.stroke();
-            lastVal = score;
-            if (highClipping) {
-                ctx.fillStyle = clipColor;
-                ctx.fillRect(leftPx, offset, w, clipHeight);
-            }
-            else if (lowClipping && scaleOpts.scaleType !== 'log') {
-                ctx.fillStyle = clipColor;
-                ctx.fillRect(leftPx, height - clipHeight, w, height);
-            }
+    const height = unadjustedHeight - offset * 2;
+    const clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
+    const scale = (0, util_2.getScale)({ ...scaleOpts, range: [0, height] });
+    const [niceMin, niceMax] = scale.domain();
+    const toY = (n) => (0, util_1.clamp)(height - (scale(n) || 0), 0, height) + offset;
+    let lastVal;
+    let prevLeftPx = 0;
+    const reducedFeatures = [];
+    for (const feature of features.values()) {
+        const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+        // create reduced features, avoiding multiple features per px
+        if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
+            reducedFeatures.push(feature);
+            prevLeftPx = leftPx;
         }
-    }
-    catch (e_6_1) { e_6 = { error: e_6_1 }; }
-    finally {
-        try {
-            if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
+        const score = feature.get('score');
+        const lowClipping = score < niceMin;
+        const highClipping = score > niceMax;
+        const w = rightPx - leftPx + fudgeFactor;
+        const c = colorCallback(feature, score);
+        ctx.beginPath();
+        ctx.strokeStyle = c;
+        const startPos = typeof lastVal !== 'undefined' ? lastVal : score;
+        if (!region.reversed) {
+            ctx.moveTo(leftPx, toY(startPos));
+            ctx.lineTo(leftPx, toY(score));
+            ctx.lineTo(rightPx, toY(score));
+        }
+        else {
+            ctx.moveTo(rightPx, toY(startPos));
+            ctx.lineTo(rightPx, toY(score));
+            ctx.lineTo(leftPx, toY(score));
+        }
+        ctx.stroke();
+        lastVal = score;
+        if (highClipping) {
+            ctx.fillStyle = clipColor;
+            ctx.fillRect(leftPx, offset, w, clipHeight);
+        }
+        else if (lowClipping && scaleOpts.scaleType !== 'log') {
+            ctx.fillStyle = clipColor;
+            ctx.fillRect(leftPx, height - clipHeight, w, height);
         }
-        finally { if (e_6) throw e_6.error; }
     }
     if (displayCrossHatches) {
         ctx.lineWidth = 1;
         ctx.strokeStyle = 'rgba(200,200,200,0.5)';
-        values.forEach(function (tick) {
+        values.forEach(tick => {
             ctx.beginPath();
             ctx.moveTo(0, Math.round(toY(tick)));
             ctx.lineTo(width, Math.round(toY(tick)));
             ctx.stroke();
         });
     }
-    return { reducedFeatures: reducedFeatures };
+    return { reducedFeatures };
 }
 exports.drawLine = drawLine;
 function drawDensity(ctx, props) {
-    var e_7, _a, e_8, _b;
-    var features = props.features, regions = props.regions, bpPerPx = props.bpPerPx, scaleOpts = props.scaleOpts, height = props.height, config = props.config;
-    var _c = __read(regions, 1), region = _c[0];
-    var pivot = (0, configuration_1.readConfObject)(config, 'bicolorPivot');
-    var pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
-    var negColor = (0, configuration_1.readConfObject)(config, 'negColor');
-    var posColor = (0, configuration_1.readConfObject)(config, 'posColor');
-    var color = (0, configuration_1.readConfObject)(config, 'color');
-    var clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
-    var crossing = pivot !== 'none' && scaleOpts.scaleType !== 'log';
-    var scale = (0, util_2.getScale)(__assign(__assign({}, scaleOpts), { pivotValue: crossing ? pivotValue : undefined, range: crossing ? [negColor, 'white', posColor] : ['white', posColor] }));
-    var scale2 = (0, util_2.getScale)(__assign(__assign({}, scaleOpts), { range: [0, height] }));
-    var cb;
+    const { features, regions, bpPerPx, scaleOpts, height, config } = props;
+    const [region] = regions;
+    const pivot = (0, configuration_1.readConfObject)(config, 'bicolorPivot');
+    const pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
+    const negColor = (0, configuration_1.readConfObject)(config, 'negColor');
+    const posColor = (0, configuration_1.readConfObject)(config, 'posColor');
+    const color = (0, configuration_1.readConfObject)(config, 'color');
+    const clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
+    const crossing = pivot !== 'none' && scaleOpts.scaleType !== 'log';
+    const scale = (0, util_2.getScale)({
+        ...scaleOpts,
+        pivotValue: crossing ? pivotValue : undefined,
+        range: crossing ? [negColor, 'white', posColor] : ['white', posColor],
+    });
+    const scale2 = (0, util_2.getScale)({ ...scaleOpts, range: [0, height] });
+    let cb;
     if (color === '#f0f') {
-        cb = function (_feature, score) { return scale(score); };
+        cb = (_feature, score) => scale(score);
     }
     else {
-        cb = function (feature, score) {
-            return (0, configuration_1.readConfObject)(config, 'color', { feature: feature, score: score });
-        };
+        cb = (feature, score) => (0, configuration_1.readConfObject)(config, 'color', { feature, score });
     }
-    var _d = __read(scale2.domain(), 2), niceMin = _d[0], niceMax = _d[1];
-    var prevLeftPx = 0;
-    var hasClipping = false;
-    var reducedFeatures = [];
-    try {
-        for (var _e = __values(features.values()), _f = _e.next(); !_f.done; _f = _e.next()) {
-            var feature = _f.value;
-            var _g = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _g[0], rightPx = _g[1];
-            // create reduced features, avoiding multiple features per px
-            if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
-                reducedFeatures.push(feature);
-                prevLeftPx = leftPx;
-            }
-            var score = feature.get('score');
-            hasClipping = hasClipping || score > niceMax || score < niceMin;
-            var w = rightPx - leftPx + fudgeFactor;
-            ctx.fillStyle = cb(feature, score);
-            ctx.fillRect(leftPx, 0, w, height);
+    const [niceMin, niceMax] = scale2.domain();
+    let prevLeftPx = 0;
+    let hasClipping = false;
+    const reducedFeatures = [];
+    for (const feature of features.values()) {
+        const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+        // create reduced features, avoiding multiple features per px
+        if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
+            reducedFeatures.push(feature);
+            prevLeftPx = leftPx;
         }
-    }
-    catch (e_7_1) { e_7 = { error: e_7_1 }; }
-    finally {
-        try {
-            if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
-        }
-        finally { if (e_7) throw e_7.error; }
+        const score = feature.get('score');
+        hasClipping = hasClipping || score > niceMax || score < niceMin;
+        const w = rightPx - leftPx + fudgeFactor;
+        ctx.fillStyle = cb(feature, score);
+        ctx.fillRect(leftPx, 0, w, height);
     }
     // second pass: draw clipping
     // avoid persisting the red fillstyle with save/restore
     ctx.save();
     if (hasClipping) {
         ctx.fillStyle = clipColor;
-        try {
-            for (var _h = __values(features.values()), _j = _h.next(); !_j.done; _j = _h.next()) {
-                var feature = _j.value;
-                var _k = __read((0, util_1.featureSpanPx)(feature, region, bpPerPx), 2), leftPx = _k[0], rightPx = _k[1];
-                var w = rightPx - leftPx + fudgeFactor;
-                var score = feature.get('score');
-                if (score > niceMax) {
-                    fillRectCtx(leftPx, 0, w, clipHeight, ctx);
-                }
-                else if (score < niceMin && scaleOpts.scaleType !== 'log') {
-                    fillRectCtx(leftPx, 0, w, clipHeight, ctx);
-                }
+        for (const feature of features.values()) {
+            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
+            const w = rightPx - leftPx + fudgeFactor;
+            const score = feature.get('score');
+            if (score > niceMax) {
+                fillRectCtx(leftPx, 0, w, clipHeight, ctx);
             }
-        }
-        catch (e_8_1) { e_8 = { error: e_8_1 }; }
-        finally {
-            try {
-                if (_j && !_j.done && (_b = _h.return)) _b.call(_h);
+            else if (score < niceMin && scaleOpts.scaleType !== 'log') {
+                fillRectCtx(leftPx, 0, w, clipHeight, ctx);
             }
-            finally { if (e_8) throw e_8.error; }
         }
     }
     ctx.restore();
-    return { reducedFeatures: reducedFeatures };
+    return { reducedFeatures };
 }
 exports.drawDensity = drawDensity;
 //# sourceMappingURL=drawxy.js.map