@jbrowse/plugin-linear-genome-view 1.7.11 → 2.1.0

package/esm/LinearBasicDisplay/configSchema.js

@@ -0,0 +1,14 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { baseLinearDisplayConfigSchema } from '../BaseLinearDisplay';
+export default function configSchemaFactory(pluginManager) {
+    return ConfigurationSchema('LinearBasicDisplay', {
+        mouseover: {
+            type: 'string',
+            description: 'what to display in a given mouseover',
+            defaultValue: `jexl:get(feature,'name')`,
+            contextVariable: ['feature'],
+        },
+        renderer: pluginManager.pluggableConfigSchemaType('renderer'),
+    }, { baseConfiguration: baseLinearDisplayConfigSchema, explicitlyTyped: true });
+}
+//# sourceMappingURL=configSchema.js.map

package/esm/LinearBasicDisplay/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/LinearBasicDisplay/configSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,sBAAsB,CAAA;AAEpE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,aAA4B;IACtE,OAAO,mBAAmB,CACxB,oBAAoB,EACpB;QACE,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,0BAA0B;YAExC,eAAe,EAAE,CAAC,SAAS,CAAC;SAC7B;QACD,QAAQ,EAAE,aAAa,CAAC,yBAAyB,CAAC,UAAU,CAAC;KAC9D,EACD,EAAE,iBAAiB,EAAE,6BAA6B,EAAE,eAAe,EAAE,IAAI,EAAE,CAC5E,CAAA;AACH,CAAC"}

package/esm/LinearBasicDisplay/index.d.ts

@@ -0,0 +1,2 @@
+export { default as modelFactory } from './model';
+export { default as configSchema } from './configSchema';

package/esm/LinearBasicDisplay/index.js

@@ -0,0 +1,3 @@
+export { default as modelFactory } from './model';
+export { default as configSchema } from './configSchema';
+//# sourceMappingURL=index.js.map

package/esm/LinearBasicDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinearBasicDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/esm/LinearBasicDisplay/model.d.ts

@@ -0,0 +1,218 @@
+/// <reference types="react" />
+import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import { MenuItem } from '@jbrowse/core/ui';
+import { Instance } from 'mobx-state-tree';
+declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        }, {
+            setRefName(newRefName: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
+        isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {
+        renderInProgress: AbortController | undefined;
+        filled: boolean;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
+        layout: any;
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: any;
+        }) => any;
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(abortController: AbortController): void;
+        setMessage(messageText: string): void;
+        setRendered(props: {
+            reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            features: Map<string, import("@jbrowse/core/util").Feature>;
+            layout: any;
+            maxHeightReached: boolean;
+            renderProps: any;
+        } | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearBasicDisplay">;
+    trackShowLabels: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
+    trackShowDescriptions: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
+    trackDisplayMode: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    trackMaxHeight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    configuration: import("mobx-state-tree").ITypeUnion<any, any, any>;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+} & {
+    readonly RenderingComponent: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: any;
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+    trackMenuItems(): MenuItem[];
+    readonly viewMenuActions: MenuItem[];
+    regionCannotBeRendered(): undefined;
+} & {
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    currBpPerPx: number;
+    message: string;
+    featureIdUnderMouse: string | undefined;
+    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
+    scrollTop: number;
+    estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
+    estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
+} & {
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
+} & {
+    readonly renderDelay: number;
+    readonly TooltipComponent: import("react").FC<any>;
+    readonly selectedFeatureId: string | undefined;
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+} & {
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
+    getFeatureOverlapping(blockKey: string, x: number, y: number): any;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+    readonly currentBytesRequested: number;
+    readonly currentFeatureScreenDensity: number;
+    readonly maxFeatureScreenDensity: any;
+    readonly estimatedStatsReady: boolean;
+    readonly maxAllowableBytes: number;
+} & {
+    setMessage(message: string): void;
+    afterAttach(): void;
+    estimateRegionsStats(regions: import("@jbrowse/core/util").Region[], opts: {
+        headers?: Record<string, string> | undefined;
+        signal?: AbortSignal | undefined;
+        filters?: string[] | undefined;
+    }): Promise<{}>;
+    setRegionStatsP(p?: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined): void;
+    setRegionStats(estimatedRegionStats?: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined): void;
+    clearRegionStats(): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+    setScrollTop(scrollTop: number): void;
+    updateStatsLimit(stats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats): void;
+    addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
+    setCurrBpPerPx(n: number): void;
+    deleteBlock(key: string): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    clearFeatureSelection(): void;
+    setFeatureIdUnderMouse(feature: string | undefined): void;
+    reload(): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
+} & {
+    readonly regionTooLarge: boolean;
+    readonly regionTooLargeReason: string;
+} & {
+    reload(): Promise<void>;
+    afterAttach(): void;
+} & {
+    regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): JSX.Element | undefined;
+    trackMenuItems(): MenuItem[];
+    contextMenuItems(): {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+    }[];
+    renderProps(): any;
+} & {
+    renderSvg(opts: import("../LinearGenomeView").ExportSvgOptions & {
+        overrideHeight: number;
+    }): Promise<JSX.Element>;
+} & {
+    readonly rendererTypeName: any;
+    readonly showLabels: any;
+    readonly showDescriptions: any;
+    readonly maxHeight: any;
+    readonly displayMode: any;
+} & {
+    readonly rendererConfig: any;
+} & {
+    toggleShowLabels(): void;
+    toggleShowDescriptions(): void;
+    setDisplayMode(val: string): void;
+    setMaxHeight(val: number): void;
+} & {
+    renderProps(): {
+        config: any;
+    };
+    trackMenuItems(): MenuItem[];
+}, import("mobx-state-tree")._NotCustomized, {
+    type: string;
+    height: number;
+    id: string;
+    rpcDriverName: string | undefined;
+    userBpPerPxLimit: number | undefined;
+    userByteSizeLimit: number | undefined;
+} & import("mobx-state-tree")._NotCustomized>;
+export declare type FeatureTrackStateModel = ReturnType<typeof stateModelFactory>;
+export declare type FeatureTrackModel = Instance<FeatureTrackStateModel>;
+export default stateModelFactory;

package/esm/LinearBasicDisplay/model.js

@@ -0,0 +1,127 @@
+import { lazy } from 'react';
+import { getConf, ConfigurationReference, } from '@jbrowse/core/configuration';
+import { getSession } from '@jbrowse/core/util';
+import { types, getEnv } from 'mobx-state-tree';
+// icons
+import VisibilityIcon from '@mui/icons-material/Visibility';
+// locals
+import { BaseLinearDisplay } from '../BaseLinearDisplay';
+const SetMaxHeightDlg = lazy(() => import('./components/SetMaxHeight'));
+const stateModelFactory = (configSchema) => types
+    .compose('LinearBasicDisplay', BaseLinearDisplay, types.model({
+    type: types.literal('LinearBasicDisplay'),
+    trackShowLabels: types.maybe(types.boolean),
+    trackShowDescriptions: types.maybe(types.boolean),
+    trackDisplayMode: types.maybe(types.string),
+    trackMaxHeight: types.maybe(types.number),
+    configuration: ConfigurationReference(configSchema),
+}))
+    .views(self => ({
+    get rendererTypeName() {
+        return getConf(self, ['renderer', 'type']);
+    },
+    get showLabels() {
+        var _a;
+        return (_a = self.trackShowLabels) !== null && _a !== void 0 ? _a : getConf(self, ['renderer', 'showLabels']);
+    },
+    get showDescriptions() {
+        var _a;
+        return ((_a = self.trackShowDescriptions) !== null && _a !== void 0 ? _a : getConf(self, ['renderer', 'showDescriptions']));
+    },
+    get maxHeight() {
+        var _a;
+        return (_a = self.trackMaxHeight) !== null && _a !== void 0 ? _a : getConf(self, ['renderer', 'maxHeight']);
+    },
+    get displayMode() {
+        var _a;
+        return ((_a = self.trackDisplayMode) !== null && _a !== void 0 ? _a : getConf(self, ['renderer', 'displayMode']));
+    },
+}))
+    .views(self => ({
+    get rendererConfig() {
+        const configBlob = getConf(self, ['renderer']) || {};
+        const config = configBlob;
+        return self.rendererType.configSchema.create({
+            ...config,
+            showLabels: self.showLabels,
+            showDescriptions: self.showDescriptions,
+            displayMode: self.displayMode,
+            maxHeight: self.maxHeight,
+        }, getEnv(self));
+    },
+}))
+    .actions(self => ({
+    toggleShowLabels() {
+        self.trackShowLabels = !self.showLabels;
+    },
+    toggleShowDescriptions() {
+        self.trackShowDescriptions = !self.showDescriptions;
+    },
+    setDisplayMode(val) {
+        self.trackDisplayMode = val;
+    },
+    setMaxHeight(val) {
+        self.trackMaxHeight = val;
+    },
+}))
+    .views(self => {
+    const { trackMenuItems: superTrackMenuItems, renderProps: superRenderProps, } = self;
+    return {
+        renderProps() {
+            const config = self.rendererConfig;
+            const superProps = superRenderProps();
+            const superPropsOmit = superProps;
+            return {
+                ...superPropsOmit,
+                config,
+            };
+        },
+        trackMenuItems() {
+            return [
+                ...superTrackMenuItems(),
+                {
+                    label: 'Show labels',
+                    icon: VisibilityIcon,
+                    type: 'checkbox',
+                    checked: self.showLabels,
+                    onClick: () => {
+                        self.toggleShowLabels();
+                    },
+                },
+                {
+                    label: 'Show descriptions',
+                    icon: VisibilityIcon,
+                    type: 'checkbox',
+                    checked: self.showDescriptions,
+                    onClick: () => self.toggleShowDescriptions(),
+                },
+                {
+                    label: 'Display mode',
+                    icon: VisibilityIcon,
+                    subMenu: [
+                        'compact',
+                        'reducedRepresentation',
+                        'normal',
+                        'collapse',
+                    ].map(val => ({
+                        label: val,
+                        onClick: () => {
+                            self.setDisplayMode(val);
+                        },
+                    })),
+                },
+                {
+                    label: 'Set max height',
+                    onClick: () => {
+                        getSession(self).queueDialog(handleClose => [
+                            SetMaxHeightDlg,
+                            { model: self, handleClose },
+                        ]);
+                    },
+                },
+            ];
+        },
+    };
+});
+export default stateModelFactory;
+//# sourceMappingURL=model.js.map

package/esm/LinearBasicDisplay/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/LinearBasicDisplay/model.ts"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/CenterLine.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare function CenterLine({ model }: {
+    model: LGV;
+}): JSX.Element | null;
+declare const _default: typeof CenterLine;
+export default _default;

package/esm/LinearGenomeView/components/CenterLine.js

@@ -0,0 +1,40 @@
+import React, { useRef } from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+const useStyles = makeStyles()(() => ({
+    centerLineContainer: {
+        background: 'transparent',
+        height: '100%',
+        zIndex: 5,
+        position: 'absolute',
+        border: '1px black dashed',
+        borderTop: 'none',
+        borderBottom: 'none',
+        pointerEvents: 'none',
+    },
+    centerLineText: {
+        position: 'absolute',
+        pointerEvents: 'none',
+        whiteSpace: 'nowrap',
+        fontWeight: 'bold',
+    },
+}));
+function CenterLine({ model }) {
+    const { bpPerPx, centerLineInfo, trackHeights, tracks, width } = model;
+    const ref = useRef(null);
+    const { classes } = useStyles();
+    const startingPosition = width / 2;
+    return tracks.length ? (React.createElement("div", { "data-testid": "centerline_container", className: classes.centerLineContainer, role: "presentation", ref: ref, style: {
+            left: `${startingPosition}px`,
+            width: Math.max(1 / bpPerPx, 1),
+        } }, centerLineInfo && (React.createElement("div", { "data-testid": "centerline_text", className: classes.centerLineText, role: "presentation", style: {
+            left: Math.max(1 / bpPerPx, 1) + 5,
+            top: trackHeights,
+        } },
+        centerLineInfo.refName,
+        ":",
+        ' ',
+        Math.max(Math.round(centerLineInfo.offset) + 1, 0))))) : null;
+}
+export default observer(CenterLine);
+//# sourceMappingURL=CenterLine.js.map

package/esm/LinearGenomeView/components/CenterLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenterLine.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/CenterLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAKrC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACpC,mBAAmB,EAAE;QACnB,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,MAAM;KACtB;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,UAAU,CAAC,EAAE,KAAK,EAAkB;IAC3C,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACtE,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,gBAAgB,GAAG,KAAK,GAAG,CAAC,CAAA;IAElC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACrB,4CACc,sBAAsB,EAClC,SAAS,EAAE,OAAO,CAAC,mBAAmB,EACtC,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,gBAAgB,IAAI;YAC7B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC;SAChC,IAEA,cAAc,IAAI,CACjB,4CAGc,iBAAiB,EAC7B,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC;YAClC,GAAG,EAAE,YAAY;SAClB;QAGA,cAAc,CAAC,OAAO;;QAAG,GAAG;QAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAC/C,CACP,CACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC;AAED,eAAe,QAAQ,CAAC,UAAU,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel as LGV } from '..';
+export default function ExportSvgDlg({ model, handleClose, }: {
+    model: LGV;
+    handleClose: () => void;
+}): JSX.Element;

package/esm/LinearGenomeView/components/ExportSvgDialog.js

@@ -0,0 +1,52 @@
+import React, { useState } from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { Button, Checkbox, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, IconButton, TextField, Typography, } from '@mui/material';
+import { ErrorMessage } from '@jbrowse/core/ui';
+import CloseIcon from '@mui/icons-material/Close';
+const useStyles = makeStyles()(theme => ({
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
+    },
+}));
+function LoadingMessage() {
+    return (React.createElement("div", null,
+        React.createElement(CircularProgress, { size: 20, style: { marginRight: 20 } }),
+        React.createElement(Typography, { display: "inline" }, "Creating SVG")));
+}
+export default function ExportSvgDlg({ model, handleClose, }) {
+    // @ts-ignore
+    const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
+    const [rasterizeLayers, setRasterizeLayers] = useState(offscreenCanvas);
+    const [loading, setLoading] = useState(false);
+    const [filename, setFilename] = useState('jbrowse.svg');
+    const [error, setError] = useState();
+    const { classes } = useStyles();
+    return (React.createElement(Dialog, { open: true, onClose: handleClose },
+        React.createElement(DialogTitle, null,
+            "Export SVG",
+            React.createElement(IconButton, { className: classes.closeButton, onClick: handleClose },
+                React.createElement(CloseIcon, null))),
+        React.createElement(DialogContent, null,
+            error ? (React.createElement(ErrorMessage, { error: error })) : loading ? (React.createElement(LoadingMessage, null)) : null,
+            React.createElement(TextField, { helperText: "filename", value: filename, onChange: event => setFilename(event.target.value) }),
+            offscreenCanvas ? (React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: rasterizeLayers, onChange: () => setRasterizeLayers(val => !val) }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (React.createElement(Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"),
+            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
+                    setLoading(true);
+                    setError(undefined);
+                    try {
+                        await model.exportSvg({ rasterizeLayers, filename });
+                        handleClose();
+                    }
+                    catch (e) {
+                        console.error(e);
+                        setError(e);
+                        setLoading(false);
+                    }
+                } }, "Submit"))));
+}
+//# sourceMappingURL=ExportSvgDialog.js.map

package/esm/LinearGenomeView/components/ExportSvgDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportSvgDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ExportSvgDialog.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare function VerticalGuides({ model }: {
+    model: LGV;
+}): JSX.Element;
+declare const _default: typeof VerticalGuides;
+export default _default;

package/esm/LinearGenomeView/components/Gridlines.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { ContentBlock, ElidedBlock, InterRegionPaddingBlock, } from '@jbrowse/core/util/blockTypes';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { ContentBlock as ContentBlockComponent, ElidedBlock as ElidedBlockComponent, InterRegionPaddingBlock as InterRegionPaddingBlockComponent, } from '../../BaseLinearDisplay/components/Block';
+import { makeTicks } from '../util';
+const useStyles = makeStyles()(theme => ({
+    verticalGuidesZoomContainer: {
+        position: 'absolute',
+        height: '100%',
+        width: '100%',
+        zIndex: 1,
+        pointerEvents: 'none',
+    },
+    verticalGuidesContainer: {
+        position: 'absolute',
+        height: '100%',
+        zIndex: 1,
+        pointerEvents: 'none',
+        display: 'flex',
+    },
+    tick: {
+        position: 'absolute',
+        height: '100%',
+        width: 1,
+    },
+    majorTick: {
+        background: theme.palette.text.secondary,
+    },
+    minorTick: {
+        background: theme.palette.divider,
+    },
+}));
+const RenderedVerticalGuides = observer(({ model }) => {
+    const { classes, cx } = useStyles();
+    return (React.createElement(React.Fragment, null, model.staticBlocks.map((block, index) => {
+        if (block instanceof ContentBlock) {
+            const ticks = makeTicks(block.start, block.end, model.bpPerPx);
+            return (React.createElement(ContentBlockComponent, { key: `${block.key}-${index}`, block: block }, ticks.map(tick => {
+                const x = (block.reversed
+                    ? block.end - tick.base
+                    : tick.base - block.start) / model.bpPerPx;
+                return (React.createElement("div", { key: tick.base, className: cx(classes.tick, tick.type === 'major' || tick.type === 'labeledMajor'
+                        ? classes.majorTick
+                        : classes.minorTick), style: { left: x } }));
+            })));
+        }
+        if (block instanceof ElidedBlock) {
+            return React.createElement(ElidedBlockComponent, { key: block.key, width: block.widthPx });
+        }
+        if (block instanceof InterRegionPaddingBlock) {
+            return (React.createElement(InterRegionPaddingBlockComponent, { key: block.key, width: block.widthPx, boundary: block.variant === 'boundary' }));
+        }
+        return null;
+    })));
+});
+function VerticalGuides({ model }) {
+    const { classes } = useStyles();
+    // find the block that needs pinning to the left side for context
+    const offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
+    return (React.createElement("div", { className: classes.verticalGuidesZoomContainer, style: {
+            transform: model.scaleFactor !== 1 ? `scaleX(${model.scaleFactor})` : undefined,
+        } },
+        React.createElement("div", { className: classes.verticalGuidesContainer, style: {
+                left: offsetLeft,
+                width: model.staticBlocks.totalWidthPx,
+            } },
+            React.createElement(RenderedVerticalGuides, { model: model }))));
+}
+export default observer(VerticalGuides);
+//# sourceMappingURL=Gridlines.js.map

package/esm/LinearGenomeView/components/Gridlines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gridlines.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Gridlines.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare const LinearGenomeViewHeader: ({ model }: {
+    model: LGV;
+}) => JSX.Element;
+export default LinearGenomeViewHeader;