@jbrowse/plugin-linear-genome-view 2.6.1 → 2.6.3

package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js

@@ -96,4 +96,3 @@ var Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
 var BlockMsg_1 = require("./BlockMsg");
 Object.defineProperty(exports, "BlockMsg", { enumerable: true, get: function () { return __importDefault(BlockMsg_1).default; } });
-//# sourceMappingURL=BaseLinearDisplay.js.map

package/dist/BaseLinearDisplay/components/Block.js

@@ -51,4 +51,3 @@ function InterRegionPaddingBlock({ boundary, width, style = {}, }) {
             : classes.interRegionPaddingBlock }));
 }
 exports.InterRegionPaddingBlock = InterRegionPaddingBlock;
-//# sourceMappingURL=Block.js.map

package/dist/BaseLinearDisplay/components/BlockMsg.js

@@ -20,4 +20,3 @@ function BlockMsg({ message, severity, buttonText, icon, action, }) {
             react_1.default.createElement("div", null, message))));
 }
 exports.default = BlockMsg;
-//# sourceMappingURL=BlockMsg.js.map

package/dist/BaseLinearDisplay/components/LinearBlocks.js

@@ -66,4 +66,3 @@ function LinearBlocks({ model }) {
         react_1.default.createElement(RenderedBlocks, { model: model })));
 }
 exports.default = (0, mobx_react_1.observer)(LinearBlocks);
-//# sourceMappingURL=LinearBlocks.js.map

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js

@@ -49,4 +49,3 @@ const ServerSideRenderedBlockContent = (0, mobx_react_1.observer)(function ({ mo
     }
 });
 exports.default = ServerSideRenderedBlockContent;
-//# sourceMappingURL=ServerSideRenderedBlockContent.js.map

package/dist/BaseLinearDisplay/components/TooLargeMessage.js

@@ -19,4 +19,3 @@ function TooLargeMessage({ model, }) {
             .join('. ') }));
 }
 exports.default = TooLargeMessage;
-//# sourceMappingURL=TooLargeMessage.js.map

package/dist/BaseLinearDisplay/components/Tooltip.js

@@ -86,4 +86,3 @@ const Tooltip = (0, mobx_react_1.observer)(({ model, clientMouseCoord, }) => {
             react_1.default.createElement(TooltipContents, { ref: elt => setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0), message: contents })))) : null;
 });
 exports.default = Tooltip;
-//# sourceMappingURL=Tooltip.js.map

package/dist/BaseLinearDisplay/index.js

@@ -18,4 +18,3 @@ var FeatureDensityMixin_1 = require("./models/FeatureDensityMixin");
 Object.defineProperty(exports, "FeatureDensityMixin", { enumerable: true, get: function () { return __importDefault(FeatureDensityMixin_1).default; } });
 var TooLargeMessage_1 = require("./components/TooLargeMessage");
 Object.defineProperty(exports, "TooLargeMessage", { enumerable: true, get: function () { return __importDefault(TooLargeMessage_1).default; } });
-//# sourceMappingURL=index.js.map

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js

@@ -340,4 +340,3 @@ function stateModelFactory() {
     });
 }
 exports.BaseLinearDisplay = stateModelFactory();
-//# sourceMappingURL=BaseLinearDisplayModel.js.map

package/dist/BaseLinearDisplay/models/FeatureDensityMixin.js

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

package/dist/BaseLinearDisplay/models/TrackHeightMixin.js

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

package/dist/BaseLinearDisplay/models/autorunFeatureDensityStats.js

@@ -39,4 +39,3 @@ async function autorunFeatureDensityStats(self) {
     }
 }
 exports.default = autorunFeatureDensityStats;
-//# sourceMappingURL=autorunFeatureDensityStats.js.map

package/dist/BaseLinearDisplay/models/configSchema.js

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

package/dist/BaseLinearDisplay/models/renderSvg.js

@@ -80,4 +80,3 @@ async function renderBaseLinearDisplaySvg(self, opts) {
     })));
 }
 exports.default = renderBaseLinearDisplaySvg;
-//# sourceMappingURL=renderSvg.js.map

package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js

@@ -241,4 +241,3 @@ async function renderBlockEffect(props, signal, self) {
         renderProps,
     };
 }
-//# sourceMappingURL=serverSideRenderedBlock.js.map

package/dist/BaseLinearDisplay/models/util.js

@@ -47,4 +47,3 @@ async function getFeatureDensityStatsPre(self) {
     });
 }
 exports.getFeatureDensityStatsPre = getFeatureDensityStatsPre;
-//# sourceMappingURL=util.js.map

package/dist/BasicTrack/configSchema.js

@@ -16,4 +16,3 @@ const configSchema = (pluginManager) => (0, configuration_1.ConfigurationSchema)
     explicitIdentifier: 'trackId',
 });
 exports.default = configSchema;
-//# sourceMappingURL=configSchema.js.map

package/dist/BasicTrack/index.js

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

package/dist/FeatureTrack/configSchema.js

@@ -19,4 +19,3 @@ const configSchema = (pluginManager) => (0, configuration_1.ConfigurationSchema)
     explicitIdentifier: 'trackId',
 });
 exports.default = configSchema;
-//# sourceMappingURL=configSchema.js.map

package/dist/FeatureTrack/index.js

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

package/dist/LaunchLinearGenomeView/index.js

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

package/dist/LinearBareDisplay/configSchema.js

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

package/dist/LinearBareDisplay/index.js

@@ -24,4 +24,3 @@ var configSchema_2 = require("./configSchema");
 Object.defineProperty(exports, "configSchemaFactory", { enumerable: true, get: function () { return configSchema_2.configSchemaFactory; } });
 var model_2 = require("./model");
 Object.defineProperty(exports, "stateModelFactory", { enumerable: true, get: function () { return model_2.stateModelFactory; } });
-//# sourceMappingURL=index.js.map

package/dist/LinearBareDisplay/model.js

@@ -46,4 +46,3 @@ function stateModelFactory(configSchema) {
     });
 }
 exports.stateModelFactory = stateModelFactory;
-//# sourceMappingURL=model.js.map

package/dist/LinearBasicDisplay/components/SetMaxHeight.js

@@ -49,4 +49,3 @@ function SetMaxHeightDlg({ model, handleClose, }) {
                 react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel")))));
 }
 exports.default = (0, mobx_react_1.observer)(SetMaxHeightDlg);
-//# sourceMappingURL=SetMaxHeight.js.map

package/dist/LinearBasicDisplay/configSchema.js

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

package/dist/LinearBasicDisplay/index.js

@@ -27,4 +27,3 @@ var model_2 = require("./model");
 Object.defineProperty(exports, "modelFactory", { enumerable: true, get: function () { return __importDefault(model_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/LinearBasicDisplay/model.js

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

package/dist/LinearGenomeView/components/CenterLine.js

@@ -62,4 +62,3 @@ function CenterLine({ model }) {
         Math.max(Math.round(centerLineInfo.offset) + 1, 0))))) : null;
 }
 exports.default = (0, mobx_react_1.observer)(CenterLine);
-//# sourceMappingURL=CenterLine.js.map

package/dist/LinearGenomeView/components/Cytobands.js

@@ -89,4 +89,3 @@ exports.default = (0, mobx_react_1.observer)(function Cytobands({ overview, bloc
         }
     })));
 });
-//# sourceMappingURL=Cytobands.js.map

package/dist/LinearGenomeView/components/ExportSvgDialog.js

@@ -81,4 +81,3 @@ function ExportSvgDlg({ model, handleClose, }) {
                 } }, "Submit"))));
 }
 exports.default = ExportSvgDlg;
-//# sourceMappingURL=ExportSvgDialog.js.map

package/dist/LinearGenomeView/components/GetSequenceDialog.js

@@ -172,4 +172,3 @@ function SequenceDialog({ model, handleClose, }) {
             react_1.default.createElement(material_1.Button, { onClick: handleClose, variant: "contained" }, "Close"))));
 }
 exports.default = (0, mobx_react_1.observer)(SequenceDialog);
-//# sourceMappingURL=GetSequenceDialog.js.map

package/dist/LinearGenomeView/components/Gridlines.js

@@ -73,4 +73,3 @@ function VerticalGuides({ model }) {
             react_1.default.createElement(RenderedVerticalGuides, { model: model }))));
 }
 exports.default = (0, mobx_react_1.observer)(VerticalGuides);
-//# sourceMappingURL=Gridlines.js.map

package/dist/LinearGenomeView/components/Header.js

@@ -82,4 +82,3 @@ const LinearGenomeViewHeader = (0, mobx_react_1.observer)(({ model }) => {
         react_1.default.createElement(Controls, { model: model })))) : null;
 });
 exports.default = LinearGenomeViewHeader;
-//# sourceMappingURL=Header.js.map

package/dist/LinearGenomeView/components/ImportForm.js

@@ -168,4 +168,3 @@ exports.default = (0, mobx_react_1.observer)(function ({ model }) {
                                     model.showAllRegionsInAssembly(selectedAsm);
                                 }, variant: "contained", color: "secondary" }, "Show all regions in assembly"))))))));
 });
-//# sourceMappingURL=ImportForm.js.map

package/dist/LinearGenomeView/components/LinearGenomeView.js

@@ -62,4 +62,3 @@ const LinearGenomeView = (0, mobx_react_1.observer)(({ model }) => {
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: model.activateTrackSelector, style: { zIndex: 1000 }, startIcon: react_1.default.createElement(Icons_1.TrackSelector, null) }, "Open track selector"))) : (react_1.default.createElement("div", { style: { height: '48px' } })))) : (tracks.map(track => (react_1.default.createElement(TrackContainer_1.default, { key: track.id, model: model, track: track })))))));
 });
 exports.default = LinearGenomeView;
-//# sourceMappingURL=LinearGenomeView.js.map

package/dist/LinearGenomeView/components/MiniControls.js

@@ -32,4 +32,3 @@ const MiniControls = (0, mobx_react_1.observer)(function ({ model, }) {
             react_1.default.createElement(ZoomIn_1.default, { fontSize: "small" })))) : null;
 });
 exports.default = MiniControls;
-//# sourceMappingURL=MiniControls.js.map

package/dist/LinearGenomeView/components/OverviewRubberband.js

@@ -156,4 +156,3 @@ exports.default = (0, mobx_react_1.observer)(function OverviewRubberband({ model
         leftBpOffset && rightBpOffset ? (react_1.default.createElement(RubberbandSpan_1.default, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, width: Math.abs(width), left: left })) : null,
         react_1.default.createElement("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent)));
 });
-//# sourceMappingURL=OverviewRubberband.js.map

package/dist/LinearGenomeView/components/OverviewScalebar.js

@@ -213,4 +213,3 @@ exports.default = (0, mobx_react_1.observer)(function OverviewScalebar({ model,
 });
 var Cytobands_2 = require("./Cytobands");
 Object.defineProperty(exports, "Cytobands", { enumerable: true, get: function () { return __importDefault(Cytobands_2).default; } });
-//# sourceMappingURL=OverviewScalebar.js.map

package/dist/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.js

@@ -19,4 +19,3 @@ function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, showHelp,
         }, placeholder: "Search for location", onChange: e => setCurrentSearch(e.target.value) }));
 }
 exports.default = AutocompleteTextField;
-//# sourceMappingURL=AutocompleteTextField.js.map

package/dist/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.js

@@ -49,4 +49,3 @@ function EndAdornment({ showHelp, endAdornment, }) {
         endAdornment));
 }
 exports.default = EndAdornment;
-//# sourceMappingURL=EndAdornment.js.map

package/dist/LinearGenomeView/components/RefNameAutocomplete/HelpDialog.js

@@ -46,4 +46,3 @@ function HelpDialog({ handleClose, }) {
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "primary" }, "Close"))));
 }
 exports.default = HelpDialog;
-//# sourceMappingURL=HelpDialog.js.map

package/dist/LinearGenomeView/components/RefNameAutocomplete/index.js

@@ -108,4 +108,3 @@ exports.default = (0, mobx_react_1.observer)(function RefNameAutocomplete({ mode
                 }))) || []
                 : searchOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => (react_1.default.createElement(AutocompleteTextField_1.default, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() })));
 });
-//# sourceMappingURL=index.js.map

package/dist/LinearGenomeView/components/RefNameAutocomplete/util.js

@@ -56,4 +56,3 @@ function getDeduplicatedResult(results) {
         });
 }
 exports.getDeduplicatedResult = getDeduplicatedResult;
-//# sourceMappingURL=util.js.map

package/dist/LinearGenomeView/components/Rubberband.js

@@ -54,4 +54,3 @@ function Rubberband({ model, ControlComponent = react_1.default.createElement("d
         react_1.default.createElement("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, ref: ref, onMouseDown: mouseDown, onMouseMove: mouseMove, onMouseOut: mouseOut }, ControlComponent)));
 }
 exports.default = (0, mobx_react_1.observer)(Rubberband);
-//# sourceMappingURL=Rubberband.js.map

package/dist/LinearGenomeView/components/RubberbandSpan.js

@@ -73,4 +73,3 @@ function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSelected, left, wi
             " bp")) : null)));
 }
 exports.default = RubberbandSpan;
-//# sourceMappingURL=RubberbandSpan.js.map

package/dist/LinearGenomeView/components/Scalebar.js

@@ -114,4 +114,3 @@ const Scalebar = react_1.default.forwardRef(({ model, style, className, ...other
         react_1.default.createElement(RenderedRefNameLabels, { model: model })));
 });
 exports.default = (0, mobx_react_1.observer)(Scalebar);
-//# sourceMappingURL=Scalebar.js.map

package/dist/LinearGenomeView/components/SearchBox.js

@@ -104,4 +104,3 @@ function SearchBox({ model, showHelp, }) {
         } }));
 }
 exports.default = (0, mobx_react_1.observer)(SearchBox);
-//# sourceMappingURL=SearchBox.js.map

package/dist/LinearGenomeView/components/SearchResultsDialog.js

@@ -21,4 +21,3 @@ function SearchResultsDialog({ model, assemblyName, searchQuery, searchResults,
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "primary" }, "Cancel"))));
 }
 exports.default = SearchResultsDialog;
-//# sourceMappingURL=SearchResultsDialog.js.map

package/dist/LinearGenomeView/components/SearchResultsTable.js

@@ -80,4 +80,3 @@ function SearchResultsTable({ searchResults, assemblyName: optAssemblyName, mode
                         }, color: "primary", variant: "contained" }, "Go")))))))));
 }
 exports.default = SearchResultsTable;
-//# sourceMappingURL=SearchResultsTable.js.map

package/dist/LinearGenomeView/components/SequenceSearchDialog.js

@@ -86,4 +86,3 @@ function SequenceDialog({ model, handleClose, }) {
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), variant: "contained", color: "secondary" }, "Close"))));
 }
 exports.default = (0, mobx_react_1.observer)(SequenceDialog);
-//# sourceMappingURL=SequenceSearchDialog.js.map

package/dist/LinearGenomeView/components/TrackContainer.js

@@ -82,4 +82,3 @@ exports.default = (0, mobx_react_1.observer)(function TrackContainer({ model, tr
             }, onDragEnter: debouncedOnDragEnter }),
         react_1.default.createElement(ui_1.ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })));
 });
-//# sourceMappingURL=TrackContainer.js.map

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -63,7 +63,7 @@ const TrackLabel = react_1.default.forwardRef(function ({ track, className }, re
         },
         ...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
         ...track.trackMenuItems(),
-    ].sort((a, b) => (b.priority || 0) - (a.priority || 0));
+    ].sort((a, b) => ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0));
     return (react_1.default.createElement(material_1.Paper, { ref: ref, className: cx(className, classes.root) },
         react_1.default.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
                 const target = event.currentTarget;
@@ -84,4 +84,3 @@ const TrackLabel = react_1.default.forwardRef(function ({ track, className }, re
             react_1.default.createElement(MoreVert_1.default, { fontSize: "small" }))));
 });
 exports.default = (0, mobx_react_1.observer)(TrackLabel);
-//# sourceMappingURL=TrackLabel.js.map

package/dist/LinearGenomeView/components/TrackLabelContainer.js

@@ -29,4 +29,3 @@ const TrackLabelContainer = (0, mobx_react_1.observer)(function ({ track, view,
     return view.trackLabels !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: track, className: cx(trackLabel, labelStyle) })) : null;
 });
 exports.default = TrackLabelContainer;
-//# sourceMappingURL=TrackLabelContainer.js.map

package/dist/LinearGenomeView/components/TrackRenderingContainer.js

@@ -27,6 +27,7 @@ const react_1 = __importStar(require("react"));
 const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const configuration_1 = require("@jbrowse/core/configuration");
+const ui_1 = require("@jbrowse/core/ui");
 const useStyles = (0, mui_1.makeStyles)()({
     // aligns with block boundaries. check for example the breakpoint split view
     // demo to see if features align if wanting to change things
@@ -63,7 +64,8 @@ exports.default = (0, mobx_react_1.observer)(function TrackRenderingContainer({
     }, [model.trackRefs, trackId]);
     return (react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: minimized ? 20 : height }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: onDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
-            react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll })),
+            react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ui_1.LoadingEllipses, null) },
+                react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll }))),
         DisplayBlurb ? (react_1.default.createElement("div", { style: {
                 position: 'absolute',
                 left: 0,
@@ -71,4 +73,3 @@ exports.default = (0, mobx_react_1.observer)(function TrackRenderingContainer({
             } },
             react_1.default.createElement(DisplayBlurb, { model: display }))) : null)) : null));
 });
-//# sourceMappingURL=TrackRenderingContainer.js.map

package/dist/LinearGenomeView/components/TracksContainer.js

@@ -70,4 +70,3 @@ exports.default = (0, mobx_react_1.observer)(function TracksContainer({ children
         additional,
         children));
 });
-//# sourceMappingURL=TracksContainer.js.map

package/dist/LinearGenomeView/components/VerticalGuide.js

@@ -26,4 +26,3 @@ function VerticalGuide({ model, coordX }) {
             } })));
 }
 exports.default = (0, mobx_react_1.observer)(VerticalGuide);
-//# sourceMappingURL=VerticalGuide.js.map

package/dist/LinearGenomeView/components/ZoomControls.js

@@ -58,4 +58,3 @@ function ZoomControls({ model }) {
             react_1.default.createElement(ZoomIn_1.default, null))));
 }
 exports.default = (0, mobx_react_1.observer)(ZoomControls);
-//# sourceMappingURL=ZoomControls.js.map

package/dist/LinearGenomeView/components/hooks.js

@@ -261,4 +261,3 @@ function useWheelScroll(ref, model) {
     }, [model, ref]);
 }
 exports.useWheelScroll = useWheelScroll;
-//# sourceMappingURL=hooks.js.map

package/dist/LinearGenomeView/components/util.js

@@ -46,4 +46,3 @@ function getCytobands(assembly, refName) {
     })).filter(f => f.refName === refName)) || []);
 }
 exports.getCytobands = getCytobands;
-//# sourceMappingURL=util.js.map

package/dist/LinearGenomeView/index.js

@@ -40,4 +40,3 @@ exports.default = (pluginManager) => {
     });
 };
 __exportStar(require("./model"), exports);
-//# sourceMappingURL=index.js.map

package/dist/LinearGenomeView/model.js

@@ -1270,4 +1270,3 @@ var ZoomControls_1 = require("./components/ZoomControls");
 Object.defineProperty(exports, "ZoomControls", { enumerable: true, get: function () { return __importDefault(ZoomControls_1).default; } });
 var SVGLinearGenomeView_1 = require("./svgcomponents/SVGLinearGenomeView");
 Object.defineProperty(exports, "renderToSvg", { enumerable: true, get: function () { return SVGLinearGenomeView_1.renderToSvg; } });
-//# sourceMappingURL=model.js.map

package/dist/LinearGenomeView/svgcomponents/SVGBackground.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
+const color_1 = __importDefault(require("color"));
 function SVGBackground({ width, height, shift, }) {
     const theme = (0, material_1.useTheme)();
-    return (react_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: theme.palette.background.default }));
+    return (react_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: (0, color_1.default)(theme.palette.background.default).hex() }));
 }
 exports.default = SVGBackground;
-//# sourceMappingURL=SVGBackground.js.map

package/dist/LinearGenomeView/svgcomponents/SVGHeader.js

@@ -7,6 +7,7 @@ const react_1 = __importDefault(require("react"));
 const util_1 = require("@jbrowse/core/util");
 const Base1DViewModel_1 = __importDefault(require("@jbrowse/core/util/Base1DViewModel"));
 const material_1 = require("@mui/material");
+const color_1 = __importDefault(require("color"));
 // locals
 const __1 = require("..");
 const Cytobands_1 = __importDefault(require("../components/Cytobands"));
@@ -19,6 +20,7 @@ function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight, }) {
     const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
     const assembly = assemblyManager.get(assemblyName);
     const theme = (0, material_1.useTheme)();
+    const c = (0, color_1.default)(theme.palette.text.primary).hex();
     const overview = Base1DViewModel_1.default.create({
         displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
         interRegionPaddingWidth: 0,
@@ -43,18 +45,17 @@ function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight, }) {
         ...last,
         coord: last.reversed ? last.start : last.end,
     }) || 0;
-    const c = +showCytobands * cytobandHeight;
+    const y = +showCytobands * cytobandHeight;
     return (react_1.default.createElement("g", { id: "header" },
-        react_1.default.createElement("text", { x: 0, y: fontSize, fontSize: fontSize, fill: theme.palette.text.primary }, assemblyName),
+        react_1.default.createElement("text", { x: 0, y: 0, dominantBaseline: "hanging", fontSize: fontSize, fill: c }, assemblyName),
         showCytobands ? (react_1.default.createElement("g", { transform: `translate(0 ${rulerHeight})` },
             react_1.default.createElement(Cytobands_1.default, { overview: overview, assembly: assembly, block: block }),
             react_1.default.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: __1.HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
             react_1.default.createElement("g", { transform: `translate(0,${__1.HEADER_OVERVIEW_HEIGHT})` },
                 react_1.default.createElement(OverviewScalebar_1.Polygon, { overview: overview, model: model, useOffset: false })))) : null,
-        react_1.default.createElement("g", { transform: `translate(0 ${fontSize + c})` },
+        react_1.default.createElement("g", { transform: `translate(0 ${fontSize + y})` },
             react_1.default.createElement(SVGScalebar_1.default, { model: model, fontSize: fontSize })),
-        react_1.default.createElement("g", { transform: `translate(0 ${rulerHeight + c})` },
+        react_1.default.createElement("g", { transform: `translate(0 ${rulerHeight + y})` },
             react_1.default.createElement(SVGRuler_1.default, { model: model, fontSize: fontSize }))));
 }
 exports.default = SVGHeader;
-//# sourceMappingURL=SVGHeader.js.map

package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js

@@ -54,4 +54,3 @@ var SVGRuler_1 = require("./SVGRuler");
 Object.defineProperty(exports, "SVGRuler", { enumerable: true, get: function () { return __importDefault(SVGRuler_1).default; } });
 var SVGTracks_2 = require("./SVGTracks");
 Object.defineProperty(exports, "SVGTracks", { enumerable: true, get: function () { return __importDefault(SVGTracks_2).default; } });
-//# sourceMappingURL=SVGLinearGenomeView.js.map

package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.js

@@ -10,4 +10,3 @@ function SVGRegionSeparators({ model, height, }) {
     return (react_1.default.createElement(react_1.default.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(block => (react_1.default.createElement("rect", { key: block.key, x: block.offsetPx - offsetPx - interRegionPaddingWidth, width: interRegionPaddingWidth, y: 0, height: height, fill: "grey" })))));
 }
 exports.default = SVGRegionSeparators;
-//# sourceMappingURL=SVGRegionSeparators.js.map

package/dist/LinearGenomeView/svgcomponents/SVGRuler.js

@@ -9,20 +9,22 @@ const material_1 = require("@mui/material");
 // locals
 const util_2 = require("../util");
 const SVGRegionSeparators_1 = __importDefault(require("./SVGRegionSeparators"));
+const color_1 = __importDefault(require("color"));
 function Ruler({ start, end, bpPerPx, reversed = false, major = true, minor = true, hideText = false, }) {
     const ticks = (0, util_2.makeTicks)(start, end, bpPerPx, major, minor);
     const theme = (0, material_1.useTheme)();
+    const c = (0, color_1.default)(theme.palette.text.secondary).hex();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         ticks.map(tick => {
             const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-            return (react_1.default.createElement("line", { key: tick.base, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: theme.palette.text.secondary }));
+            return (react_1.default.createElement("line", { key: 'tick-' + tick.base, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: c }));
         }),
         !hideText
             ? ticks
                 .filter(tick => tick.type === 'major')
                 .map(tick => {
                 const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-                return (react_1.default.createElement("text", { x: x - 3, y: 7 + 11, key: `label-${tick.base}`, fontSize: 11, fill: theme.palette.text.primary }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx)));
+                return (react_1.default.createElement("text", { key: `label-${tick.base}`, x: x - 3, y: 7 + 11, fontSize: 11, fill: c }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx)));
             })
             : null));
 }
@@ -30,6 +32,7 @@ function SVGRuler({ model, fontSize, }) {
     const { dynamicBlocks: { contentBlocks }, offsetPx: viewOffsetPx, bpPerPx, } = model;
     const renderRuler = contentBlocks.length < 5;
     const theme = (0, material_1.useTheme)();
+    const c = (0, color_1.default)(theme.palette.text.primary).hex();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(SVGRegionSeparators_1.default, { model: model, height: 30 }),
         contentBlocks.map(block => {
@@ -42,10 +45,9 @@ function SVGRuler({ model, fontSize, }) {
                         react_1.default.createElement("rect", { x: 0, y: 0, width: widthPx, height: 100 }))),
                 react_1.default.createElement("g", { transform: `translate(${offset} 0)` },
                     react_1.default.createElement("g", { clipPath: `url(#${clipid})` },
-                        react_1.default.createElement("text", { x: 4, y: fontSize, fontSize: fontSize, fill: theme.palette.text.primary }, refName),
+                        react_1.default.createElement("text", { x: 4, y: fontSize, fontSize: fontSize, fill: c }, refName),
                         react_1.default.createElement("g", { transform: "translate(0 20)" },
                             react_1.default.createElement(Ruler, { hideText: !renderRuler, start: start, end: end, bpPerPx: bpPerPx, reversed: reversed }))))));
         })));
 }
 exports.default = SVGRuler;
-//# sourceMappingURL=SVGRuler.js.map

package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js

@@ -6,17 +6,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
+const color_1 = __importDefault(require("color"));
 function SVGScalebar({ model, fontSize, }) {
     const { offsetPx, dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp }, } = model;
     const theme = (0, material_1.useTheme)();
     const displayBp = (0, util_1.getBpDisplayStr)(totalBp);
     const x0 = Math.max(-offsetPx, 0);
     const x1 = x0 + totalWidthPx;
+    const c = (0, color_1.default)(theme.palette.text.secondary).hex();
+    const x = x0 + (x1 - x0) / 2;
+    const y = fontSize;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: theme.palette.text.secondary }),
-        react_1.default.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: theme.palette.text.secondary }),
-        react_1.default.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: theme.palette.text.secondary }),
-        react_1.default.createElement("text", { x: x0 + (x1 - x0) / 2, y: fontSize * 2, textAnchor: "middle", fontSize: fontSize, fill: theme.palette.text.primary }, displayBp)));
+        react_1.default.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: c }),
+        react_1.default.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: c }),
+        react_1.default.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: c }),
+        react_1.default.createElement("text", { x: x, y: y, textAnchor: "middle", dominantBaseline: "hanging", fontSize: fontSize, fill: c }, displayBp)));
 }
 exports.default = SVGScalebar;
-//# sourceMappingURL=SVGScalebar.js.map

package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js

@@ -13,4 +13,3 @@ function SVGTrackLabel({ trackLabels, trackName, fontSize, trackLabelOffset, x,
     return trackLabels !== 'none' ? (react_1.default.createElement("g", null, trackLabels === 'left' ? (react_1.default.createElement("text", { x: trackLabelOffset - 40, y: 20, fill: fill, fontSize: fontSize, dominantBaseline: "hanging", textAnchor: "end" }, trackName)) : (react_1.default.createElement("text", { x: x + xoff, y: yoff, fill: fill, fontSize: fontSize, dominantBaseline: "hanging" }, trackName)))) : null;
 }
 exports.default = SVGTrackLabel;
-//# sourceMappingURL=SVGTrackLabel.js.map

package/dist/LinearGenomeView/svgcomponents/SVGTracks.js

@@ -27,4 +27,3 @@ function SVGTracks({ displayResults, model, offset, textHeight, fontSize, trackL
     })));
 }
 exports.default = SVGTracks;
-//# sourceMappingURL=SVGTracks.js.map

package/dist/LinearGenomeView/util.js

@@ -142,4 +142,3 @@ function parseLocStrings(input, assemblyName, isValidRefName) {
     }
 }
 exports.parseLocStrings = parseLocStrings;
-//# sourceMappingURL=util.js.map

package/dist/index.js

@@ -94,4 +94,3 @@ Object.defineProperty(exports, "SVGRuler", { enumerable: true, get: function ()
 var LinearBasicDisplay_2 = require("./LinearBasicDisplay");
 Object.defineProperty(exports, "linearBasicDisplayConfigSchemaFactory", { enumerable: true, get: function () { return LinearBasicDisplay_2.configSchema; } });
 Object.defineProperty(exports, "linearBasicDisplayModelFactory", { enumerable: true, get: function () { return LinearBasicDisplay_2.modelFactory; } });
-//# sourceMappingURL=index.js.map

package/esm/BaseLinearDisplay/components/BaseLinearDisplay.js

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

package/esm/BaseLinearDisplay/components/Block.js

@@ -43,4 +43,3 @@ function InterRegionPaddingBlock({ boundary, width, style = {}, }) {
             : classes.interRegionPaddingBlock }));
 }
 export { ContentBlock, ElidedBlock, InterRegionPaddingBlock };
-//# sourceMappingURL=Block.js.map