@jbrowse/plugin-wiggle 2.17.0 → 3.0.0

package/dist/LinearWiggleDisplay/model.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -29,43 +39,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
+const Equalizer_1 = __importDefault(require("@mui/icons-material/Equalizer"));
+const Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
+const Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
 const mobx_state_tree_1 = require("mobx-state-tree");
 const react_d3_axis_mod_1 = require("react-d3-axis-mod");
-// locals
-const util_2 = require("../util");
 const SharedWiggleMixin_1 = __importDefault(require("../shared/SharedWiggleMixin"));
-// lazies
+const util_2 = require("../util");
 const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/Tooltip'))));
 const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SetColorDialog'))));
-// using a map because it preserves order
 const rendererTypes = new Map([
     ['xyplot', 'XYPlotRenderer'],
     ['density', 'DensityRenderer'],
     ['line', 'LinePlotRenderer'],
 ]);
-/**
- * #stateModel LinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
 function stateModelFactory(pluginManager, configSchema) {
     return mobx_state_tree_1.types
         .compose('LinearWiggleDisplay', (0, SharedWiggleMixin_1.default)(configSchema), mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
         type: mobx_state_tree_1.types.literal('LinearWiggleDisplay'),
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get TooltipComponent() {
             return Tooltip;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             const name = self.rendererTypeNameSimple;
             const rendererType = rendererTypes.get(name);
@@ -74,10 +70,6 @@ function stateModelFactory(pluginManager, configSchema) {
             }
             return rendererType;
         },
-        /**
-         * #getter
-         * unused currently
-         */
         get quantitativeStatsRelevantToCurrentZoom() {
             var _a;
             const view = (0, util_1.getContainingView)(self);
@@ -87,9 +79,6 @@ function stateModelFactory(pluginManager, configSchema) {
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
             adapterProps() {
                 const superProps = superRenderProps();
                 const { filters, resolution, scaleOpts } = self;
@@ -104,9 +93,6 @@ function stateModelFactory(pluginManager, configSchema) {
                     filters,
                 };
             },
-            /**
-             * #getter
-             */
             get ticks() {
                 const { scaleType, domain, height } = self;
                 const minimalTicks = (0, configuration_1.getConf)(self, 'minimalTicks');
@@ -132,9 +118,6 @@ function stateModelFactory(pluginManager, configSchema) {
         };
     })
         .views(self => ({
-        /**
-         * #method
-         */
         renderProps() {
             const { ticks, height } = self;
             const superProps = self.adapterProps();
@@ -145,16 +128,10 @@ function stateModelFactory(pluginManager, configSchema) {
                 ticks,
             };
         },
-        /**
-         * #getter
-         */
         get needsScalebar() {
             return (self.rendererTypeName === 'XYPlotRenderer' ||
                 self.rendererTypeName === 'LinePlotRenderer');
         },
-        /**
-         * #getter
-         */
         get fillSetting() {
             if (self.filled) {
                 return 0;
@@ -166,29 +143,22 @@ function stateModelFactory(pluginManager, configSchema) {
                 return 2;
             }
         },
-        /**
-         * #getter
-         */
         get quantitativeStatsReady() {
             const view = (0, util_1.getContainingView)(self);
-            return (view.initialized &&
-                self.featureDensityStatsReady &&
-                !self.regionTooLarge &&
-                !self.error);
+            return (view.initialized && self.statsReadyAndRegionNotTooLarge && !self.error);
         },
     }))
         .views(self => {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
+                    { type: 'divider' },
                     {
                         label: 'Score',
+                        icon: Equalizer_1.default,
                         subMenu: self.scoreTrackMenuItems(),
                     },
                     ...(self.canHaveFill
@@ -206,18 +176,6 @@ function stateModelFactory(pluginManager, configSchema) {
                             },
                         ]
                         : []),
-                    ...(self.needsScalebar
-                        ? [
-                            {
-                                type: 'checkbox',
-                                label: 'Draw cross hatches',
-                                checked: self.displayCrossHatchesSetting,
-                                onClick: () => {
-                                    self.toggleCrossHatches();
-                                },
-                            },
-                        ]
-                        : []),
                     ...(hasRenderings
                         ? [
                             {
@@ -234,7 +192,8 @@ function stateModelFactory(pluginManager, configSchema) {
                         ]
                         : []),
                     {
-                        label: 'Set color',
+                        label: 'Color',
+                        icon: Palette_1.default,
                         onClick: () => {
                             (0, util_1.getSession)(self).queueDialog(handleClose => [
                                 SetColorDialog,
@@ -245,6 +204,19 @@ function stateModelFactory(pluginManager, configSchema) {
                             ]);
                         },
                     },
+                    ...(self.needsScalebar
+                        ? [
+                            {
+                                type: 'checkbox',
+                                icon: Visibility_1.default,
+                                label: 'Show cross hatches',
+                                checked: self.displayCrossHatchesSetting,
+                                onClick: () => {
+                                    self.toggleCrossHatches();
+                                },
+                            },
+                        ]
+                        : []),
                 ];
             },
         };
@@ -253,16 +225,12 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
                     const { getQuantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../getQuantitativeStatsAutorun')));
                     getQuantitativeStatsAutorun(self);
                 })();
             },
-            /**
-             * #action
-             */
             async renderSvg(opts) {
                 const { renderSvg } = await Promise.resolve().then(() => __importStar(require('./renderSvg')));
                 return renderSvg(self, opts, superRenderSvg);

package/dist/LinearWiggleDisplay/renderSvg.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-import { WiggleDisplayModel } from './model';
-export declare function renderSvg(self: WiggleDisplayModel, opts: ExportSvgDisplayOptions, superRenderSvg: (opts: ExportSvgDisplayOptions) => Promise<React.ReactNode>): Promise<React.JSX.Element>;
+import type { WiggleDisplayModel } from './model';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
+export declare function renderSvg(self: WiggleDisplayModel, opts: ExportSvgDisplayOptions, superRenderSvg: (opts: ExportSvgDisplayOptions) => Promise<React.ReactNode>): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/LinearWiggleDisplay/renderSvg.js

@@ -4,17 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderSvg = renderSvg;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
-// locals
 const YScaleBar_1 = __importDefault(require("../shared/YScaleBar"));
 async function renderSvg(self, opts, superRenderSvg) {
     await (0, mobx_1.when)(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { needsScalebar, stats } = self;
     const { offsetPx } = (0, util_1.getContainingView)(self);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
-        needsScalebar && stats ? (react_1.default.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
-            react_1.default.createElement(YScaleBar_1.default, { model: self, orientation: "left" }))) : null));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("g", { children: await superRenderSvg(opts) }), needsScalebar && stats ? ((0, jsx_runtime_1.jsx)("g", { transform: `translate(${Math.max(-offsetPx, 0)})`, children: (0, jsx_runtime_1.jsx)(YScaleBar_1.default, { model: self, orientation: "left" }) })) : null] }));
 }

package/dist/MultiDensityRenderer/MultiDensityRenderer.d.ts

@@ -1,6 +1,7 @@
-import { Feature } from '@jbrowse/core/util';
-import WiggleBaseRenderer, { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
-export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
+import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import type { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import type { Feature } from '@jbrowse/core/util';
+export default class MultiDensityPlotRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];
     }>;

package/dist/MultiDensityRenderer/MultiDensityRenderer.js

@@ -1,22 +1,54 @@
 "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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
-const drawDensity_1 = require("../drawDensity");
-class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
-    // @ts-expect-error
+class MultiDensityPlotRenderer extends WiggleBaseRenderer_1.default {
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         let feats = [];
+        const { drawDensity } = await Promise.resolve().then(() => __importStar(require('../drawDensity')));
         ctx.save();
         sources.forEach(source => {
             const features = groups[source.name] || [];
-            const { reducedFeatures } = (0, drawDensity_1.drawDensity)(ctx, {
+            const { reducedFeatures } = drawDensity(ctx, {
                 ...props,
                 features,
                 height,
@@ -25,7 +57,9 @@ class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
             feats = feats.concat(reducedFeatures);
         });
         ctx.restore();
-        return { reducedFeatures: feats };
+        return {
+            reducedFeatures: feats,
+        };
     }
 }
-exports.default = MultiXYPlotRenderer;
+exports.default = MultiDensityPlotRenderer;

package/dist/MultiDensityRenderer/configSchema.js

@@ -5,14 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const configSchema_1 = __importDefault(require("../configSchema"));
-/**
- * #config MultiDensityRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('MultiDensityRenderer', {}, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: configSchema_1.default,
     explicitlyTyped: true,
 });

package/dist/MultiDensityRenderer/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function MultiDensityRendererF(pluginManager: PluginManager): void;

package/dist/MultiLineRenderer/MultiLineRenderer.d.ts

@@ -1,5 +1,6 @@
-import { Feature } from '@jbrowse/core/util';
-import WiggleBaseRenderer, { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import type { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import type { Feature } from '@jbrowse/core/util';
 export default class MultiLineRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];

package/dist/MultiLineRenderer/MultiLineRenderer.js

@@ -1,19 +1,51 @@
 "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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 drawLine_1 = require("../drawLine");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
 class MultiLineRenderer 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 { drawLine } = await Promise.resolve().then(() => __importStar(require('../drawLine')));
         let feats = [];
         sources.forEach(source => {
-            const { reducedFeatures } = (0, drawLine_1.drawLine)(ctx, {
+            const { reducedFeatures } = drawLine(ctx, {
                 ...props,
                 features: groups[source.name] || [],
                 colorCallback: () => source.color || 'blue',

package/dist/MultiLineRenderer/configSchema.d.ts

@@ -1,15 +1,9 @@
 declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: string;
         description: string;
         defaultValue: boolean;
     };
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;

package/dist/MultiLineRenderer/configSchema.js

@@ -6,22 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const configSchema_1 = __importDefault(require("../configSchema"));
-/**
- * #config MultiLineRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('MultiLineRenderer', {
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: 'boolean',
         description: 'choose to draw cross hatches (sideways lines)',
         defaultValue: false,
     },
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: 'stringEnum',
         model: mobx_state_tree_1.types.enumeration('Score type', ['max', 'min', 'avg', 'whiskers']),
@@ -29,9 +20,6 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiLineRenderer
         defaultValue: 'avg',
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: configSchema_1.default,
     explicitlyTyped: true,
 });

package/dist/MultiLineRenderer/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function MultiLineRendererF(pluginManager: PluginManager): void;

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

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

package/dist/MultiLinearWiggleDisplay/components/ColorLegend.js

@@ -3,26 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const mobx_react_1 = require("mobx-react");
+const LegendItem_1 = __importDefault(require("./LegendItem"));
 const RectBg_1 = __importDefault(require("./RectBg"));
-const ColorLegend = (0, mobx_react_1.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 ColorLegend = (0, mobx_react_1.observer)(function ({ model, rowHeight, exportSVG, }) {
+    const { needsScalebar, needsFullHeightScalebar, rowHeightTooSmallForScalebar, renderColorBoxes, sources, labelWidth, } = model;
     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_1.default.createElement(react_1.default.Fragment, null,
-        /* 0.25 for hanging letters like g */
-        needsFullHeightScalebar ? (react_1.default.createElement(RectBg_1.default, { 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_1.default.createElement(react_1.default.Fragment, { key: `${source.name}-${idx}` },
-                needsFullHeightScalebar ? null : (react_1.default.createElement(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })),
-                source.color ? (react_1.default.createElement(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null,
-                canDisplayLabel ? (react_1.default.createElement("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize }, source.name)) : null));
-        }))) : null;
+    return sources ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [needsFullHeightScalebar ? ((0, jsx_runtime_1.jsx)(RectBg_1.default, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null, sources.map((source, idx) => ((0, jsx_runtime_1.jsx)(LegendItem_1.default, { source: source, idx: idx, model: model, rowHeight: rowHeight, exportSVG: exportSVG, labelWidth: labelWidth }, `${source.name}-${idx}`)))] })) : null;
 });
 exports.default = ColorLegend;

package/dist/MultiLinearWiggleDisplay/components/FullHeightScaleBar.d.ts

@@ -0,0 +1,7 @@
+import type { WiggleDisplayModel } from '../model';
+declare const FullHeightScaleBar: ({ model, orientation, exportSVG, }: {
+    model: WiggleDisplayModel;
+    orientation?: string;
+    exportSVG?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FullHeightScaleBar;

package/dist/MultiLinearWiggleDisplay/components/FullHeightScaleBar.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const util_1 = require("@jbrowse/core/util");
+const mobx_react_1 = require("mobx-react");
+const ColorLegend_1 = __importDefault(require("./ColorLegend"));
+const util_2 = require("./util");
+const YScaleBar_1 = __importDefault(require("../../shared/YScaleBar"));
+const FullHeightScaleBar = (0, mobx_react_1.observer)(function ({ model, orientation, exportSVG, }) {
+    const { labelWidth } = model;
+    const { width: viewWidth } = (0, util_1.getContainingView)(model);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("g", { transform: `translate(${!exportSVG ? (0, util_2.getOffset)(model) : 0},0)`, children: (0, jsx_runtime_1.jsx)(YScaleBar_1.default, { model: model, orientation: orientation }) }), (0, jsx_runtime_1.jsx)("g", { transform: `translate(${viewWidth - labelWidth - 100},0)`, children: (0, jsx_runtime_1.jsx)(ColorLegend_1.default, { exportSVG: exportSVG, model: model, rowHeight: 12 }) })] }));
+});
+exports.default = FullHeightScaleBar;

package/dist/MultiLinearWiggleDisplay/components/IndividualScaleBars.d.ts

@@ -0,0 +1,7 @@
+import type { WiggleDisplayModel } from '../model';
+declare const IndividualScaleBars: ({ model, orientation, exportSVG, }: {
+    model: WiggleDisplayModel;
+    orientation?: string;
+    exportSVG?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default IndividualScaleBars;

package/dist/MultiLinearWiggleDisplay/components/IndividualScaleBars.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mobx_react_1 = require("mobx-react");
+const ColorLegend_1 = __importDefault(require("./ColorLegend"));
+const ScoreLegend_1 = __importDefault(require("./ScoreLegend"));
+const YScaleBar_1 = __importDefault(require("../../shared/YScaleBar"));
+const IndividualScaleBars = (0, mobx_react_1.observer)(function ({ model, orientation, exportSVG, }) {
+    const { sources, rowHeight, rowHeightTooSmallForScalebar, needsCustomLegend, ticks, } = model;
+    return (sources === null || sources === void 0 ? void 0 : sources.length) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorLegend_1.default, { exportSVG: exportSVG, model: model, rowHeight: model.rowHeight }), rowHeightTooSmallForScalebar || needsCustomLegend ? ((0, jsx_runtime_1.jsx)(ScoreLegend_1.default, { model: model })) : (sources.map((_source, idx) => ((0, jsx_runtime_1.jsx)("g", { transform: `translate(0 ${rowHeight * idx})`, children: (0, jsx_runtime_1.jsx)(YScaleBar_1.default, { model: model, orientation: orientation }) }, `${JSON.stringify(ticks)}-${idx}`))))] })) : null;
+});
+exports.default = IndividualScaleBars;

package/dist/MultiLinearWiggleDisplay/components/LegendItem.d.ts

@@ -0,0 +1,11 @@
+import type { Source } from '../../util';
+import type { WiggleDisplayModel } from '../model';
+declare const LegendItem: ({ source, idx, rowHeight, labelWidth, model, exportSVG, }: {
+    source: Source;
+    idx: number;
+    rowHeight: number;
+    labelWidth: number;
+    model: WiggleDisplayModel;
+    exportSVG?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LegendItem;

package/dist/MultiLinearWiggleDisplay/components/LegendItem.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RectBg_1 = __importDefault(require("./RectBg"));
+const LegendItem = function ({ source, idx, rowHeight, labelWidth, model, exportSVG, }) {
+    const boxHeight = Math.min(20, rowHeight);
+    const { needsCustomLegend, needsScalebar, needsFullHeightScalebar, rowHeightTooSmallForScalebar, renderColorBoxes, } = 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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [needsFullHeightScalebar ? null : ((0, jsx_runtime_1.jsx)(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })), source.color ? ((0, jsx_runtime_1.jsx)(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null, canDisplayLabel ? ((0, jsx_runtime_1.jsx)("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize, children: source.name })) : null] }));
+};
+exports.default = LegendItem;

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

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