@jbrowse/plugin-wiggle 2.17.0 → 3.0.0

package/dist/MultiLinearWiggleDisplay/model.js

@@ -15,34 +15,41 @@ 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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stateModelFactory = stateModelFactory;
 const react_1 = require("react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const react_d3_axis_mod_1 = require("react-d3-axis-mod");
-const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-// jbrowse imports
 const configuration_1 = require("@jbrowse/core/configuration");
-const util_1 = require("@jbrowse/core/util");
 const colors_1 = require("@jbrowse/core/ui/colors");
-// locals
-const util_2 = require("../util");
+const util_1 = require("@jbrowse/core/util");
+const stopToken_1 = require("@jbrowse/core/util/stopToken");
+const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+const mobx_state_tree_1 = require("mobx-state-tree");
+const react_d3_axis_mod_1 = require("react-d3-axis-mod");
 const SharedWiggleMixin_1 = __importDefault(require("../shared/SharedWiggleMixin"));
+const util_2 = require("../util");
 const randomColor = () => '#000000'.replaceAll('0', () => (~~(Math.random() * 16)).toString(16));
-// lazies
 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', 'MultiXYPlotRenderer'],
     ['multirowxy', 'MultiRowXYPlotRenderer'],
@@ -50,71 +57,46 @@ const rendererTypes = new Map([
     ['multiline', 'MultiLineRenderer'],
     ['multirowline', 'MultiRowLineRenderer'],
 ]);
-/**
- * #stateModel MultiLinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
-function stateModelFactory(pluginManager, configSchema) {
+function stateModelFactory(_pluginManager, configSchema) {
     return mobx_state_tree_1.types
         .compose('MultiLinearWiggleDisplay', (0, SharedWiggleMixin_1.default)(configSchema), mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
         type: mobx_state_tree_1.types.literal('MultiLinearWiggleDisplay'),
-        /**
-         * #property
-         */
         layout: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
     }))
         .volatile(() => ({
+        sourcesLoadingStopToken: undefined,
         featureUnderMouseVolatile: undefined,
         sourcesVolatile: undefined,
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
+        setSourcesLoading(str) {
+            if (self.sourcesLoadingStopToken) {
+                (0, stopToken_1.stopStopToken)(self.sourcesLoadingStopToken);
+            }
+            self.sourcesLoadingStopToken = str;
+        },
         setLayout(layout) {
             self.layout = layout;
         },
-        /**
-         * #action
-         */
         clearLayout() {
             self.layout = [];
         },
-        /**
-         * #action
-         */
         setSources(sources) {
             if (!(0, fast_deep_equal_1.default)(sources, self.sourcesVolatile)) {
                 self.sourcesVolatile = sources;
             }
         },
-        /**
-         * #action
-         */
         setFeatureUnderMouse(f) {
             self.featureUnderMouseVolatile = f;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get featureUnderMouse() {
             return self.featureUnderMouseVolatile;
         },
-        /**
-         * #getter
-         */
         get TooltipComponent() {
             return Tooltip;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             const name = self.rendererTypeNameSimple;
             const rendererType = rendererTypes.get(name);
@@ -125,66 +107,35 @@ function stateModelFactory(pluginManager, configSchema) {
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get needsScalebar() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiLineRenderer' ||
                 self.rendererTypeName === 'MultiRowLineRenderer');
         },
-        /**
-         * #getter
-         */
         get needsFullHeightScalebar() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiLineRenderer');
         },
-        /**
-         * #getter
-         */
         get isMultiRow() {
             return (self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowLineRenderer' ||
                 self.rendererTypeName === 'MultiDensityRenderer');
         },
-        /**
-         * #getter
-         * can be used to give it a "color scale" like a R heatmap, not
-         * implemented like this yet but flag can be used for this
-         */
         get needsCustomLegend() {
             return self.rendererTypeName === 'MultiDensityRenderer';
         },
-        /**
-         * #getter
-         */
         get canHaveFill() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer');
         },
-        /**
-         * #getter
-         * the multirowxy and multiline don't need to use colors on the legend
-         * boxes since their track is drawn with the color. sort of a stylistic
-         * choice
-         */
         get renderColorBoxes() {
             return !(self.rendererTypeName === 'MultiRowLineRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer');
         },
-        /**
-         * #getter
-         * positions multi-row below the tracklabel even if using overlap
-         * tracklabels for everything else
-         */
         get prefersOffset() {
             return this.isMultiRow;
         },
-        /**
-         * #getter
-         */
         get sources() {
             var _a;
             const sources = Object.fromEntries(((_a = self.sourcesVolatile) === null || _a === void 0 ? void 0 : _a.map(s => [s.name, s])) || []);
@@ -198,34 +149,19 @@ function stateModelFactory(pluginManager, configSchema) {
                     (!this.isMultiRow ? colors_1.set1[i] || randomColor() : 'blue'),
             }));
         },
-        /**
-         * #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 => ({
-        /**
-         * #getter
-         */
         get rowHeight() {
             const { sources, height, isMultiRow } = self;
             return isMultiRow ? height / ((sources === null || sources === void 0 ? void 0 : sources.length) || 1) : height;
         },
-        /**
-         * #getter
-         */
         get rowHeightTooSmallForScalebar() {
             return this.rowHeight < 70;
         },
-        /**
-         * #getter
-         */
         get useMinimalTicks() {
             return ((0, configuration_1.getConf)(self, 'minimalTicks') || this.rowHeightTooSmallForScalebar);
         },
@@ -233,9 +169,6 @@ function stateModelFactory(pluginManager, configSchema) {
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
             adapterProps() {
                 const superProps = superRenderProps();
                 return {
@@ -248,9 +181,6 @@ function stateModelFactory(pluginManager, configSchema) {
                     sources: self.sources,
                 };
             },
-            /**
-             * #getter
-             */
             get ticks() {
                 const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
                 if (!domain) {
@@ -265,9 +195,6 @@ function stateModelFactory(pluginManager, configSchema) {
                 }), 4);
                 return useMinimalTicks ? { ...ticks, values: domain } : ticks;
             },
-            /**
-             * #getter
-             */
             get colors() {
                 return [
                     'red',
@@ -282,10 +209,6 @@ function stateModelFactory(pluginManager, configSchema) {
                     'pink',
                 ];
             },
-            /**
-             * #getter
-             * unused currently
-             */
             get quantitativeStatsRelevantToCurrentZoom() {
                 var _a;
                 const view = (0, util_1.getContainingView)(self);
@@ -294,9 +217,18 @@ function stateModelFactory(pluginManager, configSchema) {
         };
     })
         .views(self => ({
-        /**
-         * #method
-         */
+        get legendFontSize() {
+            return Math.min(self.rowHeight, 12);
+        },
+        get canDisplayLegendLabels() {
+            return self.rowHeight > 11;
+        },
+        get labelWidth() {
+            var _a;
+            const minWidth = 20;
+            return (0, util_1.max)(((_a = self.sources) === null || _a === void 0 ? void 0 : _a.map(s => (0, util_1.measureText)(s.name, this.legendFontSize)).map(width => (this.canDisplayLegendLabels ? width : minWidth))) ||
+                []);
+        },
         renderProps() {
             const superProps = self.adapterProps();
             return {
@@ -317,21 +249,12 @@ function stateModelFactory(pluginManager, configSchema) {
                 },
             };
         },
-        /**
-         * #getter
-         */
         get hasResolution() {
             return self.adapterCapabilities.includes('hasResolution');
         },
-        /**
-         * #getter
-         */
         get hasGlobalStats() {
             return self.adapterCapabilities.includes('hasGlobalStats');
         },
-        /**
-         * #getter
-         */
         get fillSetting() {
             if (self.filled) {
                 return 0;
@@ -348,9 +271,6 @@ function stateModelFactory(pluginManager, configSchema) {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
@@ -423,7 +343,6 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
                     try {
@@ -442,9 +361,6 @@ function stateModelFactory(pluginManager, configSchema) {
                     }
                 })();
             },
-            /**
-             * #action
-             */
             async renderSvg(opts) {
                 const { renderSvg } = await Promise.resolve().then(() => __importStar(require('./renderSvg')));
                 return renderSvg(self, opts, superRenderSvg);

package/dist/MultiLinearWiggleDisplay/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/MultiLinearWiggleDisplay/renderSvg.js

@@ -4,15 +4,12 @@ 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");
 const YScaleBars_1 = __importDefault(require("./components/YScaleBars"));
 async function renderSvg(self, opts, superRenderSvg) {
     await (0, mobx_1.when)(() => !!self.stats && !!self.regionCannotBeRenderedText);
     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)),
-        react_1.default.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
-            react_1.default.createElement(YScaleBars_1.default, { model: self, orientation: "left", exportSVG: true }))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("g", { children: await superRenderSvg(opts) }), (0, jsx_runtime_1.jsx)("g", { transform: `translate(${Math.max(-offsetPx, 0)})`, children: (0, jsx_runtime_1.jsx)(YScaleBars_1.default, { model: self, orientation: "left", exportSVG: true }) })] }));
 }

package/dist/MultiLinearWiggleDisplay/util.d.ts

@@ -0,0 +1 @@
+export declare function randomColor(str: string): string;

package/dist/MultiLinearWiggleDisplay/util.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.randomColor = randomColor;
+function randomColor(str) {
+    let sum = 0;
+    for (let i = 0; i < str.length; i++) {
+        sum += str.charCodeAt(i);
+    }
+    return `hsl(${sum * 10}, 20%, 50%)`;
+}

package/dist/MultiQuantitativeTrack/configSchema.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 declare const configSchema: (pluginManager: PluginManager) => import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     name: {
         description: string;

package/dist/MultiQuantitativeTrack/configSchema.js

@@ -2,15 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-/**
- * #config MultiQuantitativeTrack
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (pluginManager) => {
     return (0, configuration_1.ConfigurationSchema)('MultiQuantitativeTrack', {}, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: (0, models_1.createBaseTrackConfig)(pluginManager),
     });
 };

package/dist/MultiQuantitativeTrack/index.d.ts

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

package/dist/MultiQuantitativeTrack/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = MultiQuantitativeTrackF;
-const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const TrackType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/TrackType"));
+const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const configSchema_1 = __importDefault(require("./configSchema"));
 function MultiQuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {

package/dist/MultiRowLineRenderer/MultiRowLineRenderer.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 MultiRowLineRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];

package/dist/MultiRowLineRenderer/MultiRowLineRenderer.js

@@ -1,23 +1,55 @@
 "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 MultiRowLineRenderer extends WiggleBaseRenderer_1.default {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const region = regions[0];
         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 { drawLine } = await Promise.resolve().then(() => __importStar(require('../drawLine')));
         let feats = [];
         ctx.save();
         sources.forEach(source => {
-            const { reducedFeatures } = (0, drawLine_1.drawLine)(ctx, {
+            const { reducedFeatures } = drawLine(ctx, {
                 ...props,
                 features: groups[source.name] || [],
                 height,

package/dist/MultiRowLineRenderer/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/MultiRowLineRenderer/configSchema.js

@@ -3,25 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const mobx_state_tree_1 = require("mobx-state-tree");
 const configuration_1 = require("@jbrowse/core/configuration");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const configSchema_1 = __importDefault(require("../configSchema"));
-/**
- * #config MultiRowLineRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('MultiRowLineRenderer', {
-    /**
-     * #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)('MultiRowLineRende
         defaultValue: 'avg',
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: configSchema_1.default,
     explicitlyTyped: true,
 });

package/dist/MultiRowLineRenderer/index.d.ts

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

package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.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 MultiXYPlotRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];

package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js

@@ -1,23 +1,55 @@
 "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 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[0];
         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 { drawXY } = await Promise.resolve().then(() => __importStar(require('../drawXY')));
         let feats = [];
         ctx.save();
         sources.forEach(source => {
-            const { reducedFeatures } = (0, drawXY_1.drawXY)(ctx, {
+            const { reducedFeatures } = drawXY(ctx, {
                 ...props,
                 features: groups[source.name] || [],
                 height,

package/dist/MultiRowXYPlotRenderer/configSchema.d.ts

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