@jbrowse/plugin-linear-genome-view 2.8.0 → 2.10.0

package/dist/LinearGenomeView/components/ImportForm.js

@@ -34,9 +34,8 @@ const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
 // icons
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-// locals
-const RefNameAutocomplete_1 = __importDefault(require("./RefNameAutocomplete"));
-const util_2 = require("./util");
+const searchUtils_1 = require("../../searchUtils");
+const ImportFormRefNameAutocomplete_1 = __importDefault(require("./ImportFormRefNameAutocomplete"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     importFormContainer: {
         padding: theme.spacing(2),
@@ -52,11 +51,10 @@ const LinearGenomeViewImportForm = (0, mobx_react_1.observer)(function ({ model,
     var _a;
     const { classes } = useStyles();
     const session = (0, util_1.getSession)(model);
-    const { assemblyNames, assemblyManager, textSearchManager } = session;
-    const { rankSearchResults, error } = model;
+    const { assemblyNames, assemblyManager } = session;
+    const { error } = model;
     const [selectedAsm, setSelectedAsm] = (0, react_1.useState)(assemblyNames[0]);
     const [option, setOption] = (0, react_1.useState)();
-    const searchScope = model.searchScope(selectedAsm);
     const assembly = assemblyManager.get(selectedAsm);
     const assemblyError = assemblyNames.length
         ? assembly === null || assembly === void 0 ? void 0 : assembly.error
@@ -74,74 +72,37 @@ const LinearGenomeViewImportForm = (0, mobx_react_1.observer)(function ({ model,
     (0, react_1.useEffect)(() => {
         setValue(r0);
     }, [r0, selectedAsm]);
-    async function navToOption(option) {
-        const location = option.getLocation();
-        const trackId = option.getTrackId();
-        if (location) {
-            await model.navToLocString(location, selectedAsm);
-            if (trackId) {
-                model.showTrack(trackId);
-            }
-        }
-    }
-    // gets a string as input, or use stored option results from previous query,
-    // then re-query and
-    // 1) if it has multiple results: pop a dialog
-    // 2) if it's a single result navigate to it
-    // 3) else assume it's a locstring and navigate to it
-    async function handleSelectedRegion(input) {
-        var _a;
-        try {
-            if ((option === null || option === void 0 ? void 0 : option.getDisplayString()) === input && option.hasLocation()) {
-                await navToOption(option);
-            }
-            else if ((_a = option === null || option === void 0 ? void 0 : option.results) === null || _a === void 0 ? void 0 : _a.length) {
-                model.setSearchResults(option.results, option.getLabel(), selectedAsm);
-            }
-            else {
-                const [ref, rest] = (0, util_2.splitLast)(input, ':');
-                const allRefs = (assembly === null || assembly === void 0 ? void 0 : assembly.allRefNamesWithLowerCase) || [];
-                if (allRefs.includes(input) ||
-                    (allRefs.includes(ref) && !Number.isNaN(Number.parseInt(rest, 10)))) {
-                    await model.navToLocString(input, selectedAsm);
-                }
-                else {
-                    const results = await (0, util_2.fetchResults)({
-                        queryString: input,
-                        searchType: 'exact',
-                        searchScope,
-                        rankSearchResults,
-                        textSearchManager,
-                        assembly,
-                    });
-                    if (results.length > 1) {
-                        model.setSearchResults(results, input.toLowerCase(), selectedAsm);
-                    }
-                    else if (results.length === 1) {
-                        await navToOption(results[0]);
-                    }
-                    else {
-                        await model.navToLocString(input, selectedAsm);
-                    }
-                }
-            }
-        }
-        catch (e) {
-            console.error(e);
-            session.notify(`${e}`, 'warning');
-        }
-    }
     // implementation notes:
     // having this wrapped in a form allows intuitive use of enter key to submit
     return (react_1.default.createElement("div", { className: classes.container },
         displayError ? react_1.default.createElement(ui_1.ErrorMessage, { error: displayError }) : null,
         react_1.default.createElement(material_1.Container, { className: classes.importFormContainer },
             react_1.default.createElement("form", { onSubmit: async (event) => {
+                    var _a;
                     event.preventDefault();
                     model.setError(undefined);
                     if (value) {
                         // has it's own error handling
-                        await handleSelectedRegion(value);
+                        try {
+                            if ((option === null || option === void 0 ? void 0 : option.getDisplayString()) === value &&
+                                option.hasLocation()) {
+                                await (0, searchUtils_1.navToOption)({
+                                    option,
+                                    model,
+                                    assemblyName: selectedAsm,
+                                });
+                            }
+                            else if ((_a = option === null || option === void 0 ? void 0 : option.results) === null || _a === void 0 ? void 0 : _a.length) {
+                                model.setSearchResults(option.results, option.getLabel(), selectedAsm);
+                            }
+                            else if (assembly) {
+                                await (0, searchUtils_1.handleSelectedRegion)({ input: value, assembly, model });
+                            }
+                        }
+                        catch (e) {
+                            console.error(e);
+                            session.notify(`${e}`, 'warning');
+                        }
                     }
                 } },
                 react_1.default.createElement(material_1.Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center" },
@@ -149,16 +110,7 @@ const LinearGenomeViewImportForm = (0, mobx_react_1.observer)(function ({ model,
                         react_1.default.createElement(material_1.FormControl, null,
                             react_1.default.createElement(ui_1.AssemblySelector, { onChange: val => setSelectedAsm(val), localStorageKey: "lgv", session: session, selected: selectedAsm }))),
                     react_1.default.createElement(material_1.Grid, { item: true }, selectedAsm ? (assemblyError ? (react_1.default.createElement(Close_1.default, { style: { color: 'red' } })) : assemblyLoaded ? (react_1.default.createElement(material_1.FormControl, null,
-                        react_1.default.createElement(RefNameAutocomplete_1.default, { fetchResults: queryString => (0, util_2.fetchResults)({
-                                queryString,
-                                assembly,
-                                textSearchManager,
-                                rankSearchResults,
-                                searchScope,
-                            }), model: model, assemblyName: selectedAsm, value: value, minWidth: 270, onChange: str => setValue(str), onSelect: val => setOption(val), TextFieldProps: {
-                                variant: 'outlined',
-                                helperText: 'Enter sequence name, feature name, or location',
-                            } }))) : (react_1.default.createElement(material_1.CircularProgress, { size: 20, disableShrink: true }))) : null),
+                        react_1.default.createElement(ImportFormRefNameAutocomplete_1.default, { value: value, setValue: setValue, selectedAsm: selectedAsm, setOption: setOption, model: model }))) : (react_1.default.createElement(material_1.CircularProgress, { size: 20, disableShrink: true }))) : null),
                     react_1.default.createElement(material_1.Grid, { item: true },
                         react_1.default.createElement(material_1.FormControl, null,
                             react_1.default.createElement(material_1.Button, { type: "submit", disabled: !value, className: classes.button, variant: "contained", color: "primary" }, "Open")),

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
+import { LinearGenomeViewModel } from '..';
+type LGV = LinearGenomeViewModel;
+declare const ImportFormRefNameAutocomplete: ({ model, selectedAsm, value, setValue, setOption, }: {
+    value: string;
+    setValue: (arg: string) => void;
+    model: LGV;
+    selectedAsm: string;
+    setOption: (arg: BaseResult) => void;
+}) => React.JSX.Element;
+export default ImportFormRefNameAutocomplete;

package/dist/LinearGenomeView/components/ImportFormRefNameAutocomplete.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const mobx_react_1 = require("mobx-react");
+const util_1 = require("@jbrowse/core/util");
+// locals
+const RefNameAutocomplete_1 = __importDefault(require("./RefNameAutocomplete"));
+const util_2 = require("./util");
+const ImportFormRefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, selectedAsm, value, setValue, setOption, }) {
+    const session = (0, util_1.getSession)(model);
+    const { assemblyManager, textSearchManager } = session;
+    const { rankSearchResults } = model;
+    const searchScope = model.searchScope(selectedAsm);
+    const assembly = assemblyManager.get(selectedAsm);
+    return (react_1.default.createElement(RefNameAutocomplete_1.default, { fetchResults: queryString => (0, util_2.fetchResults)({
+            queryString,
+            assembly,
+            textSearchManager,
+            rankSearchResults,
+            searchScope,
+        }), model: model, assemblyName: selectedAsm, value: value, minWidth: 270, onChange: str => setValue(str), onSelect: val => setOption(val), TextFieldProps: {
+            variant: 'outlined',
+            helperText: 'Enter sequence name, feature name, or location',
+        } }));
+});
+exports.default = ImportFormRefNameAutocomplete;

package/dist/LinearGenomeView/components/OverviewScalebar.js

@@ -225,7 +225,7 @@ const OverviewScalebar = (0, mobx_react_1.observer)(function ({ model, children,
         overview.showAllRegions();
         return overview;
     }, [
-        JSON.stringify(displayedRegions),
+        JSON.stringify(displayedRegions), // eslint-disable-line react-hooks/exhaustive-deps
         model.minimumBlockWidth,
         modWidth,
         displayedRegions,

package/dist/LinearGenomeView/components/SearchBox.js

@@ -12,16 +12,12 @@ const util_1 = require("@jbrowse/core/util");
 const RefNameAutocomplete_1 = __importDefault(require("./RefNameAutocomplete"));
 const util_2 = require("./util");
 const __1 = require("..");
+const searchUtils_1 = require("../../searchUtils");
 const useStyles = (0, mui_1.makeStyles)()(() => ({
     headerRefName: {
         minWidth: 100,
     },
 }));
-function checkRef(str, allRefs) {
-    const [ref, rest] = (0, util_2.splitLast)(str, ':');
-    return (allRefs.includes(str) ||
-        (allRefs.includes(ref) && !Number.isNaN(Number.parseInt(rest, 10))));
-}
 const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp, }) {
     const { classes } = useStyles();
     const theme = (0, material_1.useTheme)();
@@ -31,61 +27,28 @@ const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp, }) {
     const assemblyName = assemblyNames[0];
     const assembly = assemblyManager.get(assemblyName);
     const searchScope = model.searchScope(assemblyName);
-    async function navToOption(option) {
-        const location = option.getLocation();
-        const trackId = option.getTrackId();
-        if (location) {
-            await model.navToLocString(location, assemblyName);
-            if (trackId) {
-                model.showTrack(trackId);
-            }
-        }
-    }
-    // gets a string as input, or use stored option results from previous query,
-    // then re-query and
-    // 1) if it has multiple results: pop a dialog
-    // 2) if it's a single result navigate to it
-    // 3) else assume it's a locstring and navigate to it
-    async function handleSelectedRegion(option) {
-        var _a;
-        try {
-            const input = option.getLabel();
-            const allRefs = (assembly === null || assembly === void 0 ? void 0 : assembly.allRefNamesWithLowerCase) || [];
-            if (option.hasLocation()) {
-                await navToOption(option);
-            }
-            else if ((_a = option.results) === null || _a === void 0 ? void 0 : _a.length) {
-                model.setSearchResults(option.results, option.getLabel());
-            }
-            else if (input.split(' ').every(entry => checkRef(entry, allRefs))) {
-                await model.navToLocString(input, assemblyName);
-            }
-            else {
-                const results = await (0, util_2.fetchResults)({
-                    queryString: input,
-                    searchType: 'exact',
-                    searchScope,
-                    rankSearchResults,
-                    textSearchManager,
-                    assembly,
-                });
-                if (results.length > 1) {
-                    model.setSearchResults(results, input.toLowerCase());
+    return (react_1.default.createElement(RefNameAutocomplete_1.default, { showHelp: showHelp, onSelect: async (option) => {
+            var _a;
+            try {
+                if (option.hasLocation()) {
+                    await (0, searchUtils_1.navToOption)({ option, model, assemblyName });
                 }
-                else if (results.length === 1) {
-                    await navToOption(results[0]);
+                else if ((_a = option.results) === null || _a === void 0 ? void 0 : _a.length) {
+                    model.setSearchResults(option.results, option.getLabel());
                 }
-                else {
-                    await model.navToLocString(input, assemblyName);
+                else if (assembly) {
+                    await (0, searchUtils_1.handleSelectedRegion)({
+                        input: option.getLabel(),
+                        assembly,
+                        model,
+                    });
                 }
             }
-        }
-        catch (e) {
-            console.error(e);
-            session.notify(`${e}`, 'warning');
-        }
-    }
-    return (react_1.default.createElement(RefNameAutocomplete_1.default, { showHelp: showHelp, onSelect: handleSelectedRegion, assemblyName: assemblyName, fetchResults: queryString => (0, util_2.fetchResults)({
+            catch (e) {
+                console.error(e);
+                (0, util_1.getSession)(model).notify(`${e}`, 'warning');
+            }
+        }, assemblyName: assemblyName, fetchResults: queryString => (0, util_2.fetchResults)({
             queryString,
             searchScope,
             rankSearchResults,

package/dist/LinearGenomeView/components/TracksContainer.js

@@ -30,6 +30,7 @@ const react_1 = __importStar(require("react"));
 const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
 // local utils
 const __1 = require("..");
 const hooks_1 = require("./hooks");
@@ -40,7 +41,6 @@ const Gridlines_1 = __importDefault(require("./Gridlines"));
 const CenterLine_1 = __importDefault(require("./CenterLine"));
 const VerticalGuide_1 = __importDefault(require("./VerticalGuide"));
 const RubberbandSpan_1 = __importDefault(require("./RubberbandSpan"));
-const util_1 = require("@jbrowse/core/util");
 const useStyles = (0, mui_1.makeStyles)()({
     tracksContainer: {
         position: 'relative',

package/dist/LinearGenomeView/model.d.ts

@@ -6,6 +6,7 @@ import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 import { BlockSet, BaseBlock } from '@jbrowse/core/util/blockTypes';
 import { Instance } from 'mobx-state-tree';
 import PluginManager from '@jbrowse/core/PluginManager';
+import { Assembly } from '@jbrowse/core/assemblyManager/assembly';
 export interface BpOffset {
     refName?: string;
     index: number;
@@ -20,7 +21,9 @@ export interface BpOffset {
 export interface ExportSvgOptions {
     rasterizeLayers?: boolean;
     filename?: string;
-    Wrapper?: React.FC<any>;
+    Wrapper?: React.FC<{
+        children: React.ReactNode;
+    }>;
     fontSize?: number;
     rulerHeight?: number;
     textHeight?: number;
@@ -46,6 +49,9 @@ export declare const WIDGET_HEIGHT = 32;
 /**
  * #stateModel LinearGenomeView
  * #category view
+ *
+ * extends
+ * - [BaseViewModel](../baseviewmodel)
  */
 export declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -292,7 +298,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     /**
      * #action
      */
-    toggleTrack(trackId: string): void;
+    toggleTrack(trackId: string): boolean;
     /**
      * #action
      */
@@ -463,6 +469,16 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      * navigating to the locstring
      */
     navToLocString(input: string, optAssemblyName?: string): Promise<void>;
+    /**
+     * #action
+     * Performs a text index search, and navigates to it immediately if a
+     * single result is returned. Will pop up a search dialog if multiple
+     * results are returned
+     */
+    navToSearchString({ input, assembly, }: {
+        input: string;
+        assembly: Assembly;
+    }): Promise<void>;
     /**
      * #action
      * Similar to `navToLocString`, but accepts parsed location objects

package/dist/LinearGenomeView/model.js

@@ -53,6 +53,7 @@ const MenuOpen_1 = __importDefault(require("@mui/icons-material/MenuOpen"));
 const MiniControls_1 = __importDefault(require("./components/MiniControls"));
 const Header_1 = __importDefault(require("./components/Header"));
 const util_2 = require("./util");
+const searchUtils_1 = require("../searchUtils");
 // lazies
 const ReturnToImportFormDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ReturnToImportFormDialog'))));
 const SequenceSearchDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SequenceSearchDialog'))));
@@ -82,6 +83,9 @@ exports.WIDGET_HEIGHT = 32;
 /**
  * #stateModel LinearGenomeView
  * #category view
+ *
+ * extends
+ * - [BaseViewModel](../baseviewmodel)
  */
 function stateModelFactory(pluginManager) {
     return mobx_state_tree_1.types
@@ -624,7 +628,9 @@ function stateModelFactory(pluginManager) {
             // if none had that configuration, turn one on
             if (!hiddenCount) {
                 self.showTrack(trackId);
+                return true;
             }
+            return false;
         },
         /**
          * #action
@@ -1106,6 +1112,19 @@ function stateModelFactory(pluginManager) {
             }
             return this.navToLocations((0, util_2.parseLocStrings)(input, assemblyName, isValidRefName), assemblyName);
         },
+        /**
+         * #action
+         * Performs a text index search, and navigates to it immediately if a
+         * single result is returned. Will pop up a search dialog if multiple
+         * results are returned
+         */
+        async navToSearchString({ input, assembly, }) {
+            await (0, searchUtils_1.handleSelectedRegion)({
+                input,
+                assembly,
+                model: self,
+            });
+        },
         /**
          * #action
          * Similar to `navToLocString`, but accepts parsed location objects

package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.d.ts

@@ -1,12 +1,5 @@
 import { LinearGenomeViewModel, ExportSvgOptions } from '..';
 type LGV = LinearGenomeViewModel;
-interface Display {
-    height: number;
-}
-interface Track {
-    displays: Display[];
-}
-export declare function totalHeight(tracks: Track[], textHeight: number, trackLabels: string): number;
 export declare function renderToSvg(model: LGV, opts: ExportSvgOptions): Promise<string>;
 export { default as SVGRuler } from './SVGRuler';
 export { default as SVGTracks } from './SVGTracks';

package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js

@@ -3,35 +3,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SVGTracks = exports.SVGRuler = exports.renderToSvg = exports.totalHeight = void 0;
+exports.SVGTracks = exports.SVGRuler = exports.renderToSvg = void 0;
 /* eslint-disable react-refresh/only-export-components */
 const react_1 = __importDefault(require("react"));
-const server_1 = require("react-dom/server");
 const mobx_1 = require("mobx");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
+const tracks_1 = require("@jbrowse/core/util/tracks");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const SVGBackground_1 = __importDefault(require("./SVGBackground"));
 const SVGTracks_1 = __importDefault(require("./SVGTracks"));
 const SVGHeader_1 = __importDefault(require("./SVGHeader"));
-const tracks_1 = require("@jbrowse/core/util/tracks");
-function totalHeight(tracks, textHeight, trackLabels) {
-    return (0, util_1.sum)(tracks.map(t => t.displays[0].height +
-        (['none', 'left'].includes(trackLabels) ? 0 : textHeight)));
-}
-exports.totalHeight = totalHeight;
+const util_2 = require("./util");
 // render LGV to SVG
 async function renderToSvg(model, opts) {
-    var _a;
     await (0, mobx_1.when)(() => model.initialized);
     const { textHeight = 18, headerHeight = 40, rulerHeight = 50, fontSize = 13, cytobandHeight = 100, trackLabels = 'offset', themeName = 'default', Wrapper = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), } = opts;
     const session = (0, util_1.getSession)(model);
-    const theme = (_a = session.allThemes) === null || _a === void 0 ? void 0 : _a.call(session)[themeName];
+    const { allThemes } = session;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const { createRootFn } = (0, mobx_state_tree_1.getRoot)(model);
+    const theme = allThemes === null || allThemes === void 0 ? void 0 : allThemes()[themeName];
     const { width, tracks, showCytobands } = model;
     const shift = 50;
     const c = +showCytobands * cytobandHeight;
     const offset = headerHeight + rulerHeight + c + 10;
-    const height = totalHeight(tracks, textHeight, trackLabels) + offset + 100;
+    const height = (0, util_2.totalHeight)(tracks, textHeight, trackLabels) + offset + 100;
     const displayResults = await Promise.all(tracks.map(async (track) => {
         const display = track.displays[0];
         await (0, mobx_1.when)(() => !display.renderProps().notReady);
@@ -41,14 +39,14 @@ async function renderToSvg(model, opts) {
     const trackLabelOffset = trackLabels === 'left' ? trackLabelMaxLen : 0;
     const w = width + trackLabelOffset;
     // the xlink namespace is used for rendering <image> tag
-    return (0, server_1.renderToStaticMarkup)(react_1.default.createElement(material_1.ThemeProvider, { theme: (0, ui_1.createJBrowseTheme)(theme) },
+    return (0, util_1.renderToStaticMarkup)(react_1.default.createElement(material_1.ThemeProvider, { theme: (0, ui_1.createJBrowseTheme)(theme) },
         react_1.default.createElement(Wrapper, null,
             react_1.default.createElement("svg", { width: w, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, w + shift * 2, height].toString() },
                 react_1.default.createElement(SVGBackground_1.default, { width: w, height: height, shift: shift }),
                 react_1.default.createElement("g", { transform: `translate(${shift} 0)` },
                     react_1.default.createElement("g", { transform: `translate(${trackLabelOffset})` },
                         react_1.default.createElement(SVGHeader_1.default, { model: model, fontSize: fontSize, rulerHeight: rulerHeight, cytobandHeight: cytobandHeight })),
-                    react_1.default.createElement(SVGTracks_1.default, { textHeight: textHeight, fontSize: fontSize, model: model, displayResults: displayResults, offset: offset, trackLabels: trackLabels, trackLabelOffset: trackLabelOffset }))))));
+                    react_1.default.createElement(SVGTracks_1.default, { textHeight: textHeight, fontSize: fontSize, model: model, displayResults: displayResults, offset: offset, trackLabels: trackLabels, trackLabelOffset: trackLabelOffset }))))), createRootFn);
 }
 exports.renderToSvg = renderToSvg;
 var SVGRuler_1 = require("./SVGRuler");

package/dist/LinearGenomeView/svgcomponents/util.d.ts

@@ -0,0 +1,8 @@
+interface Display {
+    height: number;
+}
+interface Track {
+    displays: Display[];
+}
+export declare function totalHeight(tracks: Track[], textHeight: number, trackLabels: string): number;
+export {};

package/dist/LinearGenomeView/svgcomponents/util.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.totalHeight = void 0;
+const util_1 = require("@jbrowse/core/util");
+function totalHeight(tracks, textHeight, trackLabels) {
+    return (0, util_1.sum)(tracks.map(t => t.displays[0].height +
+        (['none', 'left'].includes(trackLabels) ? 0 : textHeight)));
+}
+exports.totalHeight = totalHeight;