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

package/esm/BaseLinearDisplay/components/BlockMsg.js

@@ -14,4 +14,3 @@ export default function BlockMsg({ message, severity, buttonText, icon, action,
         React.createElement(Tooltip, { title: message },
             React.createElement("div", null, message))));
 }
-//# sourceMappingURL=BlockMsg.js.map

package/esm/BaseLinearDisplay/components/LinearBlocks.js

@@ -59,4 +59,3 @@ function LinearBlocks({ model }) {
 }
 export { RenderedBlocks, useStyles };
 export default observer(LinearBlocks);
-//# sourceMappingURL=LinearBlocks.js.map

package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js

@@ -44,4 +44,3 @@ const ServerSideRenderedBlockContent = observer(function ({ model, }) {
     }
 });
 export default ServerSideRenderedBlockContent;
-//# sourceMappingURL=ServerSideRenderedBlockContent.js.map

package/esm/BaseLinearDisplay/components/TooLargeMessage.js

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

package/esm/BaseLinearDisplay/components/Tooltip.js

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

package/esm/BaseLinearDisplay/index.js

@@ -4,4 +4,3 @@ export { default as BaseLinearDisplayComponent, Tooltip, BlockMsg, } from './com
 export { default as TrackHeightMixin } from './models/TrackHeightMixin';
 export { default as FeatureDensityMixin } from './models/FeatureDensityMixin';
 export { default as TooLargeMessage } from './components/TooLargeMessage';
-//# sourceMappingURL=index.js.map

package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js

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

package/esm/BaseLinearDisplay/models/FeatureDensityMixin.js

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

package/esm/BaseLinearDisplay/models/TrackHeightMixin.js

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

package/esm/BaseLinearDisplay/models/autorunFeatureDensityStats.js

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

package/esm/BaseLinearDisplay/models/configSchema.js

@@ -48,4 +48,3 @@ const baseLinearDisplayConfigSchema = ConfigurationSchema('BaseLinearDisplay', {
     explicitIdentifier: 'displayId',
 });
 export default baseLinearDisplayConfigSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/BaseLinearDisplay/models/renderSvg.js

@@ -51,4 +51,3 @@ export default async function renderBaseLinearDisplaySvg(self, opts) {
                     React.createElement(ReactRendering, { rendering: rendering })))));
     })));
 }
-//# sourceMappingURL=renderSvg.js.map

package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js

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

package/esm/BaseLinearDisplay/models/util.js

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

package/esm/BasicTrack/configSchema.js

@@ -14,4 +14,3 @@ const configSchema = (pluginManager) => ConfigurationSchema('BasicTrack', {}, {
     explicitIdentifier: 'trackId',
 });
 export default configSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/BasicTrack/index.js

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

package/esm/FeatureTrack/configSchema.js

@@ -17,4 +17,3 @@ const configSchema = (pluginManager) => ConfigurationSchema('FeatureTrack', {},
     explicitIdentifier: 'trackId',
 });
 export default configSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/FeatureTrack/index.js

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

package/esm/LaunchLinearGenomeView/index.js

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

package/esm/LinearBareDisplay/configSchema.js

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

package/esm/LinearBareDisplay/index.js

@@ -19,4 +19,3 @@ export default (pluginManager) => {
 };
 export { configSchemaFactory } from './configSchema';
 export { stateModelFactory } from './model';
-//# sourceMappingURL=index.js.map

package/esm/LinearBareDisplay/model.js

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

package/esm/LinearBasicDisplay/components/SetMaxHeight.js

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

package/esm/LinearBasicDisplay/configSchema.js

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

package/esm/LinearBasicDisplay/index.js

@@ -19,4 +19,3 @@ export default (pluginManager) => {
 };
 export { default as modelFactory } from './model';
 export { default as configSchema } from './configSchema';
-//# sourceMappingURL=index.js.map

package/esm/LinearBasicDisplay/model.js

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

package/esm/LinearGenomeView/components/CenterLine.js

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

package/esm/LinearGenomeView/components/Cytobands.js

@@ -84,4 +84,3 @@ export default observer(function Cytobands({ overview, block, assembly, }) {
         }
     })));
 });
-//# sourceMappingURL=Cytobands.js.map

package/esm/LinearGenomeView/components/ExportSvgDialog.js

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

package/esm/LinearGenomeView/components/GetSequenceDialog.js

@@ -144,4 +144,3 @@ function SequenceDialog({ model, handleClose, }) {
             React.createElement(Button, { onClick: handleClose, variant: "contained" }, "Close"))));
 }
 export default observer(SequenceDialog);
-//# sourceMappingURL=GetSequenceDialog.js.map

package/esm/LinearGenomeView/components/Gridlines.js

@@ -68,4 +68,3 @@ function VerticalGuides({ model }) {
             React.createElement(RenderedVerticalGuides, { model: model }))));
 }
 export default observer(VerticalGuides);
-//# sourceMappingURL=Gridlines.js.map

package/esm/LinearGenomeView/components/Header.js

@@ -77,4 +77,3 @@ const LinearGenomeViewHeader = observer(({ model }) => {
         React.createElement(Controls, { model: model })))) : null;
 });
 export default LinearGenomeViewHeader;
-//# sourceMappingURL=Header.js.map

package/esm/LinearGenomeView/components/ImportForm.js

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

package/esm/LinearGenomeView/components/LinearGenomeView.js

@@ -34,4 +34,3 @@ const LinearGenomeView = observer(({ model }) => {
             React.createElement(Button, { variant: "contained", color: "primary", onClick: model.activateTrackSelector, style: { zIndex: 1000 }, startIcon: React.createElement(TrackSelectorIcon, null) }, "Open track selector"))) : (React.createElement("div", { style: { height: '48px' } })))) : (tracks.map(track => (React.createElement(TrackContainer, { key: track.id, model: model, track: track })))))));
 });
 export default LinearGenomeView;
-//# sourceMappingURL=LinearGenomeView.js.map

package/esm/LinearGenomeView/components/MiniControls.js

@@ -27,4 +27,3 @@ const MiniControls = observer(function ({ model, }) {
             React.createElement(ZoomIn, { fontSize: "small" })))) : null;
 });
 export default MiniControls;
-//# sourceMappingURL=MiniControls.js.map

package/esm/LinearGenomeView/components/OverviewRubberband.js

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

package/esm/LinearGenomeView/components/OverviewScalebar.js

@@ -206,4 +206,3 @@ export default observer(function OverviewScalebar({ model, children, }) {
 });
 export { Polygon };
 export { default as Cytobands } from './Cytobands';
-//# sourceMappingURL=OverviewScalebar.js.map

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

@@ -13,4 +13,3 @@ export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, par
             endAdornment: (React.createElement(EndAdornment, { showHelp: showHelp, endAdornment: params.InputProps.endAdornment })),
         }, placeholder: "Search for location", onChange: e => setCurrentSearch(e.target.value) }));
 }
-//# sourceMappingURL=AutocompleteTextField.js.map

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

@@ -20,4 +20,3 @@ export default function EndAdornment({ showHelp, endAdornment, }) {
             showHelp ? React.createElement(HelpAdornment, null) : null),
         endAdornment));
 }
-//# sourceMappingURL=EndAdornment.js.map

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

@@ -40,4 +40,3 @@ export default function HelpDialog({ handleClose, }) {
         React.createElement(DialogActions, null,
             React.createElement(Button, { onClick: () => handleClose(), color: "primary" }, "Close"))));
 }
-//# sourceMappingURL=HelpDialog.js.map

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

@@ -80,4 +80,3 @@ export default observer(function RefNameAutocomplete({ model, onSelect, assembly
                 }))) || []
                 : searchOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => getFiltered(opts, inputValue), renderInput: params => (React.createElement(AutocompleteTextField, { 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/esm/LinearGenomeView/components/RefNameAutocomplete/util.js

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

package/esm/LinearGenomeView/components/Rubberband.js

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

package/esm/LinearGenomeView/components/RubberbandSpan.js

@@ -47,4 +47,3 @@ export default function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSel
             toLocale(numOfBpSelected),
             " bp")) : null)));
 }
-//# sourceMappingURL=RubberbandSpan.js.map

package/esm/LinearGenomeView/components/Scalebar.js

@@ -109,4 +109,3 @@ const Scalebar = React.forwardRef(({ model, style, className, ...other }, ref) =
         React.createElement(RenderedRefNameLabels, { model: model })));
 });
 export default observer(Scalebar);
-//# sourceMappingURL=Scalebar.js.map

package/esm/LinearGenomeView/components/SearchBox.js

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

package/esm/LinearGenomeView/components/SearchResultsDialog.js

@@ -15,4 +15,3 @@ export default function SearchResultsDialog({ model, assemblyName, searchQuery,
         React.createElement(DialogActions, null,
             React.createElement(Button, { onClick: () => handleClose(), color: "primary" }, "Cancel"))));
 }
-//# sourceMappingURL=SearchResultsDialog.js.map

package/esm/LinearGenomeView/components/SearchResultsTable.js

@@ -74,4 +74,3 @@ export default function SearchResultsTable({ searchResults, assemblyName: optAss
                             handleClose();
                         }, color: "primary", variant: "contained" }, "Go")))))))));
 }
-//# sourceMappingURL=SearchResultsTable.js.map

package/esm/LinearGenomeView/components/SequenceSearchDialog.js

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

package/esm/LinearGenomeView/components/TrackContainer.js

@@ -54,4 +54,3 @@ export default observer(function TrackContainer({ model, track, }) {
             }, onDragEnter: debouncedOnDragEnter }),
         React.createElement(ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })));
 });
-//# sourceMappingURL=TrackContainer.js.map

package/esm/LinearGenomeView/components/TrackLabel.js

@@ -58,7 +58,7 @@ const TrackLabel = React.forwardRef(function ({ track, className }, ref) {
         },
         ...(((_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.createElement(Paper, { ref: ref, className: cx(className, classes.root) },
         React.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
                 const target = event.currentTarget;
@@ -79,4 +79,3 @@ const TrackLabel = React.forwardRef(function ({ track, className }, ref) {
             React.createElement(MoreVertIcon, { fontSize: "small" }))));
 });
 export default observer(TrackLabel);
-//# sourceMappingURL=TrackLabel.js.map

package/esm/LinearGenomeView/components/TrackLabelContainer.js

@@ -24,4 +24,3 @@ const TrackLabelContainer = observer(function ({ track, view, }) {
     return view.trackLabels !== 'hidden' ? (React.createElement(TrackLabel, { track: track, className: cx(trackLabel, labelStyle) })) : null;
 });
 export default TrackLabelContainer;
-//# sourceMappingURL=TrackLabelContainer.js.map

package/esm/LinearGenomeView/components/TrackRenderingContainer.js

@@ -1,7 +1,8 @@
-import React, { useEffect, useRef } from 'react';
+import React, { Suspense, useEffect, useRef } from 'react';
 import { makeStyles } from 'tss-react/mui';
 import { observer } from 'mobx-react';
 import { getConf } from '@jbrowse/core/configuration';
+import { LoadingEllipses } from '@jbrowse/core/ui';
 const useStyles = makeStyles()({
     // aligns with block boundaries. check for example the breakpoint split view
     // demo to see if features align if wanting to change things
@@ -38,7 +39,8 @@ export default observer(function TrackRenderingContainer({ model, track, onDragE
     }, [model.trackRefs, trackId]);
     return (React.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.createElement(React.Fragment, null,
         React.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
-            React.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll })),
+            React.createElement(Suspense, { fallback: React.createElement(LoadingEllipses, null) },
+                React.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll }))),
         DisplayBlurb ? (React.createElement("div", { style: {
                 position: 'absolute',
                 left: 0,
@@ -46,4 +48,3 @@ export default observer(function TrackRenderingContainer({ model, track, onDragE
             } },
             React.createElement(DisplayBlurb, { model: display }))) : null)) : null));
 });
-//# sourceMappingURL=TrackRenderingContainer.js.map

package/esm/LinearGenomeView/components/TracksContainer.js

@@ -42,4 +42,3 @@ export default observer(function TracksContainer({ children, model, }) {
         additional,
         children));
 });
-//# sourceMappingURL=TracksContainer.js.map

package/esm/LinearGenomeView/components/VerticalGuide.js

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

package/esm/LinearGenomeView/components/ZoomControls.js

@@ -30,4 +30,3 @@ function ZoomControls({ model }) {
             React.createElement(ZoomIn, null))));
 }
 export default observer(ZoomControls);
-//# sourceMappingURL=ZoomControls.js.map

package/esm/LinearGenomeView/components/hooks.js

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

package/esm/LinearGenomeView/components/util.js

@@ -36,4 +36,3 @@ export function getCytobands(assembly, refName) {
         type: f.get('type'),
     })).filter(f => f.refName === refName)) || []);
 }
-//# sourceMappingURL=util.js.map

package/esm/LinearGenomeView/index.js

@@ -12,4 +12,3 @@ export default (pluginManager) => {
     });
 };
 export * from './model';
-//# sourceMappingURL=index.js.map

package/esm/LinearGenomeView/model.js

@@ -1234,4 +1234,3 @@ export { default as RefNameAutocomplete } from './components/RefNameAutocomplete
 export { default as SearchBox } from './components/SearchBox';
 export { default as ZoomControls } from './components/ZoomControls';
 export { renderToSvg } from './svgcomponents/SVGLinearGenomeView';
-//# sourceMappingURL=model.js.map

package/esm/LinearGenomeView/svgcomponents/SVGBackground.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTheme } from '@mui/material';
+import Color from 'color';
 export default function SVGBackground({ width, height, shift, }) {
     const theme = useTheme();
-    return (React.createElement("rect", { width: width + shift * 2, height: height, fill: theme.palette.background.default }));
+    return (React.createElement("rect", { width: width + shift * 2, height: height, fill: Color(theme.palette.background.default).hex() }));
 }
-//# sourceMappingURL=SVGBackground.js.map

package/esm/LinearGenomeView/svgcomponents/SVGHeader.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { getSession } from '@jbrowse/core/util';
 import Base1DView from '@jbrowse/core/util/Base1DViewModel';
 import { useTheme } from '@mui/material';
+import Color from 'color';
 // locals
 import { HEADER_OVERVIEW_HEIGHT } from '..';
 import Cytobands from '../components/Cytobands';
@@ -14,6 +15,7 @@ export default function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight
     const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
     const assembly = assemblyManager.get(assemblyName);
     const theme = useTheme();
+    const c = Color(theme.palette.text.primary).hex();
     const overview = Base1DView.create({
         displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
         interRegionPaddingWidth: 0,
@@ -38,17 +40,16 @@ export default 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.createElement("g", { id: "header" },
-        React.createElement("text", { x: 0, y: fontSize, fontSize: fontSize, fill: theme.palette.text.primary }, assemblyName),
+        React.createElement("text", { x: 0, y: 0, dominantBaseline: "hanging", fontSize: fontSize, fill: c }, assemblyName),
         showCytobands ? (React.createElement("g", { transform: `translate(0 ${rulerHeight})` },
             React.createElement(Cytobands, { overview: overview, assembly: assembly, block: block }),
             React.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
             React.createElement("g", { transform: `translate(0,${HEADER_OVERVIEW_HEIGHT})` },
                 React.createElement(Polygon, { overview: overview, model: model, useOffset: false })))) : null,
-        React.createElement("g", { transform: `translate(0 ${fontSize + c})` },
+        React.createElement("g", { transform: `translate(0 ${fontSize + y})` },
             React.createElement(SVGScalebar, { model: model, fontSize: fontSize })),
-        React.createElement("g", { transform: `translate(0 ${rulerHeight + c})` },
+        React.createElement("g", { transform: `translate(0 ${rulerHeight + y})` },
             React.createElement(SVGRuler, { model: model, fontSize: fontSize }))));
 }
-//# sourceMappingURL=SVGHeader.js.map

package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js

@@ -44,4 +44,3 @@ export async function renderToSvg(model, opts) {
 }
 export { default as SVGRuler } from './SVGRuler';
 export { default as SVGTracks } from './SVGTracks';
-//# sourceMappingURL=SVGLinearGenomeView.js.map

package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.js

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

package/esm/LinearGenomeView/svgcomponents/SVGRuler.js

@@ -4,20 +4,22 @@ import { useTheme } from '@mui/material';
 // locals
 import { makeTicks } from '../util';
 import SVGRegionSeparators from './SVGRegionSeparators';
+import Color from 'color';
 function Ruler({ start, end, bpPerPx, reversed = false, major = true, minor = true, hideText = false, }) {
     const ticks = makeTicks(start, end, bpPerPx, major, minor);
     const theme = useTheme();
+    const c = Color(theme.palette.text.secondary).hex();
     return (React.createElement(React.Fragment, null,
         ticks.map(tick => {
             const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-            return (React.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.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.createElement("text", { x: x - 3, y: 7 + 11, key: `label-${tick.base}`, fontSize: 11, fill: theme.palette.text.primary }, getTickDisplayStr(tick.base + 1, bpPerPx)));
+                return (React.createElement("text", { key: `label-${tick.base}`, x: x - 3, y: 7 + 11, fontSize: 11, fill: c }, getTickDisplayStr(tick.base + 1, bpPerPx)));
             })
             : null));
 }
@@ -25,6 +27,7 @@ export default function SVGRuler({ model, fontSize, }) {
     const { dynamicBlocks: { contentBlocks }, offsetPx: viewOffsetPx, bpPerPx, } = model;
     const renderRuler = contentBlocks.length < 5;
     const theme = useTheme();
+    const c = Color(theme.palette.text.primary).hex();
     return (React.createElement(React.Fragment, null,
         React.createElement(SVGRegionSeparators, { model: model, height: 30 }),
         contentBlocks.map(block => {
@@ -37,9 +40,8 @@ export default function SVGRuler({ model, fontSize, }) {
                         React.createElement("rect", { x: 0, y: 0, width: widthPx, height: 100 }))),
                 React.createElement("g", { transform: `translate(${offset} 0)` },
                     React.createElement("g", { clipPath: `url(#${clipid})` },
-                        React.createElement("text", { x: 4, y: fontSize, fontSize: fontSize, fill: theme.palette.text.primary }, refName),
+                        React.createElement("text", { x: 4, y: fontSize, fontSize: fontSize, fill: c }, refName),
                         React.createElement("g", { transform: "translate(0 20)" },
                             React.createElement(Ruler, { hideText: !renderRuler, start: start, end: end, bpPerPx: bpPerPx, reversed: reversed }))))));
         })));
 }
-//# sourceMappingURL=SVGRuler.js.map

package/esm/LinearGenomeView/svgcomponents/SVGScalebar.js

@@ -1,16 +1,19 @@
 import React from 'react';
 import { getBpDisplayStr } from '@jbrowse/core/util';
 import { useTheme } from '@mui/material';
+import Color from 'color';
 export default function SVGScalebar({ model, fontSize, }) {
     const { offsetPx, dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp }, } = model;
     const theme = useTheme();
     const displayBp = getBpDisplayStr(totalBp);
     const x0 = Math.max(-offsetPx, 0);
     const x1 = x0 + totalWidthPx;
+    const c = Color(theme.palette.text.secondary).hex();
+    const x = x0 + (x1 - x0) / 2;
+    const y = fontSize;
     return (React.createElement(React.Fragment, null,
-        React.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: theme.palette.text.secondary }),
-        React.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: theme.palette.text.secondary }),
-        React.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: theme.palette.text.secondary }),
-        React.createElement("text", { x: x0 + (x1 - x0) / 2, y: fontSize * 2, textAnchor: "middle", fontSize: fontSize, fill: theme.palette.text.primary }, displayBp)));
+        React.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: c }),
+        React.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: c }),
+        React.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: c }),
+        React.createElement("text", { x: x, y: y, textAnchor: "middle", dominantBaseline: "hanging", fontSize: fontSize, fill: c }, displayBp)));
 }
-//# sourceMappingURL=SVGScalebar.js.map

package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js

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

package/esm/LinearGenomeView/svgcomponents/SVGTracks.js

@@ -21,4 +21,3 @@ export default function SVGTracks({ displayResults, model, offset, textHeight, f
             React.createElement(SVGTrackLabel, { trackName: trackName, fontSize: fontSize, trackLabels: trackLabels, trackLabelOffset: trackLabelOffset, x: x })));
     })));
 }
-//# sourceMappingURL=SVGTracks.js.map

package/esm/LinearGenomeView/util.js

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

package/esm/index.js

@@ -48,4 +48,3 @@ export { baseLinearDisplayConfigSchema, BaseLinearDisplay, BlockMsg, BaseLinearD
 export { RefNameAutocomplete, SearchBox, } from './LinearGenomeView';
 export { renderToSvg, SVGTracks, totalHeight, SVGRuler, } from './LinearGenomeView/svgcomponents/SVGLinearGenomeView';
 export { configSchema as linearBasicDisplayConfigSchemaFactory, modelFactory as linearBasicDisplayModelFactory, } from './LinearBasicDisplay';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "2.6.1",
+  "version": "2.6.3",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -22,14 +22,13 @@
   "main": "dist/index.js",
   "files": [
     "dist",
-    "src",
     "esm"
   ],
   "scripts": {
     "prebuild": "npm run clean",
     "build": "npm-run-all build:*",
     "build:esm": "tsc --build tsconfig.build.esm.json",
-    "build:es5": "tsc --build tsconfig.build.es5.json",
+    "build:commonjs": "tsc --build tsconfig.build.commonjs.json",
     "clean": "rimraf dist esm *.tsbuildinfo",
     "test": "cd ../..; jest plugins/linear-genome-view",
     "prepublishOnly": "yarn test",
@@ -45,6 +44,7 @@
     "@types/normalize-wheel": "^1.0.0",
     "clone": "^2.1.2",
     "clsx": "^1.0.4",
+    "color": "^3.1.3",
     "copy-to-clipboard": "^3.3.1",
     "file-saver": "^2.0.0",
     "material-ui-popup-state": "^5.0.0",
@@ -66,5 +66,5 @@
     "access": "public"
   },
   "module": "esm/index.js",
-  "gitHead": "1cbe7ba097fb2d2763c776e5e429e4670cdd583c"
+  "gitHead": "ed402c87efb0904858d602c363bd1757d5742129"
 }