@jbrowse/plugin-linear-genome-view 3.6.5 → 4.0.0

package/dist/LinearGenomeView/components/Cytobands.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const util_2 = require("./util");
-const consts_1 = require("../consts");
-function rightRoundedRect(x, y, width, height, radius) {
-    return `M${x},${y}h${width - radius}a${radius},${radius} 0 0 1 ${radius},${radius}v${height - 2 * radius}a${radius},${radius} 0 0 1 ${-radius},${radius}h${radius - width}z`;
-}
-function leftRoundedRect(x, y, width, height, radius) {
-    return `M${x + radius},${y}h${width - radius}v${height}h${radius - width}a${radius},${radius} 0 0 1 ${-radius},${-radius}v${2 * radius - height}a${radius},${radius} 0 0 1 ${radius},${-radius}z`;
-}
-function leftTriangle(x, _y, width, height) {
-    return [
-        [x, 0],
-        [x + width, height / 2],
-        [x, height],
-    ].toString();
-}
-function rightTriangle(x, _y, width, height) {
-    return [
-        [x, height / 2],
-        [x + width, 0],
-        [x + width, height],
-    ].toString();
-}
-const colorMap = {
-    gneg: 'rgb(227,227,227)',
-    gpos25: 'rgb(142,142,142)',
-    gpos33: 'rgb(142,142,142)',
-    gpos50: 'rgb(85,85,85)',
-    gpos66: 'rgb(85,85,85)',
-    gpos100: 'rgb(0,0,0)',
-    gpos75: 'rgb(57,57,57)',
-    gvar: 'rgb(0,0,0)',
-    stalk: 'rgb(127,127,127)',
-    acen: '#800',
-};
-const Cytobands = (0, mobx_react_1.observer)(function ({ overview, block, assembly, }) {
-    const { offsetPx, reversed } = block;
-    const cytobands = (0, util_2.getCytobands)(assembly, block.refName);
-    const lcap = reversed ? cytobands.length - 1 : 0;
-    const rcap = reversed ? 0 : cytobands.length - 1;
-    const h = consts_1.HEADER_OVERVIEW_HEIGHT;
-    let centromereSeen = false;
-    let curr = '';
-    let idx = 0;
-    return ((0, jsx_runtime_1.jsx)("g", { transform: `translate(-${offsetPx})`, children: cytobands.map((args, index) => {
-            const k = JSON.stringify(args);
-            const { refName, name, type, start, end } = args;
-            const s = overview.bpToPx({ refName, coord: start }) || 0;
-            const e = overview.bpToPx({ refName, coord: end }) || 0;
-            const l = Math.min(s, e);
-            const w = Math.abs(e - s);
-            if (type === 'n/a') {
-                const match = name === null || name === void 0 ? void 0 : name.match(/^(\d+)([A-Za-z])/);
-                const ret = match[1] + match[2];
-                if (ret && ret !== curr) {
-                    curr = ret;
-                    idx++;
-                }
-            }
-            const c = type === 'n/a'
-                ? idx % 2
-                    ? 'black'
-                    : '#a77'
-                : colorMap[type] || 'black';
-            if (type === 'acen' && !centromereSeen) {
-                centromereSeen = true;
-                return ((0, jsx_runtime_1.jsx)("polygon", { points: reversed
-                        ? rightTriangle(s - w, 0, w, h)
-                        : leftTriangle(s, 0, w, h), ...(0, util_1.getFillProps)(c) }, k));
-            }
-            if (type === 'acen' && centromereSeen) {
-                return ((0, jsx_runtime_1.jsx)("polygon", { points: reversed
-                        ? leftTriangle(s - w, 0, w, h)
-                        : rightTriangle(s, 0, w, h), ...(0, util_1.getFillProps)(c) }, k));
-            }
-            if (lcap === index) {
-                return ((0, jsx_runtime_1.jsx)("path", { d: leftRoundedRect(l, 0, w, h, 8), ...(0, util_1.getFillProps)(c) }, k));
-            }
-            if (rcap === index) {
-                return ((0, jsx_runtime_1.jsx)("path", { d: rightRoundedRect(l, 0, w, h, 8), ...(0, util_1.getFillProps)(c) }, k));
-            }
-            return ((0, jsx_runtime_1.jsx)("rect", { x: l, y: 0, width: w, height: h, ...(0, util_1.getFillProps)(c) }, k));
-        }) }));
-});
-exports.default = Cytobands;

package/dist/LinearGenomeView/components/ExportSvgDialog.d.ts

@@ -1,7 +0,0 @@
-import type { ExportSvgOptions } from '../types';
-export default function ExportSvgDialog({ model, handleClose, }: {
-    model: {
-        exportSvg(opts: ExportSvgOptions): Promise<void>;
-    };
-    handleClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/LinearGenomeView/components/ExportSvgDialog.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ExportSvgDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-function LoadingMessage() {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { display: "inline", children: "Creating SVG" })] }));
-}
-function useSvgLocal(key, val) {
-    return (0, util_1.useLocalStorage)(`svg-${key}`, val);
-}
-function TextField2({ children, ...rest }) {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.TextField, { ...rest, children: children }) }));
-}
-function ExportSvgDialog({ model, handleClose, }) {
-    const session = (0, util_1.getSession)(model);
-    const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
-    const [rasterizeLayers, setRasterizeLayers] = (0, react_1.useState)(offscreenCanvas);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)();
-    const [filename, setFilename] = useSvgLocal('file', 'jbrowse.svg');
-    const [trackLabels, setTrackLabels] = useSvgLocal('tracklabels', 'offset');
-    const [themeName, setThemeName] = useSvgLocal('theme', session.themeName || 'default');
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Export SVG", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : loading ? ((0, jsx_runtime_1.jsx)(LoadingMessage, {})) : null, (0, jsx_runtime_1.jsx)(TextField2, { helperText: "filename", value: filename, onChange: event => {
-                            setFilename(event.target.value);
-                        } }), (0, jsx_runtime_1.jsxs)(TextField2, { select: true, label: "Track label positioning", variant: "outlined", style: { width: 150 }, value: trackLabels, onChange: event => {
-                            setTrackLabels(event.target.value);
-                        }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "offset", children: "Offset" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "overlay", children: "Overlay" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "left", children: "Left" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "none", children: "None" })] }), session.allThemes ? ((0, jsx_runtime_1.jsx)(TextField2, { select: true, label: "Theme", variant: "outlined", value: themeName, onChange: event => {
-                            setThemeName(event.target.value);
-                        }, children: Object.entries(session.allThemes()).map(([key, val]) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: key, children: val.name || '(Unknown name)' }, key))) })) : null, offscreenCanvas ? ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: rasterizeLayers, onChange: () => {
-                                setRasterizeLayers(val => !val);
-                            } }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Note: rasterizing layers not yet supported in this browser, so SVG size may be large" }))] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                            handleClose();
-                        }, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
-                            setLoading(true);
-                            setError(undefined);
-                            try {
-                                await model.exportSvg({
-                                    rasterizeLayers,
-                                    filename,
-                                    trackLabels,
-                                    themeName,
-                                });
-                                handleClose();
-                            }
-                            catch (e) {
-                                console.error(e);
-                                setError(e);
-                            }
-                            finally {
-                                setLoading(false);
-                            }
-                        }, children: "Submit" })] })] }));
-}

package/dist/LinearGenomeView/components/GetSequenceDialog.d.ts

@@ -1,6 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-declare const GetSequenceDialog: ({ model, handleClose, }: {
-    model: LinearGenomeViewModel;
-    handleClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default GetSequenceDialog;

package/dist/LinearGenomeView/components/GetSequenceDialog.js

@@ -1,109 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const formatFastaStrings_1 = require("@jbrowse/core/util/formatFastaStrings");
-const ContentCopy_1 = __importDefault(require("@mui/icons-material/ContentCopy"));
-const GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
-const material_1 = require("@mui/material");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const file_saver_1 = require("file-saver");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const fetchSequence_1 = require("./fetchSequence");
-const useStyles = (0, mui_1.makeStyles)()({
-    dialogContent: {
-        width: '80em',
-    },
-    textAreaFont: {
-        fontFamily: 'Courier New',
-    },
-    ml: {
-        marginLeft: 10,
-    },
-});
-const GetSequenceDialog = (0, mobx_react_1.observer)(function ({ model, handleClose, }) {
-    const { classes } = useStyles();
-    const [error, setError] = (0, react_1.useState)();
-    const [sequenceChunks, setSequenceChunks] = (0, react_1.useState)();
-    const [rev, setReverse] = (0, react_1.useState)(false);
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const [comp, setComplement] = (0, react_1.useState)(false);
-    const { leftOffset, rightOffset } = model;
-    const loading = sequenceChunks === undefined;
-    (0, react_1.useEffect)(() => {
-        const controller = new AbortController();
-        (async () => {
-            try {
-                const selection = model.getSelectedRegions(leftOffset, rightOffset);
-                if (selection.length === 0) {
-                    throw new Error('Selected region is out of bounds');
-                }
-                setSequenceChunks(await (0, fetchSequence_1.fetchSequence)(model, selection));
-            }
-            catch (e) {
-                console.error(e);
-                setError(e);
-            }
-        })();
-        return () => {
-            controller.abort();
-        };
-    }, [model, leftOffset, rightOffset]);
-    const sequence = sequenceChunks
-        ? (0, formatFastaStrings_1.formatSeqFasta)(sequenceChunks.map(chunk => {
-            let chunkSeq = chunk.get('seq');
-            const chunkRefName = chunk.get('refName');
-            const chunkStart = chunk.get('start') + 1;
-            const chunkEnd = chunk.get('end');
-            const loc = `${chunkRefName}:${chunkStart}-${chunkEnd}`;
-            if ((chunkSeq === null || chunkSeq === void 0 ? void 0 : chunkSeq.length) !== chunkEnd - chunkStart + 1) {
-                throw new Error(`${loc} returned ${chunkSeq.length.toLocaleString()} bases, but should have returned ${(chunkEnd - chunkStart).toLocaleString()}`);
-            }
-            if (rev) {
-                chunkSeq = (0, util_1.reverse)(chunkSeq);
-            }
-            if (comp) {
-                chunkSeq = (0, util_1.complement)(chunkSeq);
-            }
-            return {
-                header: loc + (rev ? '-rev' : '') + (comp ? '-comp' : ''),
-                seq: chunkSeq,
-            };
-        }))
-        : '';
-    const sequenceTooLarge = sequence ? sequence.length > 1000000 : false;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: () => {
-            handleClose();
-            model.setOffsets();
-        }, title: "Reference sequence", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : loading ? ((0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { message: "Retrieving sequences" })) : null, (0, jsx_runtime_1.jsx)(material_1.TextField, { "data-testid": "rubberband-sequence", variant: "outlined", multiline: true, minRows: 5, maxRows: 10, disabled: sequenceTooLarge, className: classes.dialogContent, fullWidth: true, value: sequenceTooLarge
-                            ? 'Reference sequence too large to display, use the download FASTA button'
-                            : sequence, slotProps: {
-                            input: {
-                                readOnly: true,
-                                classes: {
-                                    input: classes.textAreaFont,
-                                },
-                            },
-                        } }), (0, jsx_runtime_1.jsxs)(material_1.FormGroup, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: rev, onChange: event => {
-                                        setReverse(event.target.checked);
-                                    } }), label: "Reverse sequence" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: comp, onChange: event => {
-                                        setComplement(event.target.checked);
-                                    } }), label: "Complement sequence" })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { style: { margin: 10 }, children: "Note: Check both boxes for the \"reverse complement\"" })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                            (0, copy_to_clipboard_1.default)(sequence);
-                            setCopied(true);
-                            setTimeout(() => {
-                                setCopied(false);
-                            }, 500);
-                        }, disabled: loading || !!error || sequenceTooLarge, color: "primary", startIcon: (0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}), children: copied ? 'Copied' : 'Copy to clipboard' }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                            (0, file_saver_1.saveAs)(new Blob([sequence || ''], {
-                                type: 'text/x-fasta;charset=utf-8',
-                            }), 'jbrowse_ref_seq.fa');
-                        }, disabled: loading || !!error, color: "primary", startIcon: (0, jsx_runtime_1.jsx)(GetApp_1.default, {}), children: "Download FASTA" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClose, variant: "contained", children: "Close" })] })] }));
-});
-exports.default = GetSequenceDialog;

package/dist/LinearGenomeView/components/Gridlines.d.ts

@@ -1,7 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-type LGV = LinearGenomeViewModel;
-declare const Gridlines: ({ model, offset, }: {
-    model: LGV;
-    offset?: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Gridlines;

package/dist/LinearGenomeView/components/Gridlines.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const Block_1 = require("../../BaseLinearDisplay/components/Block");
-const util_1 = require("../util");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    verticalGuidesZoomContainer: {
-        position: 'absolute',
-        top: 0,
-        height: '100%',
-        width: '100%',
-        pointerEvents: 'none',
-    },
-    verticalGuidesContainer: {
-        position: 'absolute',
-        height: '100%',
-        pointerEvents: 'none',
-        display: 'flex',
-    },
-    tick: {
-        position: 'absolute',
-        height: '100%',
-        width: 1,
-    },
-    majorTick: {
-        background: theme.palette.action.disabled,
-    },
-    minorTick: {
-        background: theme.palette.divider,
-    },
-}));
-function RenderedBlockLines({ block, bpPerPx, }) {
-    const { classes, cx } = useStyles();
-    const ticks = (0, util_1.makeTicks)(block.start, block.end, bpPerPx);
-    return ((0, jsx_runtime_1.jsx)(Block_1.ContentBlock, { block: block, children: ticks.map(({ type, base }) => {
-            const x = (block.reversed ? block.end - base : base - block.start) / bpPerPx;
-            return ((0, jsx_runtime_1.jsx)("div", { className: cx(classes.tick, type === 'major' || type === 'labeledMajor'
-                    ? classes.majorTick
-                    : classes.minorTick), style: { left: x } }, base));
-        }) }));
-}
-const RenderedVerticalGuides = (0, mobx_react_1.observer)(({ model }) => {
-    const { staticBlocks, bpPerPx } = model;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: staticBlocks.map((block, index) => {
-            const k = `${block.key}-${index}`;
-            if (block.type === 'ContentBlock') {
-                return (0, jsx_runtime_1.jsx)(RenderedBlockLines, { block: block, bpPerPx: bpPerPx }, k);
-            }
-            else if (block.type === 'ElidedBlock') {
-                return (0, jsx_runtime_1.jsx)(Block_1.ElidedBlock, { width: block.widthPx }, k);
-            }
-            else if (block.type === 'InterRegionPaddingBlock') {
-                return ((0, jsx_runtime_1.jsx)(Block_1.InterRegionPaddingBlock, { width: block.widthPx, boundary: block.variant === 'boundary' }, k));
-            }
-            return null;
-        }) }));
-});
-const Gridlines = (0, mobx_react_1.observer)(function ({ model, offset = 0, }) {
-    const { classes } = useStyles();
-    const offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.verticalGuidesZoomContainer, style: {
-            transform: model.scaleFactor !== 1 ? `scaleX(${model.scaleFactor})` : undefined,
-        }, children: (0, jsx_runtime_1.jsx)("div", { className: classes.verticalGuidesContainer, style: {
-                left: offsetLeft - offset,
-                width: model.staticBlocks.totalWidthPx,
-            }, children: (0, jsx_runtime_1.jsx)(RenderedVerticalGuides, { model: model }) }) }));
-});
-exports.default = Gridlines;

package/dist/LinearGenomeView/components/Header.d.ts

@@ -1,5 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-declare const LinearGenomeViewHeader: ({ model, }: {
-    model: LinearGenomeViewModel;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default LinearGenomeViewHeader;

package/dist/LinearGenomeView/components/Header.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const HeaderPanControls_1 = __importDefault(require("./HeaderPanControls"));
-const HeaderRegionWidth_1 = __importDefault(require("./HeaderRegionWidth"));
-const HeaderTrackSelectorButton_1 = __importDefault(require("./HeaderTrackSelectorButton"));
-const HeaderZoomControls_1 = __importDefault(require("./HeaderZoomControls"));
-const OverviewScalebar_1 = __importDefault(require("./OverviewScalebar"));
-const SearchBox_1 = __importDefault(require("./SearchBox"));
-const consts_1 = require("../consts");
-const useStyles = (0, mui_1.makeStyles)()({
-    headerBar: {
-        display: 'flex',
-        height: consts_1.HEADER_BAR_HEIGHT,
-    },
-    headerForm: {
-        flexWrap: 'nowrap',
-        marginRight: 7,
-    },
-    spacer: {
-        flexGrow: 1,
-    },
-});
-const Controls = function ({ model }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.headerBar, children: [(0, jsx_runtime_1.jsx)(HeaderTrackSelectorButton_1.default, { model: model }), (0, jsx_runtime_1.jsx)("div", { className: classes.spacer }), (0, jsx_runtime_1.jsxs)(material_1.FormGroup, { row: true, className: classes.headerForm, children: [(0, jsx_runtime_1.jsx)(HeaderPanControls_1.default, { model: model }), (0, jsx_runtime_1.jsx)(SearchBox_1.default, { model: model })] }), (0, jsx_runtime_1.jsx)(HeaderRegionWidth_1.default, { model: model }), (0, jsx_runtime_1.jsx)(HeaderZoomControls_1.default, { model: model }), (0, jsx_runtime_1.jsx)("div", { className: classes.spacer })] }));
-};
-const LinearGenomeViewHeader = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { hideHeader, hideHeaderOverview } = model;
-    return !hideHeader ? (hideHeaderOverview ? ((0, jsx_runtime_1.jsx)(Controls, { model: model })) : ((0, jsx_runtime_1.jsx)(OverviewScalebar_1.default, { model: model, children: (0, jsx_runtime_1.jsx)(Controls, { model: model }) }))) : null;
-});
-exports.default = LinearGenomeViewHeader;

package/dist/LinearGenomeView/components/HeaderPanControls.d.ts

@@ -1,6 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-type LGV = LinearGenomeViewModel;
-export default function HeaderPanControls({ model }: {
-    model: LGV;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/LinearGenomeView/components/HeaderPanControls.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = HeaderPanControls;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowBack_1 = __importDefault(require("@mui/icons-material/ArrowBack"));
-const ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const consts_1 = require("../consts");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    panButton: {
-        background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
-        color: theme.palette.text.primary,
-        margin: consts_1.SPACING,
-    },
-}));
-function HeaderPanControls({ model }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", className: classes.panButton, onClick: () => {
-                    model.slide(-0.9);
-                }, children: (0, jsx_runtime_1.jsx)(ArrowBack_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", className: classes.panButton, onClick: () => {
-                    model.slide(0.9);
-                }, children: (0, jsx_runtime_1.jsx)(ArrowForward_1.default, {}) })] }));
-}

package/dist/LinearGenomeView/components/HeaderRegionWidth.d.ts

@@ -1,5 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-declare const HeaderRegionWidth: ({ model, }: {
-    model: LinearGenomeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HeaderRegionWidth;

package/dist/LinearGenomeView/components/HeaderRegionWidth.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    bp: {
-        display: 'flex',
-        alignItems: 'center',
-        marginLeft: 5,
-        cursor: 'pointer',
-    },
-});
-const HeaderRegionWidth = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { coarseTotalBp } = model;
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: "textSecondary", className: classes.bp, children: (0, util_1.getBpDisplayStr)(coarseTotalBp) }));
-});
-exports.default = HeaderRegionWidth;

package/dist/LinearGenomeView/components/HeaderTrackSelectorButton.d.ts

@@ -1,5 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-declare const HeaderTrackSelectorButton: ({ model, }: {
-    model: LinearGenomeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HeaderTrackSelectorButton;

package/dist/LinearGenomeView/components/HeaderTrackSelectorButton.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    toggleButton: {
-        height: 44,
-        border: 'none',
-        marginLeft: theme.spacing(4),
-    },
-}));
-const HeaderTrackSelectorButton = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: model.activateTrackSelector, className: classes.toggleButton, title: "Open track selector", value: "track_select", children: (0, jsx_runtime_1.jsx)(Icons_1.TrackSelector, {}) }));
-});
-exports.default = HeaderTrackSelectorButton;

package/dist/LinearGenomeView/components/HeaderZoomControls.d.ts

@@ -1,5 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-declare const HeaderZoomControls: ({ model, }: {
-    model: LinearGenomeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HeaderZoomControls;

package/dist/LinearGenomeView/components/HeaderZoomControls.js

@@ -1,109 +0,0 @@
-"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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-const util_1 = require("@jbrowse/core/util");
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
-const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const RegionWidthEditorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./RegionWidthEditorDialog'))));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    container: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    slider: {
-        width: 100,
-        color: theme.palette.text.secondary,
-    },
-}));
-function ValueLabelComponent(props) {
-    const { children, open, value } = props;
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { open: open, enterTouchDelay: 0, placement: "top", title: value, arrow: true, children: children }));
-}
-const HeaderZoomControls = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { width, maxBpPerPx, minBpPerPx, bpPerPx } = model;
-    const [value, setValue] = (0, react_1.useState)(-Math.log2(bpPerPx) * 100);
-    (0, react_1.useEffect)(() => {
-        setValue(-Math.log2(bpPerPx) * 100);
-    }, [bpPerPx]);
-    const zoomInDisabled = bpPerPx <= minBpPerPx + 0.0001;
-    const zoomOutDisabled = bpPerPx >= maxBpPerPx - 0.0001;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.container, children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Zoom out 2x", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "zoom_out", disabled: zoomOutDisabled, onClick: () => {
-                            model.zoom(bpPerPx * 2);
-                        }, children: (0, jsx_runtime_1.jsx)(ZoomOut_1.default, {}) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Slider, { size: "small", className: classes.slider, value: value, min: -Math.log2(maxBpPerPx) * 100, max: -Math.log2(minBpPerPx) * 100, onChangeCommitted: () => model.zoomTo(2 ** (-value / 100)), valueLabelDisplay: "auto", valueLabelFormat: newValue => `Window size: ${(0, util_1.getBpDisplayStr)(2 ** (-newValue / 100) * width)}`, slots: {
-                    valueLabel: ValueLabelComponent,
-                }, onChange: (_, val) => {
-                    setValue(val);
-                } }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Zoom in 2x", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "zoom_in", disabled: zoomInDisabled, onClick: () => {
-                            model.zoom(model.bpPerPx / 2);
-                        }, children: (0, jsx_runtime_1.jsx)(ZoomIn_1.default, {}) }) }) }), (0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
-                    ...[100, 50, 10].map(r => ({
-                        label: `Zoom in ${r}x`,
-                        onClick: () => {
-                            model.zoom(model.bpPerPx / r);
-                        },
-                    })),
-                    ...[10, 50, 100].map(r => ({
-                        label: `Zoom out ${r}x`,
-                        onClick: () => {
-                            model.zoom(model.bpPerPx * r);
-                        },
-                    })),
-                    {
-                        label: 'Custom zoom',
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(handleClose => [
-                                RegionWidthEditorDialog,
-                                {
-                                    model,
-                                    handleClose,
-                                },
-                            ]);
-                        },
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) })] }));
-});
-exports.default = HeaderZoomControls;

package/dist/LinearGenomeView/components/Highlight.d.ts

@@ -1,12 +0,0 @@
-import type { LinearGenomeViewModel } from '../model';
-type LGV = LinearGenomeViewModel;
-declare const Highlight: ({ model, highlight, }: {
-    model: LGV;
-    highlight: {
-        assemblyName: string;
-        refName: string;
-        start: number;
-        end: number;
-    };
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default Highlight;