@jbrowse/plugin-wiggle 2.7.0 → 2.7.2

package/esm/MultiRowLineRenderer/MultiRowLineRenderer.js

@@ -1,12 +1,12 @@
 import { groupBy } from '@jbrowse/core/util';
-import { drawLine } from '../drawxy';
+import { drawLine } from '../drawLine';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 export default class MultiRowLineRenderer extends WiggleBaseRenderer {
     // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const [region] = regions;
-        const groups = groupBy([...features.values()], f => f.get('source'));
+        const groups = groupBy(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         const width = (region.end - region.start) / bpPerPx;
         let feats = [];
@@ -14,7 +14,7 @@ export default class MultiRowLineRenderer extends WiggleBaseRenderer {
         sources.forEach(source => {
             const { reducedFeatures } = drawLine(ctx, {
                 ...props,
-                features: groups[source.name],
+                features: groups[source.name] || [],
                 height,
                 colorCallback: () => source.color || 'blue',
             });
@@ -24,7 +24,7 @@ export default class MultiRowLineRenderer extends WiggleBaseRenderer {
             ctx.lineTo(width, height);
             ctx.stroke();
             ctx.translate(0, height);
-            feats = [...feats, ...reducedFeatures];
+            feats = feats.concat(reducedFeatures);
         });
         ctx.restore();
         return { reducedFeatures: feats };

package/esm/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js

@@ -1,24 +1,20 @@
 import { groupBy } from '@jbrowse/core/util';
-import { drawXY } from '../drawxy';
+import { drawXY } from '../drawXY';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
     // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const [region] = regions;
-        const groups = groupBy([...features.values()], f => f.get('source'));
+        const groups = groupBy(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         const width = (region.end - region.start) / bpPerPx;
         let feats = [];
         ctx.save();
         sources.forEach(source => {
-            const features = groups[source.name];
-            if (!features) {
-                return;
-            }
             const { reducedFeatures } = drawXY(ctx, {
                 ...props,
-                features,
+                features: groups[source.name] || [],
                 height,
                 colorCallback: () => source.color || 'blue',
             });
@@ -28,7 +24,7 @@ export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
             ctx.lineTo(width, height);
             ctx.stroke();
             ctx.translate(0, height);
-            feats = [...feats, ...reducedFeatures];
+            feats = feats.concat(reducedFeatures);
         });
         ctx.restore();
         return { reducedFeatures: feats };

package/esm/MultiXYPlotRenderer/MultiXYPlotRenderer.js

@@ -1,25 +1,22 @@
 import { groupBy } from '@jbrowse/core/util';
-import { drawXY } from '../drawxy';
+import { drawXY } from '../drawXY';
 import { YSCALEBAR_LABEL_OFFSET } from '../util';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
     // @ts-expect-error
     async draw(ctx, props) {
         const { sources, features } = props;
-        const groups = groupBy([...features.values()], f => f.get('source'));
+        const groups = groupBy(features.values(), f => f.get('source'));
         let feats = [];
         for (const source of sources) {
-            const features = groups[source.name];
-            if (!features) {
-                continue;
-            }
+            const features = groups[source.name] || [];
             const { reducedFeatures } = drawXY(ctx, {
                 ...props,
                 features,
                 offset: YSCALEBAR_LABEL_OFFSET,
                 colorCallback: () => source.color || 'blue',
             });
-            feats = [...feats, ...reducedFeatures];
+            feats = feats.concat(reducedFeatures);
         }
         return { reducedFeatures: feats };
     }

package/esm/Tooltip.js

@@ -1,6 +1,6 @@
 import React, { useMemo, useState } from 'react';
 import { observer } from 'mobx-react';
-import { alpha, Portal } from '@mui/material';
+import { alpha, Portal, useTheme } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 // locals
 import { YSCALEBAR_LABEL_OFFSET, round } from './util';
@@ -33,6 +33,8 @@ const useStyles = makeStyles()(theme => ({
     },
 }));
 const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
+    var _a, _b;
+    const theme = useTheme();
     const { featureUnderMouse } = model;
     const [width, setWidth] = useState(0);
     const [anchorEl, setAnchorEl] = useState(null);
@@ -56,8 +58,9 @@ const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, off
         },
     }), [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width, useClientY]);
     const { styles, attributes } = usePopper(virtElement, anchorEl);
+    const popperTheme = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
     return featureUnderMouse ? (React.createElement(React.Fragment, null,
-        React.createElement(Portal, null,
+        React.createElement(Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
             React.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
                 // zIndex needed to go over widget drawer
                 style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },

package/esm/XYPlotRenderer/XYPlotRenderer.js

@@ -1,5 +1,5 @@
 import { readConfObject } from '@jbrowse/core/configuration';
-import { drawXY } from '../drawxy';
+import { drawXY } from '../drawXY';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 import { YSCALEBAR_LABEL_OFFSET } from '../util';
 export default class XYPlotRenderer extends WiggleBaseRenderer {

package/esm/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/esm/drawDensity.js

@@ -0,0 +1,62 @@
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { featureSpanPx } from '@jbrowse/core/util';
+// locals
+import { fillRectCtx, getScale } from './util';
+const fudgeFactor = 0.3;
+const clipHeight = 2;
+export function drawDensity(ctx, props) {
+    const { features, regions, bpPerPx, scaleOpts, height, config } = props;
+    const [region] = regions;
+    const pivot = readConfObject(config, 'bicolorPivot');
+    const pivotValue = readConfObject(config, 'bicolorPivotValue');
+    const negColor = readConfObject(config, 'negColor');
+    const posColor = readConfObject(config, 'posColor');
+    const color = readConfObject(config, 'color');
+    const clipColor = readConfObject(config, 'clipColor');
+    const crossing = pivot !== 'none' && scaleOpts.scaleType !== 'log';
+    const scale = getScale({
+        ...scaleOpts,
+        pivotValue: crossing ? pivotValue : undefined,
+        range: crossing ? [negColor, 'white', posColor] : ['white', posColor],
+    });
+    const scale2 = getScale({ ...scaleOpts, range: [0, height] });
+    const cb = color === '#f0f'
+        ? (_, score) => scale(score)
+        : (feature, score) => 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] = 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] = featureSpanPx(feature, region, bpPerPx);
+            const w = rightPx - leftPx + fudgeFactor;
+            const 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);
+            }
+        }
+    }
+    ctx.restore();
+    return { reducedFeatures };
+}

package/esm/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/esm/drawLine.js

@@ -0,0 +1,69 @@
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { clamp, featureSpanPx } from '@jbrowse/core/util';
+// locals
+import { getScale } from './util';
+const fudgeFactor = 0.3;
+const clipHeight = 2;
+export 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 = readConfObject(config, 'clipColor');
+    const scale = getScale({ ...scaleOpts, range: [0, height] });
+    const [niceMin, niceMax] = scale.domain();
+    const toY = (n) => clamp(height - (scale(n) || 0), 0, height) + offset;
+    let lastVal;
+    let prevLeftPx = -Infinity;
+    const reducedFeatures = [];
+    for (const feature of features.values()) {
+        const [leftPx, rightPx] = 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 };
+}

package/esm/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[];
+};

package/esm/{drawxy.js → drawXY.js}

@@ -1,6 +1,8 @@
 import { readConfObject, } from '@jbrowse/core/configuration';
 import { colord } from '@jbrowse/core/util/colord';
 import { clamp, featureSpanPx } from '@jbrowse/core/util';
+// locals
+import { fillRectCtx, getOrigin, getScale } from './util';
 function lighten(color, amount) {
     const hslColor = color.toHsl();
     const l = hslColor.l * (1 + amount);
@@ -11,23 +13,6 @@ function darken(color, amount) {
     const l = hslColor.l * (1 - amount);
     return colord({ ...hslColor, l: clamp(l, 0, 100) });
 }
-// locals
-import { getOrigin, getScale } from './util';
-// avoid drawing negative width features for SVG exports
-function fillRectCtx(x, y, width, height, ctx, color) {
-    if (width < 0) {
-        x += width;
-        width = -width;
-    }
-    if (height < 0) {
-        y += height;
-        height = -height;
-    }
-    if (color) {
-        ctx.fillStyle = color;
-    }
-    ctx.fillRect(x, y, width, height);
-}
 const fudgeFactor = 0.3;
 const clipHeight = 2;
 export function drawXY(ctx, props) {
@@ -173,122 +158,3 @@ export function drawXY(ctx, props) {
     }
     return { reducedFeatures };
 }
-export 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 = readConfObject(config, 'clipColor');
-    const scale = getScale({ ...scaleOpts, range: [0, height] });
-    const [niceMin, niceMax] = scale.domain();
-    const toY = (n) => clamp(height - (scale(n) || 0), 0, height) + offset;
-    let lastVal;
-    let prevLeftPx = -Infinity;
-    const reducedFeatures = [];
-    for (const feature of features.values()) {
-        const [leftPx, rightPx] = 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 };
-}
-export function drawDensity(ctx, props) {
-    const { features, regions, bpPerPx, scaleOpts, height, config } = props;
-    const [region] = regions;
-    const pivot = readConfObject(config, 'bicolorPivot');
-    const pivotValue = readConfObject(config, 'bicolorPivotValue');
-    const negColor = readConfObject(config, 'negColor');
-    const posColor = readConfObject(config, 'posColor');
-    const color = readConfObject(config, 'color');
-    const clipColor = readConfObject(config, 'clipColor');
-    const crossing = pivot !== 'none' && scaleOpts.scaleType !== 'log';
-    const scale = getScale({
-        ...scaleOpts,
-        pivotValue: crossing ? pivotValue : undefined,
-        range: crossing ? [negColor, 'white', posColor] : ['white', posColor],
-    });
-    const scale2 = getScale({ ...scaleOpts, range: [0, height] });
-    const cb = color === '#f0f'
-        ? (_, score) => scale(score)
-        : (feature, score) => 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] = 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] = featureSpanPx(feature, region, bpPerPx);
-            const w = rightPx - leftPx + fudgeFactor;
-            const 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);
-            }
-        }
-    }
-    ctx.restore();
-    return { reducedFeatures };
-}

package/esm/util.d.ts

@@ -72,3 +72,4 @@ export declare function quantitativeStatsAutorun(self: {
 }): void;
 export declare function toP(s?: number): number;
 export declare function round(value: number): number;
+export declare function fillRectCtx(x: number, y: number, width: number, height: number, ctx: CanvasRenderingContext2D, color?: string): void;

package/esm/util.js

@@ -221,3 +221,18 @@ export function toP(s = 0) {
 export function round(value) {
     return Math.round(value * 1e5) / 1e5;
 }
+// avoid drawing negative width features for SVG exports
+export function fillRectCtx(x, y, width, height, ctx, color) {
+    if (width < 0) {
+        x += width;
+        width = -width;
+    }
+    if (height < 0) {
+        y += height;
+        height = -height;
+    }
+    if (color) {
+        ctx.fillStyle = color;
+    }
+    ctx.fillRect(x, y, width, height);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-wiggle",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "description": "JBrowse 2 wiggle adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -67,5 +67,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "dbe7fb1af01fc89f833d2744635eb44a17365b41"
+  "gitHead": "9052b295f2d322e729254457ed9fe2231fb22cce"
 }

package/dist/drawxy.d.ts

@@ -1,49 +0,0 @@
-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[];
-};
-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[];
-};
-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/esm/drawxy.d.ts

@@ -1,49 +0,0 @@
-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[];
-};
-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[];
-};
-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[];
-};