@jbrowse/plugin-wiggle 2.6.1 → 2.6.3

package/dist/MultiWiggleAdapter/configSchema.js

@@ -24,4 +24,3 @@ const MultiWiggleAdapter = (0, configuration_1.ConfigurationSchema)('MultiWiggle
     },
 }, { explicitlyTyped: true });
 exports.default = MultiWiggleAdapter;
-//# sourceMappingURL=configSchema.js.map

package/dist/MultiWiggleAdapter/index.js

@@ -44,4 +44,3 @@ exports.default = (pluginManager) => {
         getAdapterClass: () => Promise.resolve().then(() => __importStar(require('./MultiWiggleAdapter'))).then(r => r.default),
     }));
 };
-//# sourceMappingURL=index.js.map

package/dist/MultiWiggleAddTrackWidget/AddTrackWorkflow.js

@@ -110,4 +110,3 @@ function MultiWiggleWidget({ model }) {
             react_1.default.createElement("li", null, "Adding local files will update the textbox with JSON contents that are ready to submit with the \"Submit\" button"))));
 }
 exports.default = MultiWiggleWidget;
-//# sourceMappingURL=AddTrackWorkflow.js.map

package/dist/MultiWiggleAddTrackWidget/index.js

@@ -14,4 +14,3 @@ exports.default = (pm) => {
         stateModel: mobx_state_tree_1.types.model({}),
     }));
 };
-//# sourceMappingURL=index.js.map

package/dist/MultiWiggleRendering.js

@@ -97,4 +97,3 @@ function WiggleRendering(props) {
         react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props })));
 }
 exports.default = (0, mobx_react_1.observer)(WiggleRendering);
-//# sourceMappingURL=MultiWiggleRendering.js.map

package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.js

@@ -55,4 +55,3 @@ class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
     }
 }
 exports.default = MultiXYPlotRenderer;
-//# sourceMappingURL=MultiXYPlotRenderer.js.map

package/dist/MultiXYPlotRenderer/configSchema.js

@@ -50,4 +50,3 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiXYPlotRender
     explicitlyTyped: true,
 });
 exports.default = configSchema;
-//# sourceMappingURL=configSchema.js.map

package/dist/MultiXYPlotRenderer/index.js

@@ -14,4 +14,3 @@ exports.default = (pluginManager) => {
         pluginManager,
     }));
 };
-//# sourceMappingURL=index.js.map

package/dist/QuantitativeTrack/configSchema.js

@@ -15,4 +15,3 @@ function configSchemaFactory(pluginManager) {
     });
 }
 exports.default = configSchemaFactory;
-//# sourceMappingURL=configSchema.js.map

package/dist/QuantitativeTrack/index.js

@@ -17,4 +17,3 @@ exports.default = (pluginManager) => {
         });
     });
 };
-//# sourceMappingURL=index.js.map

package/dist/Tooltip.js

@@ -93,4 +93,3 @@ function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect
             } }))) : null;
 }
 exports.default = (0, mobx_react_1.observer)(Tooltip);
-//# sourceMappingURL=Tooltip.js.map

package/dist/WiggleBaseRenderer.js

@@ -40,4 +40,3 @@ class WiggleBaseRenderer extends FeatureRendererType_1.default {
     }
 }
 exports.default = WiggleBaseRenderer;
-//# sourceMappingURL=WiggleBaseRenderer.js.map

package/dist/WiggleRPC/MultiWiggleGetSources.js

@@ -48,4 +48,3 @@ class MultiWiggleGetSources extends RpcMethodType_1.default {
     }
 }
 exports.MultiWiggleGetSources = MultiWiggleGetSources;
-//# sourceMappingURL=MultiWiggleGetSources.js.map

package/dist/WiggleRPC/WiggleGetGlobalQuantitativeStats.js

@@ -34,4 +34,3 @@ class WiggleGetGlobalQuantitativeStats extends RpcMethodType_1.default {
     }
 }
 exports.WiggleGetGlobalQuantitativeStats = WiggleGetGlobalQuantitativeStats;
-//# sourceMappingURL=WiggleGetGlobalQuantitativeStats.js.map

package/dist/WiggleRPC/WiggleGetMultiRegionQuantitativeStats.js

@@ -51,4 +51,3 @@ class WiggleGetMultiRegionQuantitativeStats extends RpcMethodType_1.default {
     }
 }
 exports.WiggleGetMultiRegionQuantitativeStats = WiggleGetMultiRegionQuantitativeStats;
-//# sourceMappingURL=WiggleGetMultiRegionQuantitativeStats.js.map

package/dist/WiggleRPC/rpcMethods.js

@@ -17,4 +17,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./MultiWiggleGetSources"), exports);
 __exportStar(require("./WiggleGetMultiRegionQuantitativeStats"), exports);
 __exportStar(require("./WiggleGetGlobalQuantitativeStats"), exports);
-//# sourceMappingURL=rpcMethods.js.map

package/dist/WiggleRendering.js

@@ -58,4 +58,3 @@ function WiggleRendering(props) {
         react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props })));
 }
 exports.default = (0, mobx_react_1.observer)(WiggleRendering);
-//# sourceMappingURL=WiggleRendering.js.map

package/dist/XYPlotRenderer/XYPlotRenderer.js

@@ -52,4 +52,3 @@ class XYPlotRenderer extends WiggleBaseRenderer_1.default {
     }
 }
 exports.default = XYPlotRenderer;
-//# sourceMappingURL=XYPlotRenderer.js.map

package/dist/XYPlotRenderer/configSchema.js

@@ -50,4 +50,3 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('XYPlotRenderer',
     explicitlyTyped: true,
 });
 exports.default = configSchema;
-//# sourceMappingURL=configSchema.js.map

package/dist/XYPlotRenderer/index.js

@@ -21,4 +21,3 @@ var WiggleRendering_2 = require("../WiggleRendering");
 Object.defineProperty(exports, "ReactComponent", { enumerable: true, get: function () { return __importDefault(WiggleRendering_2).default; } });
 var configSchema_2 = require("./configSchema");
 Object.defineProperty(exports, "configSchema", { enumerable: true, get: function () { return __importDefault(configSchema_2).default; } });
-//# sourceMappingURL=index.js.map

package/dist/configSchema.js

@@ -64,4 +64,3 @@ const WiggleRenderer = (0, configuration_1.ConfigurationSchema)('WiggleRenderer'
     },
 }, { explicitlyTyped: true });
 exports.default = WiggleRenderer;
-//# sourceMappingURL=configSchema.js.map

package/dist/drawxy.js

@@ -287,4 +287,3 @@ function drawDensity(ctx, props) {
     return { reducedFeatures };
 }
 exports.drawDensity = drawDensity;
-//# sourceMappingURL=drawxy.js.map

package/dist/index.js

@@ -126,4 +126,3 @@ Object.defineProperty(exports, "LinearWiggleDisplayReactComponent", { enumerable
 Object.defineProperty(exports, "linearWiggleDisplayModelFactory", { enumerable: true, get: function () { return LinearWiggleDisplay_3.modelFactory; } });
 var WiggleBaseRenderer_2 = require("./WiggleBaseRenderer");
 Object.defineProperty(exports, "WiggleBaseRenderer", { enumerable: true, get: function () { return __importDefault(WiggleBaseRenderer_2).default; } });
-//# sourceMappingURL=index.js.map

package/dist/shared/SetMinMaxDialog.js

@@ -50,4 +50,3 @@ function SetMinMaxDlg(props) {
                 } }, "Submit"))));
 }
 exports.default = SetMinMaxDlg;
-//# sourceMappingURL=SetMinMaxDialog.js.map

package/dist/shared/YScaleBar.js

@@ -12,4 +12,3 @@ exports.default = (0, mobx_react_1.observer)(function YScaleBar({ model, orienta
     const theme = (0, material_1.useTheme)();
     return ticks ? (react_1.default.createElement(react_d3_axis_mod_1.Axis, { ...ticks, shadow: 2, format: (n) => n, style: { orient: orientation === 'left' ? react_d3_axis_mod_1.LEFT : react_d3_axis_mod_1.RIGHT }, bg: theme.palette.background.default, fg: theme.palette.text.primary })) : null;
 });
-//# sourceMappingURL=YScaleBar.js.map

package/dist/shared/configShared.js

@@ -81,4 +81,3 @@ function sharedWiggleConfigFactory() {
     });
 }
 exports.default = sharedWiggleConfigFactory;
-//# sourceMappingURL=configShared.js.map

package/dist/shared/modelShared.js

@@ -477,4 +477,3 @@ function SharedWiggleMixin(configSchema) {
     });
 }
 exports.default = SharedWiggleMixin;
-//# sourceMappingURL=modelShared.js.map

package/dist/util.js

@@ -231,4 +231,3 @@ function round(value) {
     return Math.round(value * 1e5) / 1e5;
 }
 exports.round = round;
-//# sourceMappingURL=util.js.map

package/esm/BigWigAdapter/BigWigAdapter.js

@@ -79,4 +79,3 @@ BigWigAdapter.capabilities = [
     'hasGlobalStats',
 ];
 export default BigWigAdapter;
-//# sourceMappingURL=BigWigAdapter.js.map

package/esm/BigWigAdapter/configSchema.js

@@ -24,4 +24,3 @@ const BigWigAdapter = ConfigurationSchema('BigWigAdapter', {
     },
 }, { explicitlyTyped: true });
 export default BigWigAdapter;
-//# sourceMappingURL=configSchema.js.map

package/esm/BigWigAdapter/index.js

@@ -13,4 +13,3 @@ export default (pluginManager) => {
         getAdapterClass: () => import('./BigWigAdapter').then(r => r.default),
     }));
 };
-//# sourceMappingURL=index.js.map

package/esm/CreateMultiWiggleExtension/ConfirmDialog.js

@@ -23,4 +23,3 @@ const ConfirmDialog = ({ tracks, onClose, }) => {
             React.createElement(Button, { onClick: () => onClose(true, { name: val }), color: "primary", variant: "contained", autoFocus: true }, "Submit"))));
 };
 export default ConfirmDialog;
-//# sourceMappingURL=ConfirmDialog.js.map

package/esm/CreateMultiWiggleExtension/index.js

@@ -54,4 +54,3 @@ export default function (pm) {
         ];
     });
 }
-//# sourceMappingURL=index.js.map

package/esm/DensityRenderer/DensityRenderer.js

@@ -5,4 +5,3 @@ export default class DensityRenderer extends WiggleBaseRenderer {
         return drawDensity(ctx, props);
     }
 }
-//# sourceMappingURL=DensityRenderer.js.map

package/esm/DensityRenderer/configSchema.js

@@ -12,4 +12,3 @@ const configSchema = ConfigurationSchema('DensityRenderer', {}, {
     explicitlyTyped: true,
 });
 export default configSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/DensityRenderer/index.js

@@ -9,4 +9,3 @@ export default (pluginManager) => {
         pluginManager,
     }));
 };
-//# sourceMappingURL=index.js.map

package/esm/LinePlotRenderer/LinePlotRenderer.js

@@ -10,4 +10,3 @@ export default class LinePlotRenderer extends WiggleBaseRenderer {
         });
     }
 }
-//# sourceMappingURL=LinePlotRenderer.js.map

package/esm/LinePlotRenderer/configSchema.js

@@ -21,4 +21,3 @@ const configSchema = ConfigurationSchema('LinePlotRenderer', {
     explicitlyTyped: true,
 });
 export default configSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/LinePlotRenderer/index.js

@@ -9,4 +9,3 @@ export default (pluginManager) => {
         pluginManager,
     }));
 };
-//# sourceMappingURL=index.js.map

package/esm/LinearWiggleDisplay/components/SetColorDialog.js

@@ -32,4 +32,3 @@ function SetColorDialog({ model, handleClose, }) {
             React.createElement(Button, { variant: "contained", color: "primary", type: "submit", onClick: () => handleClose() }, "Submit"))));
 }
 export default observer(SetColorDialog);
-//# sourceMappingURL=SetColorDialog.js.map

package/esm/LinearWiggleDisplay/components/Tooltip.js

@@ -31,4 +31,3 @@ const WiggleTooltip = observer(function (props) {
 });
 export default WiggleTooltip;
 export { default as Tooltip } from '../../Tooltip';
-//# sourceMappingURL=Tooltip.js.map

package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.d.ts

@@ -4,4 +4,3 @@ declare const LinearWiggleDisplay: (props: {
     model: WiggleDisplayModel;
 }) => React.JSX.Element;
 export default LinearWiggleDisplay;
-export { default as YScaleBar } from '../../shared/YScaleBar';

package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -25,5 +25,3 @@ const LinearWiggleDisplay = observer((props) => {
             React.createElement(YScaleBar, { model: model }))) : null));
 });
 export default LinearWiggleDisplay;
-export { default as YScaleBar } from '../../shared/YScaleBar';
-//# sourceMappingURL=WiggleDisplayComponent.js.map

package/esm/LinearWiggleDisplay/index.js

@@ -20,4 +20,3 @@ export default (pluginManager) => {
 export { default as Tooltip } from './components/Tooltip';
 export { default as ReactComponent } from './components/WiggleDisplayComponent';
 export { default as modelFactory } from './models/model';
-//# sourceMappingURL=index.js.map

package/esm/LinearWiggleDisplay/models/configSchema.js

@@ -34,4 +34,3 @@ export default function WiggleConfigFactory(pluginManager) {
         explicitlyTyped: true,
     });
 }
-//# sourceMappingURL=configSchema.js.map

package/esm/LinearWiggleDisplay/models/model.js

@@ -196,4 +196,3 @@ function stateModelFactory(pluginManager, configSchema) {
     });
 }
 export default stateModelFactory;
-//# sourceMappingURL=model.js.map

package/esm/LinearWiggleDisplay/models/renderSvg.js

@@ -11,4 +11,3 @@ export async function renderSvg(self, opts, superRenderSvg) {
         needsScalebar && stats ? (React.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
             React.createElement(YScaleBar, { model: self, orientation: "left" }))) : null));
 }
-//# sourceMappingURL=renderSvg.js.map

package/esm/MultiDensityRenderer/MultiDensityRenderer.js

@@ -7,7 +7,7 @@ export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
         const { bpPerPx, sources, regions, features } = props;
         const [region] = regions;
         const groups = groupBy([...features.values()], f => f.get('source'));
-        const height = props.height / Object.keys(groups).length;
+        const height = props.height / sources.length;
         const width = (region.end - region.start) / bpPerPx;
         let feats = [];
         ctx.save();
@@ -33,4 +33,3 @@ export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
         return { reducedFeatures: feats };
     }
 }
-//# sourceMappingURL=MultiDensityRenderer.js.map

package/esm/MultiDensityRenderer/configSchema.js

@@ -12,4 +12,3 @@ const configSchema = ConfigurationSchema('MultiDensityRenderer', {}, {
     explicitlyTyped: true,
 });
 export default configSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/MultiDensityRenderer/index.js

@@ -9,4 +9,3 @@ export default (pluginManager) => {
         pluginManager,
     }));
 };
-//# sourceMappingURL=index.js.map

package/esm/MultiLineRenderer/MultiLineRenderer.js

@@ -22,4 +22,3 @@ export default class MultiLineRenderer extends WiggleBaseRenderer {
         return { reducedFeatures: feats };
     }
 }
-//# sourceMappingURL=MultiLineRenderer.js.map

package/esm/MultiLineRenderer/configSchema.js

@@ -31,4 +31,3 @@ const configSchema = ConfigurationSchema('MultiLineRenderer', {
     explicitlyTyped: true,
 });
 export default configSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/MultiLineRenderer/index.js

@@ -9,4 +9,3 @@ export default (pluginManager) => {
         pluginManager,
     }));
 };
-//# sourceMappingURL=index.js.map

package/esm/MultiLinearWiggleDisplay/components/ColorLegend.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WiggleDisplayModel } from '../models/model';
+declare const ColorLegend: ({ model, rowHeight, labelWidth, exportSVG, }: {
+    model: WiggleDisplayModel;
+    rowHeight: number;
+    labelWidth: number;
+    exportSVG?: boolean | undefined;
+}) => React.JSX.Element | null;
+export default ColorLegend;

package/esm/MultiLinearWiggleDisplay/components/ColorLegend.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import RectBg from './RectBg';
+const ColorLegend = observer(function ({ model, rowHeight, labelWidth, exportSVG, }) {
+    const { needsCustomLegend, needsScalebar, needsFullHeightScalebar, rowHeightTooSmallForScalebar, renderColorBoxes, sources, } = model;
+    const svgFontSize = Math.min(rowHeight, 12);
+    const canDisplayLabel = rowHeight > 11;
+    const colorBoxWidth = renderColorBoxes ? 15 : 0;
+    const legendWidth = labelWidth + colorBoxWidth + 5;
+    const svgOffset = exportSVG ? 10 : 0;
+    const extraOffset = svgOffset || (needsScalebar && !rowHeightTooSmallForScalebar ? 50 : 0);
+    return sources ? (React.createElement(React.Fragment, null,
+        /* 0.25 for hanging letters like g */
+        needsFullHeightScalebar ? (React.createElement(RectBg, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null,
+        sources.map((source, idx) => {
+            const boxHeight = Math.min(20, rowHeight);
+            return (React.createElement(React.Fragment, { key: `${source.name}-${idx}` },
+                needsFullHeightScalebar ? null : (React.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })),
+                source.color ? (React.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null,
+                canDisplayLabel ? (React.createElement("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize }, source.name)) : null));
+        }))) : null;
+});
+export default ColorLegend;

package/esm/MultiLinearWiggleDisplay/components/DraggableDialog.js

@@ -35,4 +35,3 @@ function DraggableDialog(props) {
             children)));
 }
 export default observer(DraggableDialog);
-//# sourceMappingURL=DraggableDialog.js.map

package/esm/MultiLinearWiggleDisplay/components/RectBg.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const RectBg: (props: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    color?: string;
+}) => React.JSX.Element;
+export default RectBg;

package/esm/MultiLinearWiggleDisplay/components/RectBg.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const RectBg = (props) => {
+    const { color = 'rgb(255,255,255,0.8)' } = props;
+    return React.createElement("rect", { ...props, fill: color });
+};
+export default RectBg;

package/esm/MultiLinearWiggleDisplay/components/ScoreLegend.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { WiggleDisplayModel } from '../models/model';
+declare const ScoreLegend: ({ model }: {
+    model: WiggleDisplayModel;
+}) => React.JSX.Element;
+export default ScoreLegend;

package/esm/MultiLinearWiggleDisplay/components/ScoreLegend.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { measureText, getContainingView } from '@jbrowse/core/util';
+import { observer } from 'mobx-react';
+import RectBg from './RectBg';
+const ScoreLegend = observer(({ model }) => {
+    const { ticks, scaleType } = model;
+    const { width } = getContainingView(model);
+    const legend = `[${ticks === null || ticks === void 0 ? void 0 : ticks.values[0]}-${ticks === null || ticks === void 0 ? void 0 : ticks.values[1]}]` +
+        (scaleType === 'log' ? ' (log scale)' : '');
+    const len = measureText(legend, 14);
+    const padding = 25;
+    const xpos = width - len - padding;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(RectBg, { y: 0, x: xpos, width: len + 6, height: 16 }),
+        React.createElement("text", { y: 13, x: xpos }, legend)));
+});
+export default ScoreLegend;

package/esm/MultiLinearWiggleDisplay/components/SetColorDialog.js

@@ -139,4 +139,3 @@ function SourcesGrid({ rows, onChange, showTips, }) {
                         : rows);
                 } }))));
 }
-//# sourceMappingURL=SetColorDialog.js.map

package/esm/MultiLinearWiggleDisplay/components/Tooltip.js

@@ -40,4 +40,3 @@ const WiggleTooltip = observer((props) => {
 });
 export default WiggleTooltip;
 export { default as Tooltip } from '../../Tooltip';
-//# sourceMappingURL=Tooltip.js.map

package/esm/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.d.ts

@@ -1,10 +1,5 @@
 import React from 'react';
 import { WiggleDisplayModel } from '../models/model';
-export declare const StatBars: (props: {
-    model: WiggleDisplayModel;
-    orientation?: string;
-    exportSVG?: boolean;
-}) => React.JSX.Element | null;
 declare const _default: (props: {
     model: WiggleDisplayModel;
 }) => React.JSX.Element;

package/esm/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -1,98 +1,11 @@
 import React from 'react';
-import { measureText, getContainingView, getContainingTrack, } from '@jbrowse/core/util';
-import { getConf } from '@jbrowse/core/configuration';
-import { BaseLinearDisplayComponent, } from '@jbrowse/plugin-linear-genome-view';
+import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
 import { observer } from 'mobx-react';
-import YScaleBar from '../../shared/YScaleBar';
-const trackLabelFontSize = 12.8;
-function getOffset(model) {
-    const { prefersOffset } = model;
-    const { trackLabels } = getContainingView(model);
-    const track = getContainingTrack(model);
-    const trackName = getConf(track, 'name');
-    return trackLabels === 'overlapping' && !prefersOffset
-        ? measureText(trackName, trackLabelFontSize) + 100
-        : 10;
-}
-const Wrapper = observer(function ({ children, model, exportSVG, }) {
-    if (exportSVG) {
-        return React.createElement(React.Fragment, null, children);
-    }
-    else {
-        const { height } = model;
-        return (React.createElement("svg", { style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                pointerEvents: 'none',
-                height,
-                width: getContainingView(model).width,
-            } }, children));
-    }
-});
-const RectBg = (props) => {
-    const { color = 'rgb(255,255,255,0.8)' } = props;
-    return React.createElement("rect", { ...props, fill: color });
-};
-const ScoreLegend = observer(({ model }) => {
-    const { ticks, scaleType } = model;
-    const { width } = getContainingView(model);
-    const legend = `[${ticks === null || ticks === void 0 ? void 0 : ticks.values[0]}-${ticks === null || ticks === void 0 ? void 0 : ticks.values[1]}]` +
-        (scaleType === 'log' ? ' (log scale)' : '');
-    const len = measureText(legend, 14);
-    const padding = 25;
-    const xpos = width - len - padding;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(RectBg, { y: 0, x: xpos, width: len + 6, height: 16 }),
-        React.createElement("text", { y: 13, x: xpos }, legend)));
-});
-const ColorLegend = observer(function ({ model, rowHeight, labelWidth, exportSVG, }) {
-    const { needsCustomLegend, needsScalebar, needsFullHeightScalebar, rowHeightTooSmallForScalebar, renderColorBoxes, sources, } = model;
-    const svgFontSize = Math.min(rowHeight, 12);
-    const canDisplayLabel = rowHeight > 11;
-    const colorBoxWidth = renderColorBoxes ? 15 : 0;
-    const legendWidth = labelWidth + colorBoxWidth + 5;
-    const svgOffset = exportSVG ? 10 : 0;
-    const extraOffset = svgOffset || (needsScalebar && !rowHeightTooSmallForScalebar ? 50 : 0);
-    return sources ? (React.createElement(React.Fragment, null,
-        /* 0.25 for hanging letters like g */
-        needsFullHeightScalebar ? (React.createElement(RectBg, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null,
-        sources.map((source, idx) => {
-            const boxHeight = Math.min(20, rowHeight);
-            return (React.createElement(React.Fragment, { key: `${source.name}-${idx}` },
-                needsFullHeightScalebar ? null : (React.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })),
-                source.color ? (React.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null,
-                canDisplayLabel ? (React.createElement("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize }, source.name)) : null));
-        }))) : null;
-});
-export const StatBars = observer(function (props) {
-    const { model, orientation, exportSVG } = props;
-    const { stats, needsCustomLegend, needsFullHeightScalebar, rowHeightTooSmallForScalebar, rowHeight, sources, ticks, } = model;
-    const svgFontSize = Math.min(rowHeight, 12);
-    const canDisplayLabel = rowHeight > 11;
-    const { width: viewWidth } = getContainingView(model);
-    const minWidth = 20;
-    const ready = stats && sources;
-    if (!ready) {
-        return null;
-    }
-    const labelWidth = Math.max(...(sources
-        .map(s => measureText(s.name, svgFontSize))
-        .map(width => (canDisplayLabel ? width : minWidth)) || [0]));
-    return (React.createElement(Wrapper, { ...props }, needsFullHeightScalebar ? (React.createElement(React.Fragment, null,
-        React.createElement("g", { transform: `translate(${!exportSVG ? getOffset(model) : 0},0)` },
-            React.createElement(YScaleBar, { model: model, orientation: orientation })),
-        React.createElement("g", { transform: `translate(${viewWidth - labelWidth - 100},0)` },
-            React.createElement(ColorLegend, { exportSVG: exportSVG, model: model, rowHeight: 12, labelWidth: labelWidth })))) : (React.createElement(React.Fragment, null,
-        React.createElement(ColorLegend, { exportSVG: exportSVG, model: model, rowHeight: model.rowHeight, labelWidth: labelWidth }),
-        rowHeightTooSmallForScalebar || needsCustomLegend ? (React.createElement(ScoreLegend, { ...props })) : (sources.map((_source, idx) => (React.createElement("g", { transform: `translate(0 ${rowHeight * idx})`, key: `${JSON.stringify(ticks)}-${idx}` },
-            React.createElement(YScaleBar, { model: model, orientation: orientation })))))))));
-});
+import YScaleBars from './YScaleBars';
 export default observer((props) => {
     const { model } = props;
     return (React.createElement("div", null,
         React.createElement(BaseLinearDisplayComponent, { ...props }),
-        React.createElement(StatBars, { model: model })));
+        React.createElement(YScaleBars, { model: model })));
 });
 export { default as YScaleBar } from '../../shared/YScaleBar';
-//# sourceMappingURL=WiggleDisplayComponent.js.map

package/esm/MultiLinearWiggleDisplay/components/YScaleBars.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WiggleDisplayModel } from '../models/model';
+export declare const YScaleBars: (props: {
+    model: WiggleDisplayModel;
+    orientation?: string;
+    exportSVG?: boolean;
+}) => React.JSX.Element | null;
+export default YScaleBars;

package/esm/MultiLinearWiggleDisplay/components/YScaleBars.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { measureText, getContainingView } from '@jbrowse/core/util';
+import { observer } from 'mobx-react';
+import YScaleBar from '../../shared/YScaleBar';
+import ColorLegend from './ColorLegend';
+import ScoreLegend from './ScoreLegend';
+import { getOffset } from './util';
+const Wrapper = observer(function ({ children, model, exportSVG, }) {
+    if (exportSVG) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    else {
+        const { height } = model;
+        return (React.createElement("svg", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                pointerEvents: 'none',
+                height,
+                width: getContainingView(model).width,
+            } }, children));
+    }
+});
+export const YScaleBars = observer(function (props) {
+    const { model, orientation, exportSVG } = props;
+    const { stats, needsCustomLegend, needsFullHeightScalebar, rowHeightTooSmallForScalebar, rowHeight, sources, ticks, } = model;
+    const svgFontSize = Math.min(rowHeight, 12);
+    const canDisplayLabel = rowHeight > 11;
+    const { width: viewWidth } = getContainingView(model);
+    const minWidth = 20;
+    const ready = stats && sources;
+    if (!ready) {
+        return null;
+    }
+    const labelWidth = Math.max(...(sources
+        .map(s => measureText(s.name, svgFontSize))
+        .map(width => (canDisplayLabel ? width : minWidth)) || [0]));
+    return (React.createElement(Wrapper, { ...props }, needsFullHeightScalebar ? (React.createElement(React.Fragment, null,
+        React.createElement("g", { transform: `translate(${!exportSVG ? getOffset(model) : 0},0)` },
+            React.createElement(YScaleBar, { model: model, orientation: orientation })),
+        React.createElement("g", { transform: `translate(${viewWidth - labelWidth - 100},0)` },
+            React.createElement(ColorLegend, { exportSVG: exportSVG, model: model, rowHeight: 12, labelWidth: labelWidth })))) : (React.createElement(React.Fragment, null,
+        React.createElement(ColorLegend, { exportSVG: exportSVG, model: model, rowHeight: model.rowHeight, labelWidth: labelWidth }),
+        rowHeightTooSmallForScalebar || needsCustomLegend ? (React.createElement(ScoreLegend, { ...props })) : (sources.map((_source, idx) => (React.createElement("g", { transform: `translate(0 ${rowHeight * idx})`, key: `${JSON.stringify(ticks)}-${idx}` },
+            React.createElement(YScaleBar, { model: model, orientation: orientation })))))))));
+});
+export default YScaleBars;