@jbrowse/plugin-circular-view 3.7.0 → 4.0.1

package/esm/CircularView/components/CircularView.d.ts

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

package/esm/CircularView/components/CircularView.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ResizeHandle } from '@jbrowse/core/ui';
+import { LoadingEllipses, ResizeHandle } from '@jbrowse/core/ui';
 import { assembleLocString } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import Controls from './Controls';
-import ImportForm from './ImportForm';
-import Ruler from './Ruler';
+import Controls from "./Controls.js";
+import ImportForm from "./ImportForm.js";
+import Ruler from "./Ruler.js";
 const dragHandleHeight = 3;
 const useStyles = makeStyles()(theme => ({
     root: {
@@ -17,22 +17,28 @@ const useStyles = makeStyles()(theme => ({
         overflow: 'auto',
     },
 }));
-const Slices = observer(({ model }) => {
+const Slices = observer(function Slices({ model, }) {
     return (_jsxs(_Fragment, { children: [model.staticSlices.map(slice => (_jsx(Ruler, { model: model, slice: slice }, assembleLocString(slice.region.elided ? slice.region.regions[0] : slice.region)))), model.tracks.map(track => {
                 const display = track.displays[0];
                 return (_jsx(display.RenderingComponent, { display: display, view: model }, display.id));
             })] }));
 });
-const CircularView = observer(({ model }) => {
-    const initialized = !!model.displayedRegions.length &&
-        !!model.figureWidth &&
-        !!model.figureHeight &&
-        model.initialized;
-    const showImportForm = !initialized && !model.disableImportForm;
-    const showFigure = initialized && !showImportForm;
-    return showImportForm || model.error ? (_jsx(ImportForm, { model: model })) : showFigure ? (_jsx(CircularViewLoaded, { model: model })) : null;
+const CircularView = observer(function CircularView({ model, }) {
+    const { showLoading, showView, showImportForm, loadingMessage } = model;
+    if (showLoading) {
+        return _jsx(LoadingEllipses, { variant: "h6", message: loadingMessage });
+    }
+    else if (showImportForm) {
+        return _jsx(ImportForm, { model: model });
+    }
+    else if (showView) {
+        return _jsx(CircularViewLoaded, { model: model });
+    }
+    else {
+        return null;
+    }
 });
-const CircularViewLoaded = observer(function ({ model, }) {
+const CircularViewLoaded = observer(function CircularViewLoaded({ model, }) {
     const { width, height, id, offsetRadians, centerXY, figureWidth, figureHeight, hideVerticalResizeHandle, } = model;
     const { classes } = useStyles();
     return (_jsxs("div", { className: classes.root, style: { width, height }, "data-testid": id, children: [_jsx("div", { className: classes.scroller, style: { width, height }, children: _jsx("svg", { style: {

package/esm/CircularView/components/Controls.d.ts

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

package/esm/CircularView/components/Controls.js

@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { TrackSelector as TrackSelectorIcon } from '@jbrowse/core/ui/Icons';
 import JBrowseMenu from '@jbrowse/core/ui/Menu';
 import { getSession } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import LockIcon from '@mui/icons-material/Lock';
 import LockOpenIcon from '@mui/icons-material/LockOpen';
 import MoreVert from '@mui/icons-material/MoreVert';
@@ -13,8 +14,7 @@ import ZoomInIcon from '@mui/icons-material/ZoomIn';
 import ZoomOutIcon from '@mui/icons-material/ZoomOut';
 import { IconButton } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import ExportSvgDialog from './ExportSvgDialog';
+import ExportSvgDialog from "./ExportSvgDialog.js";
 const useStyles = makeStyles()(theme => ({
     controls: {
         position: 'absolute',
@@ -24,7 +24,7 @@ const useStyles = makeStyles()(theme => ({
         top: 0,
     },
 }));
-const Controls = observer(function ({ model }) {
+const Controls = observer(function Controls({ model, }) {
     const { classes } = useStyles();
     const [anchorEl, setAnchorEl] = useState(null);
     return (_jsxs("div", { className: classes.controls, children: [_jsx(IconButton, { onClick: model.zoomOutButton, title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out', disabled: model.atMaxBpPerPx || model.lockedFitToWindow, children: _jsx(ZoomOutIcon, {}) }), _jsx(IconButton, { onClick: model.zoomInButton, disabled: model.atMinBpPerPx, title: "zoom in", children: _jsx(ZoomInIcon, {}) }), _jsx(IconButton, { onClick: model.rotateCounterClockwiseButton, title: "rotate counter-clockwise", children: _jsx(RotateLeftIcon, {}) }), _jsx(IconButton, { onClick: model.rotateClockwiseButton, title: "rotate clockwise", children: _jsx(RotateRightIcon, {}) }), _jsx(IconButton, { onClick: model.toggleFitToWindowLock, title: model.lockedFitToWindow

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

@@ -1,4 +1,4 @@
-import type { ExportSvgOptions } from '../model';
+import type { ExportSvgOptions } from '../model.ts';
 export default function ExportSvgDialog({ model, handleClose, }: {
     model: {
         exportSvg(opts: ExportSvgOptions): Promise<void>;

package/esm/CircularView/components/ImportForm.d.ts

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

package/esm/CircularView/components/ImportForm.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { AssemblySelector, ErrorMessage } from '@jbrowse/core/ui';
 import { getSession } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Button, Container, Grid } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(theme => ({
     importFormContainer: {
         padding: theme.spacing(6),
     },
 }));
-const ImportForm = observer(function ({ model }) {
+const ImportForm = observer(function ImportForm({ model, }) {
     const { classes } = useStyles();
     const session = getSession(model);
     const { error } = model;
@@ -18,9 +18,9 @@ const ImportForm = observer(function ({ model }) {
     const [selectedAsm, setSelectedAsm] = useState(assemblyNames[0]);
     const assembly = assemblyManager.get(selectedAsm);
     const assemblyError = assemblyNames.length
-        ? assembly === null || assembly === void 0 ? void 0 : assembly.error
+        ? assembly?.error
         : 'No configured assemblies';
-    const regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
+    const regions = assembly?.regions || [];
     const err = assemblyError || error;
     return (_jsxs(Container, { className: classes.importFormContainer, children: [err ? (_jsx(Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center", children: _jsx(ErrorMessage, { error: err }) })) : null, _jsxs(Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center", children: [_jsx(AssemblySelector, { onChange: val => {
                             model.setError(undefined);

package/esm/CircularView/components/Ruler.d.ts

@@ -1,5 +1,5 @@
-import type { CircularViewModel } from '../model';
-import type { Slice } from '../slices';
+import type { CircularViewModel } from '../model.ts';
+import type { Slice } from '../slices.ts';
 declare const Ruler: ({ model, slice, }: {
     model: CircularViewModel;
     slice: Slice;

package/esm/CircularView/components/Ruler.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { assembleLocString, getFillProps, getSession, getStrokeProps, polarToCartesian, radToDeg, } from '@jbrowse/core/util';
+import { assembleLocString, getFillProps, getSession, getStrokeProps, polarToCartesian, radToDeg, toLocale, } from '@jbrowse/core/util';
 import { makeContrasting } from '@jbrowse/core/util/color';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { useTheme } from '@mui/material/styles';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     rulerLabel: {
         fontSize: '0.8rem',
@@ -33,7 +33,7 @@ function sliceArcPath(slice, radiusPx, startBase, endBase) {
         ...endXY,
     ].join(' ');
 }
-const ElisionRulerArc = observer(function ({ model, slice, region, }) {
+const ElisionRulerArc = observer(function ElisionRulerArc({ model, slice, region, }) {
     const theme = useTheme();
     const { radiusPx: modelRadiusPx } = model;
     const radiusPx = modelRadiusPx + 1;
@@ -43,7 +43,7 @@ const ElisionRulerArc = observer(function ({ model, slice, region, }) {
     const widthPx = (endRadians - startRadians) * radiusPx;
     const largeArc = endRadians - startRadians > Math.PI ? '1' : '0';
     const centerRadians = (endRadians + startRadians) / 2;
-    const regionCount = `[${region.regions.length.toLocaleString()}]`;
+    const regionCount = `[${toLocale(region.regions.length)}]`;
     return (_jsxs(_Fragment, { children: [_jsx(RulerLabel, { text: regionCount, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, title: `${regionCount} more regions`, color: theme.palette.text.primary }), _jsx("path", { d: [
                     'M',
                     ...startXY,
@@ -56,7 +56,7 @@ const ElisionRulerArc = observer(function ({ model, slice, region, }) {
                     ...endXY,
                 ].join(' '), ...getStrokeProps(theme.palette.text.secondary), strokeWidth: 2, strokeDasharray: "2,2", fill: "none" })] }));
 });
-const RulerLabel = observer(function ({ view, text, maxWidthPx, radians, radiusPx, title, color, }) {
+const RulerLabel = observer(function RulerLabel({ view, text, maxWidthPx, radians, radiusPx, title, color, }) {
     const { classes } = useStyles();
     const textXY = polarToCartesian(radiusPx + 5, radians);
     if (!text) {
@@ -76,7 +76,7 @@ const RulerLabel = observer(function ({ view, text, maxWidthPx, radians, radiusP
         return null;
     }
 });
-const RegionRulerArc = observer(function ({ model, slice, region, }) {
+const RegionRulerArc = observer(function RegionRulerArc({ model, slice, region, }) {
     const theme = useTheme();
     const { radiusPx } = model;
     const { endRadians, startRadians } = slice;
@@ -98,7 +98,7 @@ const RegionRulerArc = observer(function ({ model, slice, region, }) {
     }
     return (_jsxs(_Fragment, { children: [_jsx(RulerLabel, { text: region.refName, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, color: color }), _jsx("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" })] }));
 });
-const Ruler = observer(function ({ model, slice, }) {
+const Ruler = observer(function Ruler({ model, slice, }) {
     return slice.region.elided ? (_jsx(ElisionRulerArc, { model: model, region: slice.region, slice: slice }, assembleLocString(slice.region.regions[0]))) : (_jsx(RegionRulerArc, { region: slice.region, model: model, slice: slice }, assembleLocString(slice.region)));
 });
 export default Ruler;

package/esm/CircularView/index.js

@@ -1,9 +1,9 @@
 import { lazy } from 'react';
 import ViewType from '@jbrowse/core/pluggableElementTypes/ViewType';
-import stateModelFactory from './model';
+import stateModelFactory from "./model.js";
 export default function CircularViewF(pluginManager) {
     pluginManager.addViewType(() => new ViewType({
-        ReactComponent: lazy(() => import('./components/CircularView')),
+        ReactComponent: lazy(() => import("./components/CircularView.js")),
         stateModel: stateModelFactory(pluginManager),
         name: 'CircularView',
         displayName: 'Circular view',

package/esm/CircularView/model.d.ts

@@ -1,11 +1,14 @@
 import type React from 'react';
-import type { SliceRegion } from './slices';
+import type { SliceRegion } from './slices.ts';
 import type PluginManager from '@jbrowse/core/PluginManager';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import type { MenuItem } from '@jbrowse/core/ui';
-import type { Region as IRegion } from '@jbrowse/core/util/types';
-import type { Region } from '@jbrowse/core/util/types/mst';
-import type { Instance, SnapshotOrInstance } from 'mobx-state-tree';
+import type { Region } from '@jbrowse/core/util/types';
+import type { Instance } from '@jbrowse/mobx-state-tree';
+export interface CircularViewInit {
+    assembly: string;
+    tracks?: string[];
+}
 export interface ExportSvgOptions {
     rasterizeLayers?: boolean;
     filename?: string;
@@ -14,30 +17,31 @@ export interface ExportSvgOptions {
     }>;
     themeName?: string;
 }
-declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-    minimized: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+declare function stateModelFactory(pluginManager: PluginManager): import("@jbrowse/mobx-state-tree").IModelType<{
+    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+    minimized: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 } & {
-    type: import("mobx-state-tree").ISimpleType<"CircularView">;
-    offsetRadians: import("mobx-state-tree").IType<number | undefined, number, number>;
-    bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    tracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>;
-    hideVerticalResizeHandle: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    hideTrackSelectorButton: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    lockedFitToWindow: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    disableImportForm: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-    displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<IRegion[], IRegion[], IRegion[]>, [undefined]>;
-    scrollX: import("mobx-state-tree").IType<number | undefined, number, number>;
-    scrollY: import("mobx-state-tree").IType<number | undefined, number, number>;
-    minimumRadiusPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    spacingPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    paddingPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    lockedPaddingPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    minVisibleWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
-    minimumBlockWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
-    trackSelectorType: import("mobx-state-tree").IType<string | undefined, string, string>;
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"CircularView">;
+    offsetRadians: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    bpPerPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    tracks: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IAnyType>;
+    hideVerticalResizeHandle: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideTrackSelectorButton: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    lockedFitToWindow: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    disableImportForm: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    height: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
+    displayedRegions: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IType<Region[], Region[], Region[]>, [undefined]>;
+    scrollX: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    scrollY: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    minimumRadiusPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    spacingPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    paddingPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    lockedPaddingPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    minVisibleWidth: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    minimumBlockWidth: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    trackSelectorType: import("@jbrowse/mobx-state-tree").IType<string | undefined, string, string>;
+    init: import("@jbrowse/mobx-state-tree").IType<CircularViewInit | undefined, CircularViewInit | undefined, CircularViewInit | undefined>;
 }, {
     width: number;
 } & {
@@ -48,7 +52,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     setMinimized(flag: boolean): void;
 } & {
     volatileWidth: number | undefined;
-    error: unknown;
+    volatileError: unknown;
 } & {
     readonly width: number;
     readonly visibleSection: {
@@ -73,10 +77,17 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     readonly elidedRegions: SliceRegion[];
     readonly assemblyNames: string[];
     readonly initialized: boolean;
+    readonly assemblyErrors: string;
+    readonly error: unknown;
+    readonly loadingMessage: "Loading" | undefined;
+    readonly hasSomethingToShow: boolean;
+    readonly showLoading: boolean;
+    readonly showView: boolean;
+    readonly showImportForm: boolean;
 } & {
-    readonly staticSlices: import("./slices").Slice[];
+    readonly staticSlices: import("./slices.ts").Slice[];
 } & {
-    readonly visibleStaticSlices: import("./slices").Slice[];
+    readonly visibleStaticSlices: import("./slices.ts").Slice[];
 } & {
     setWidth(newWidth: number): number;
     setHeight(newHeight: number): number;
@@ -90,18 +101,46 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     zoomOutButton(): void;
     setBpPerPx(newVal: number): void;
     setModelViewWhenAdjust(secondCondition: boolean): void;
-    setDisplayedRegions(regions: SnapshotOrInstance<typeof Region>[]): void;
+    setDisplayedRegions(regions: Region[]): void;
     activateTrackSelector(): import("@jbrowse/core/util").Widget;
-    toggleTrack(trackId: string): boolean;
+    toggleTrack(trackId: string): void;
     setError(error: unknown): void;
+    setInit(init?: CircularViewInit): void;
     showTrack(trackId: string, initialSnapshot?: {}): void;
     addTrackConf(configuration: AnyConfigurationModel, initialSnapshot?: {}): void;
-    hideTrack(trackId: string): number;
+    hideTrack(trackId: string): void;
     toggleFitToWindowLock(): boolean;
     exportSvg(opts?: ExportSvgOptions): Promise<void>;
+} & {
+    afterAttach(): void;
 } & {
     menuItems(): MenuItem[];
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree").ModelSnapshotType<{
+    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+    minimized: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"CircularView">;
+    offsetRadians: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    bpPerPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    tracks: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IAnyType>;
+    hideVerticalResizeHandle: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideTrackSelectorButton: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    lockedFitToWindow: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    disableImportForm: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    height: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
+    displayedRegions: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IType<Region[], Region[], Region[]>, [undefined]>;
+    scrollX: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    scrollY: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    minimumRadiusPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    spacingPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    paddingPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    lockedPaddingPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    minVisibleWidth: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    minimumBlockWidth: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    trackSelectorType: import("@jbrowse/mobx-state-tree").IType<string | undefined, string, string>;
+    init: import("@jbrowse/mobx-state-tree").IType<CircularViewInit | undefined, CircularViewInit | undefined, CircularViewInit | undefined>;
+}>>;
 export type CircularViewStateModel = ReturnType<typeof stateModelFactory>;
 export type CircularViewModel = Instance<CircularViewStateModel>;
 export default stateModelFactory;