@jbrowse/plugin-wiggle 2.6.3 → 2.7.1

package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js

@@ -1,56 +1,27 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
-const drawxy_1 = require("../drawxy");
+const drawXY_1 = require("../drawXY");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
 class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
     // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const [region] = regions;
-        const groups = (0, util_1.groupBy)([...features.values()], f => f.get('source'));
+        const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         const width = (region.end - region.start) / bpPerPx;
-        const Color = await Promise.resolve().then(() => __importStar(require('color'))).then(f => f.default);
         let feats = [];
         ctx.save();
         sources.forEach(source => {
-            const features = groups[source.name];
-            if (!features) {
-                return;
-            }
-            const { reducedFeatures } = (0, drawxy_1.drawXY)(ctx, {
+            const { reducedFeatures } = (0, drawXY_1.drawXY)(ctx, {
                 ...props,
-                features,
+                features: groups[source.name] || [],
                 height,
                 colorCallback: () => source.color || 'blue',
-                Color,
             });
             ctx.strokeStyle = 'rgba(200,200,200,0.8)';
             ctx.beginPath();
@@ -58,7 +29,7 @@ class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
             ctx.lineTo(width, height);
             ctx.stroke();
             ctx.translate(0, height);
-            feats = [...feats, ...reducedFeatures];
+            feats = feats.concat(reducedFeatures);
         });
         ctx.restore();
         return { reducedFeatures: feats };

package/dist/MultiWiggleAddTrackWidget/AddTrackWorkflow.js

@@ -85,19 +85,23 @@ function MultiWiggleWidget({ model }) {
                 const obj = typeof bigWigs[0] === 'string'
                     ? { bigWigs }
                     : { subadapters: bigWigs };
-                session.addTrackConf({
-                    trackId,
-                    type: 'MultiQuantitativeTrack',
-                    name: trackName,
-                    assemblyNames: [model.assembly],
-                    adapter: {
-                        type: 'MultiWiggleAdapter',
-                        ...obj,
-                    },
-                });
-                (_a = model.view) === null || _a === void 0 ? void 0 : _a.showTrack(trackId);
+                if ((0, util_1.isSessionWithAddTracks)(session)) {
+                    session.addTrackConf({
+                        trackId,
+                        type: 'MultiQuantitativeTrack',
+                        name: trackName,
+                        assemblyNames: [model.assembly],
+                        adapter: {
+                            type: 'MultiWiggleAdapter',
+                            ...obj,
+                        },
+                    });
+                    (_a = model.view) === null || _a === void 0 ? void 0 : _a.showTrack(trackId);
+                }
                 model.clearData();
-                session.hideWidget(model);
+                if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                    session.hideWidget(model);
+                }
             } }, "Submit"),
         react_1.default.createElement("p", null, "Additional notes: "),
         react_1.default.createElement("ul", null,

package/dist/MultiWiggleRendering.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Region } from '@jbrowse/core/util/types';
 import { Feature } from '@jbrowse/core/util';
 import { Source } from './util';
-declare function WiggleRendering(props: {
+declare const MultiWiggleRendering: (props: {
     regions: Region[];
     features: Map<string, Feature>;
     bpPerPx: number;
@@ -16,6 +16,5 @@ declare function WiggleRendering(props: {
     displayModel: {
         isMultiRow: boolean;
     };
-}): React.JSX.Element;
-declare const _default: typeof WiggleRendering;
-export default _default;
+}) => React.JSX.Element;
+export default MultiWiggleRendering;

package/dist/MultiWiggleRendering.js

@@ -27,7 +27,7 @@ const mobx_react_1 = require("mobx-react");
 const react_1 = __importStar(require("react"));
 const util_1 = require("@jbrowse/core/util");
 const ui_1 = require("@jbrowse/core/ui");
-function WiggleRendering(props) {
+const MultiWiggleRendering = (0, mobx_react_1.observer)(function (props) {
     const { regions, features, bpPerPx, width, height, sources, onMouseLeave = () => { }, onMouseMove = () => { }, onFeatureClick = () => { }, displayModel, } = props;
     const [region] = regions;
     const ref = (0, react_1.useRef)(null);
@@ -84,10 +84,12 @@ function WiggleRendering(props) {
         return featureUnderMouse;
     }
     return (react_1.default.createElement("div", { ref: ref, onMouseMove: event => {
-            const featureUnderMouse = getFeatureUnderMouse(event.clientX, event.clientY);
+            const { clientX, clientY } = event;
+            const featureUnderMouse = getFeatureUnderMouse(clientX, clientY);
             onMouseMove(event, featureUnderMouse);
         }, onClick: event => {
-            const featureUnderMouse = getFeatureUnderMouse(event.clientX, event.clientY);
+            const { clientX, clientY } = event;
+            const featureUnderMouse = getFeatureUnderMouse(clientX, clientY);
             onFeatureClick(event, featureUnderMouse);
         }, onMouseLeave: event => onMouseLeave(event), style: {
             overflow: 'visible',
@@ -95,5 +97,5 @@ function WiggleRendering(props) {
             height,
         } },
         react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props })));
-}
-exports.default = (0, mobx_react_1.observer)(WiggleRendering);
+});
+exports.default = MultiWiggleRendering;

package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.js

@@ -1,55 +1,27 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
-const drawxy_1 = require("../drawxy");
+const drawXY_1 = require("../drawXY");
 const util_2 = require("../util");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
 class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
     // @ts-expect-error
     async draw(ctx, props) {
         const { sources, features } = props;
-        const groups = (0, util_1.groupBy)([...features.values()], f => f.get('source'));
-        const Color = await Promise.resolve().then(() => __importStar(require('color'))).then(f => f.default);
+        const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));
         let feats = [];
         for (const source of sources) {
-            const features = groups[source.name];
-            if (!features) {
-                continue;
-            }
-            const { reducedFeatures } = (0, drawxy_1.drawXY)(ctx, {
+            const features = groups[source.name] || [];
+            const { reducedFeatures } = (0, drawXY_1.drawXY)(ctx, {
                 ...props,
                 features,
                 offset: util_2.YSCALEBAR_LABEL_OFFSET,
                 colorCallback: () => source.color || 'blue',
-                Color,
             });
-            feats = [...feats, ...reducedFeatures];
+            feats = feats.concat(reducedFeatures);
         }
         return { reducedFeatures: feats };
     }

package/dist/Tooltip.d.ts

@@ -5,16 +5,15 @@ export type TooltipContentsComponent = React.ForwardRefExoticComponent<{
     feature: Feature;
     model: any;
 } & React.RefAttributes<HTMLDivElement>>;
-declare function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }: {
+declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }: {
     model: {
         featureUnderMouse: Feature;
     };
-    useClientY?: boolean;
+    useClientY?: boolean | undefined;
     height: number;
     clientMouseCoord: Coord;
     offsetMouseCoord: Coord;
-    clientRect?: DOMRect;
+    clientRect?: DOMRect | undefined;
     TooltipContents: TooltipContentsComponent;
-}): React.JSX.Element | null;
-declare const _default: typeof Tooltip;
-export default _default;
+}) => React.JSX.Element | null;
+export default Tooltip;

package/dist/Tooltip.js

@@ -57,7 +57,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         pointerEvents: 'none',
     },
 }));
-function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
+const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
     const { featureUnderMouse } = model;
     const [width, setWidth] = (0, react_1.useState)(0);
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
@@ -91,5 +91,5 @@ function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect
                 left: offsetMouseCoord[0],
                 height: height - util_1.YSCALEBAR_LABEL_OFFSET * 2,
             } }))) : null;
-}
-exports.default = (0, mobx_react_1.observer)(Tooltip);
+});
+exports.default = Tooltip;

package/dist/WiggleRendering.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Region } from '@jbrowse/core/util/types';
 import { Feature } from '@jbrowse/core/util';
-declare function WiggleRendering(props: {
+declare const WiggleRendering: (props: {
     regions: Region[];
     features: Map<string, Feature>;
     bpPerPx: number;
@@ -11,6 +11,5 @@ declare function WiggleRendering(props: {
     onMouseMove: Function;
     onFeatureClick: Function;
     blockKey: string;
-}): React.JSX.Element;
-declare const _default: typeof WiggleRendering;
-export default _default;
+}) => React.JSX.Element;
+export default WiggleRendering;

package/dist/WiggleRendering.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const mobx_react_1 = require("mobx-react");
 const react_1 = __importStar(require("react"));
 const ui_1 = require("@jbrowse/core/ui");
-function WiggleRendering(props) {
+const WiggleRendering = (0, mobx_react_1.observer)(function (props) {
     const { regions, features, bpPerPx, width, height, onMouseLeave = () => { }, onMouseMove = () => { }, onFeatureClick = () => { }, } = props;
     const [region] = regions;
     const ref = (0, react_1.useRef)(null);
@@ -56,5 +56,5 @@ function WiggleRendering(props) {
             height,
         } },
         react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props })));
-}
-exports.default = (0, mobx_react_1.observer)(WiggleRendering);
+});
+exports.default = WiggleRendering;

package/dist/XYPlotRenderer/XYPlotRenderer.js

@@ -1,33 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
-const drawxy_1 = require("../drawxy");
+const drawXY_1 = require("../drawXY");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
 const util_1 = require("../util");
 class XYPlotRenderer extends WiggleBaseRenderer_1.default {
@@ -39,15 +16,13 @@ class XYPlotRenderer extends WiggleBaseRenderer_1.default {
         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 = await Promise.resolve().then(() => __importStar(require('color'))).then(f => f.default);
-        return (0, drawxy_1.drawXY)(ctx, {
+        return (0, drawXY_1.drawXY)(ctx, {
             ...props,
             colorCallback: (0, configuration_1.readConfObject)(config, 'color') === '#f0f'
                 ? (_, score) => score < pivotValue ? negColor : posColor
                 : (feature, _score) => (0, configuration_1.readConfObject)(config, 'color', { feature }),
             offset: util_1.YSCALEBAR_LABEL_OFFSET,
             features: [...features.values()],
-            Color,
         });
     }
 }

package/dist/drawDensity.d.ts

@@ -0,0 +1,17 @@
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { Feature, Region } from '@jbrowse/core/util';
+import { ScaleOpts } from './util';
+export declare function drawDensity(ctx: CanvasRenderingContext2D, props: {
+    features: Map<string, Feature> | Feature[];
+    regions: Region[];
+    bpPerPx: number;
+    scaleOpts: ScaleOpts;
+    height: number;
+    ticks: {
+        values: number[];
+    };
+    displayCrossHatches: boolean;
+    config: AnyConfigurationModel;
+}): {
+    reducedFeatures: Feature[];
+};

package/dist/drawDensity.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawDensity = void 0;
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+// locals
+const util_2 = require("./util");
+const fudgeFactor = 0.3;
+const clipHeight = 2;
+function drawDensity(ctx, props) {
+    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] });
+    const cb = color === '#f0f'
+        ? (_, score) => scale(score)
+        : (feature, score) => (0, configuration_1.readConfObject)(config, 'color', { feature, score });
+    const [niceMin, niceMax] = scale2.domain();
+    let prevLeftPx = -Infinity;
+    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;
+        }
+        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;
+        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) {
+                (0, util_2.fillRectCtx)(leftPx, 0, w, clipHeight, ctx);
+            }
+            else if (score < niceMin && scaleOpts.scaleType !== 'log') {
+                (0, util_2.fillRectCtx)(leftPx, 0, w, clipHeight, ctx);
+            }
+        }
+    }
+    ctx.restore();
+    return { reducedFeatures };
+}
+exports.drawDensity = drawDensity;

package/dist/drawLine.d.ts

@@ -0,0 +1,19 @@
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { Feature, Region } from '@jbrowse/core/util';
+import { ScaleOpts } from './util';
+export declare function drawLine(ctx: CanvasRenderingContext2D, props: {
+    features: Map<string, Feature> | Feature[];
+    regions: Region[];
+    bpPerPx: number;
+    scaleOpts: ScaleOpts;
+    height: number;
+    ticks: {
+        values: number[];
+    };
+    displayCrossHatches: boolean;
+    colorCallback: (f: Feature, score: number) => string;
+    config: AnyConfigurationModel;
+    offset?: number;
+}): {
+    reducedFeatures: Feature[];
+};

package/dist/drawLine.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawLine = void 0;
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+// locals
+const util_2 = require("./util");
+const fudgeFactor = 0.3;
+const clipHeight = 2;
+function drawLine(ctx, props) {
+    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
+    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 = -Infinity;
+    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;
+        }
+        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 = 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);
+        }
+    }
+    if (displayCrossHatches) {
+        ctx.lineWidth = 1;
+        ctx.strokeStyle = 'rgba(200,200,200,0.5)';
+        values.forEach(tick => {
+            ctx.beginPath();
+            ctx.moveTo(0, Math.round(toY(tick)));
+            ctx.lineTo(width, Math.round(toY(tick)));
+            ctx.stroke();
+        });
+    }
+    return { reducedFeatures };
+}
+exports.drawLine = drawLine;

package/dist/drawXY.d.ts

@@ -0,0 +1,19 @@
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { Feature, Region } from '@jbrowse/core/util';
+import { ScaleOpts } from './util';
+export declare function drawXY(ctx: CanvasRenderingContext2D, props: {
+    features: Map<string, Feature> | Feature[];
+    bpPerPx: number;
+    regions: Region[];
+    scaleOpts: ScaleOpts;
+    height: number;
+    ticks: {
+        values: number[];
+    };
+    config: AnyConfigurationModel;
+    displayCrossHatches: boolean;
+    offset?: number;
+    colorCallback: (f: Feature, score: number) => string;
+}): {
+    reducedFeatures: Feature[];
+};