@jbrowse/plugin-circular-view 3.7.0 → 4.0.1

package/dist/CircularView/components/Ruler.js

@@ -1,106 +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 color_1 = require("@jbrowse/core/util/color");
-const styles_1 = require("@mui/material/styles");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    rulerLabel: {
-        fontSize: '0.8rem',
-        fontWeight: 500,
-        lineHeight: 1.6,
-        letterSpacing: '0.0075em',
-    },
-});
-function sliceArcPath(slice, radiusPx, startBase, endBase) {
-    if (slice.flipped) {
-        ;
-        [startBase, endBase] = [endBase, startBase];
-    }
-    const startXY = slice.bpToXY(startBase, radiusPx);
-    const endXY = slice.bpToXY(endBase, radiusPx);
-    const largeArc = Math.abs(endBase - startBase) / slice.bpPerRadian > Math.PI ? '1' : '0';
-    const sweepFlag = '1';
-    return [
-        'M',
-        ...startXY,
-        'A',
-        radiusPx,
-        radiusPx,
-        '0',
-        largeArc,
-        sweepFlag,
-        ...endXY,
-    ].join(' ');
-}
-const ElisionRulerArc = (0, mobx_react_1.observer)(function ({ model, slice, region, }) {
-    const theme = (0, styles_1.useTheme)();
-    const { radiusPx: modelRadiusPx } = model;
-    const radiusPx = modelRadiusPx + 1;
-    const { endRadians, startRadians } = slice;
-    const startXY = (0, util_1.polarToCartesian)(radiusPx, startRadians);
-    const endXY = (0, util_1.polarToCartesian)(radiusPx, endRadians);
-    const widthPx = (endRadians - startRadians) * radiusPx;
-    const largeArc = endRadians - startRadians > Math.PI ? '1' : '0';
-    const centerRadians = (endRadians + startRadians) / 2;
-    const regionCount = `[${region.regions.length.toLocaleString()}]`;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RulerLabel, { text: regionCount, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, title: `${regionCount} more regions`, color: theme.palette.text.primary }), (0, jsx_runtime_1.jsx)("path", { d: [
-                    'M',
-                    ...startXY,
-                    'A',
-                    radiusPx,
-                    radiusPx,
-                    '0',
-                    largeArc,
-                    '1',
-                    ...endXY,
-                ].join(' '), ...(0, util_1.getStrokeProps)(theme.palette.text.secondary), strokeWidth: 2, strokeDasharray: "2,2", fill: "none" })] }));
-});
-const RulerLabel = (0, mobx_react_1.observer)(function ({ view, text, maxWidthPx, radians, radiusPx, title, color, }) {
-    const { classes } = useStyles();
-    const textXY = (0, util_1.polarToCartesian)(radiusPx + 5, radians);
-    if (!text) {
-        return null;
-    }
-    else if (text.length * 6.5 < maxWidthPx) {
-        return ((0, jsx_runtime_1.jsxs)("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "middle", dominantBaseline: "middle", transform: `translate(${textXY}) rotate(${(0, util_1.radToDeg)(radians) + 90})`, ...(0, util_1.getFillProps)(color), children: [text, (0, jsx_runtime_1.jsx)("title", { children: title || text })] }));
-    }
-    else if (maxWidthPx > 4) {
-        const overallRotation = (0, util_1.radToDeg)(radians + view.offsetRadians - Math.PI / 2);
-        if (overallRotation >= 180) {
-            return ((0, jsx_runtime_1.jsxs)("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "start", dominantBaseline: "middle", transform: `translate(${textXY}) rotate(${(0, util_1.radToDeg)(radians)})`, fill: color, children: [text, (0, jsx_runtime_1.jsx)("title", { children: title || text })] }));
-        }
-        return ((0, jsx_runtime_1.jsxs)("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "end", dominantBaseline: "middle", transform: `translate(${textXY}) rotate(${(0, util_1.radToDeg)(radians) + 180})`, fill: color, children: [text, (0, jsx_runtime_1.jsx)("title", { children: title || text })] }));
-    }
-    else {
-        return null;
-    }
-});
-const RegionRulerArc = (0, mobx_react_1.observer)(function ({ model, slice, region, }) {
-    const theme = (0, styles_1.useTheme)();
-    const { radiusPx } = model;
-    const { endRadians, startRadians } = slice;
-    const centerRadians = (endRadians + startRadians) / 2;
-    const widthPx = (endRadians - startRadians) * radiusPx;
-    const session = (0, util_1.getSession)(model);
-    const assembly = session.assemblyManager.get(region.assemblyName);
-    let color = assembly ? assembly.getRefNameColor(region.refName) : undefined;
-    if (color) {
-        try {
-            color = (0, color_1.makeContrasting)(color, theme.palette.background.paper);
-        }
-        catch (error) {
-            color = theme.palette.text.primary;
-        }
-    }
-    else {
-        color = theme.palette.text.primary;
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RulerLabel, { text: region.refName, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, color: color }), (0, jsx_runtime_1.jsx)("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" })] }));
-});
-const Ruler = (0, mobx_react_1.observer)(function ({ model, slice, }) {
-    return slice.region.elided ? ((0, jsx_runtime_1.jsx)(ElisionRulerArc, { model: model, region: slice.region, slice: slice }, (0, util_1.assembleLocString)(slice.region.regions[0]))) : ((0, jsx_runtime_1.jsx)(RegionRulerArc, { region: slice.region, model: model, slice: slice }, (0, util_1.assembleLocString)(slice.region)));
-});
-exports.default = Ruler;

package/dist/CircularView/index.d.ts

@@ -1,2 +0,0 @@
-import type PluginManager from '@jbrowse/core/PluginManager';
-export default function CircularViewF(pluginManager: PluginManager): void;

package/dist/CircularView/index.js

@@ -1,50 +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 });
-exports.default = CircularViewF;
-const react_1 = require("react");
-const ViewType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/ViewType"));
-const model_1 = __importDefault(require("./model"));
-function CircularViewF(pluginManager) {
-    pluginManager.addViewType(() => new ViewType_1.default({
-        ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/CircularView')))),
-        stateModel: (0, model_1.default)(pluginManager),
-        name: 'CircularView',
-        displayName: 'Circular view',
-    }));
-}

package/dist/CircularView/model.d.ts

@@ -1,107 +0,0 @@
-import type React from 'react';
-import type { SliceRegion } from './slices';
-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';
-export interface ExportSvgOptions {
-    rasterizeLayers?: boolean;
-    filename?: string;
-    Wrapper?: React.FC<{
-        children: React.ReactNode;
-    }>;
-    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>;
-} & {
-    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>;
-}, {
-    width: number;
-} & {
-    menuItems(): MenuItem[];
-} & {
-    setDisplayName(name: string): void;
-    setWidth(newWidth: number): void;
-    setMinimized(flag: boolean): void;
-} & {
-    volatileWidth: number | undefined;
-    error: unknown;
-} & {
-    readonly width: number;
-    readonly visibleSection: {
-        rho: [number, number];
-        theta: [number, number];
-    };
-    readonly circumferencePx: number;
-    readonly radiusPx: number;
-    readonly bpPerRadian: number;
-    readonly pxPerRadian: number;
-    readonly centerXY: [number, number];
-    readonly totalBp: number;
-    readonly maximumRadiusPx: number;
-    readonly maxBpPerPx: number;
-    readonly minBpPerPx: number;
-    readonly atMaxBpPerPx: boolean;
-    readonly atMinBpPerPx: boolean;
-    readonly tooSmallToLock: boolean;
-    readonly figureDimensions: [number, number];
-    readonly figureWidth: number;
-    readonly figureHeight: number;
-    readonly elidedRegions: SliceRegion[];
-    readonly assemblyNames: string[];
-    readonly initialized: boolean;
-} & {
-    readonly staticSlices: import("./slices").Slice[];
-} & {
-    readonly visibleStaticSlices: import("./slices").Slice[];
-} & {
-    setWidth(newWidth: number): number;
-    setHeight(newHeight: number): number;
-    resizeHeight(distance: number): number;
-    resizeWidth(distance: number): number;
-    rotateClockwiseButton(): void;
-    rotateCounterClockwiseButton(): void;
-    rotateClockwise(distance?: number): void;
-    rotateCounterClockwise(distance?: number): void;
-    zoomInButton(): void;
-    zoomOutButton(): void;
-    setBpPerPx(newVal: number): void;
-    setModelViewWhenAdjust(secondCondition: boolean): void;
-    setDisplayedRegions(regions: SnapshotOrInstance<typeof Region>[]): void;
-    activateTrackSelector(): import("@jbrowse/core/util").Widget;
-    toggleTrack(trackId: string): boolean;
-    setError(error: unknown): void;
-    showTrack(trackId: string, initialSnapshot?: {}): void;
-    addTrackConf(configuration: AnyConfigurationModel, initialSnapshot?: {}): void;
-    hideTrack(trackId: string): number;
-    toggleFitToWindowLock(): boolean;
-    exportSvg(opts?: ExportSvgOptions): Promise<void>;
-} & {
-    menuItems(): MenuItem[];
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export type CircularViewStateModel = ReturnType<typeof stateModelFactory>;
-export type CircularViewModel = Instance<CircularViewStateModel>;
-export default stateModelFactory;

package/dist/CircularView/model.js

@@ -1,376 +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 react_1 = require("react");
-const configuration_1 = require("@jbrowse/core/configuration");
-const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-const util_1 = require("@jbrowse/core/util");
-const FolderOpen_1 = __importDefault(require("@mui/icons-material/FolderOpen"));
-const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
-const file_saver_1 = require("file-saver");
-const mobx_1 = require("mobx");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const slices_1 = require("./slices");
-const viewportVisibleRegion_1 = require("./viewportVisibleRegion");
-const ExportSvgDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ExportSvgDialog'))));
-function stateModelFactory(pluginManager) {
-    const minHeight = 40;
-    const minWidth = 100;
-    const defaultHeight = 400;
-    return mobx_state_tree_1.types
-        .compose('CircularView', models_1.BaseViewModel, mobx_state_tree_1.types.model({
-        type: mobx_state_tree_1.types.literal('CircularView'),
-        offsetRadians: -Math.PI / 2,
-        bpPerPx: 200,
-        tracks: mobx_state_tree_1.types.array(pluginManager.pluggableMstType('track', 'stateModel')),
-        hideVerticalResizeHandle: false,
-        hideTrackSelectorButton: false,
-        lockedFitToWindow: true,
-        disableImportForm: false,
-        height: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, defaultHeight),
-        displayedRegions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
-        scrollX: 0,
-        scrollY: 0,
-        minimumRadiusPx: 25,
-        spacingPx: 10,
-        paddingPx: 80,
-        lockedPaddingPx: 100,
-        minVisibleWidth: 6,
-        minimumBlockWidth: 20,
-        trackSelectorType: 'hierarchical',
-    }))
-        .volatile(() => ({
-        volatileWidth: undefined,
-        error: undefined,
-    }))
-        .views(self => ({
-        get width() {
-            if (self.volatileWidth === undefined) {
-                throw new Error('wait for view to be initialized first before accessing width');
-            }
-            return self.volatileWidth;
-        },
-        get visibleSection() {
-            const { scrollX, scrollY, width, height } = self;
-            return (0, viewportVisibleRegion_1.viewportVisibleSection)([scrollX, scrollX + width, scrollY, scrollY + height], this.centerXY, this.radiusPx);
-        },
-        get circumferencePx() {
-            let elidedBp = 0;
-            for (const r of this.elidedRegions) {
-                elidedBp += r.widthBp;
-            }
-            return (elidedBp / self.bpPerPx + self.spacingPx * this.elidedRegions.length);
-        },
-        get radiusPx() {
-            return this.circumferencePx / (2 * Math.PI);
-        },
-        get bpPerRadian() {
-            return self.bpPerPx * this.radiusPx;
-        },
-        get pxPerRadian() {
-            return this.radiusPx;
-        },
-        get centerXY() {
-            return [this.radiusPx + self.paddingPx, this.radiusPx + self.paddingPx];
-        },
-        get totalBp() {
-            let total = 0;
-            for (const region of self.displayedRegions) {
-                total += region.end - region.start;
-            }
-            return total;
-        },
-        get maximumRadiusPx() {
-            return self.lockedFitToWindow
-                ? Math.min(self.width, self.height) / 2 - self.lockedPaddingPx
-                : 1000000;
-        },
-        get maxBpPerPx() {
-            const minCircumferencePx = 2 * Math.PI * self.minimumRadiusPx;
-            return this.totalBp / minCircumferencePx;
-        },
-        get minBpPerPx() {
-            const maxCircumferencePx = 2 * Math.PI * this.maximumRadiusPx;
-            return (0, util_1.clamp)(this.totalBp / maxCircumferencePx, 0.0000000001, this.maxBpPerPx);
-        },
-        get atMaxBpPerPx() {
-            return self.bpPerPx >= this.maxBpPerPx;
-        },
-        get atMinBpPerPx() {
-            return self.bpPerPx <= this.minBpPerPx;
-        },
-        get tooSmallToLock() {
-            return this.minBpPerPx <= 0.0000000001;
-        },
-        get figureDimensions() {
-            return [
-                this.radiusPx * 2 + 2 * self.paddingPx,
-                this.radiusPx * 2 + 2 * self.paddingPx,
-            ];
-        },
-        get figureWidth() {
-            return this.figureDimensions[0];
-        },
-        get figureHeight() {
-            return this.figureDimensions[1];
-        },
-        get elidedRegions() {
-            const visible = [];
-            for (const region of self.displayedRegions) {
-                const widthBp = region.end - region.start;
-                const widthPx = widthBp / self.bpPerPx;
-                if (widthPx < self.minVisibleWidth) {
-                    const lastVisible = visible.at(-1);
-                    if (lastVisible === null || lastVisible === void 0 ? void 0 : lastVisible.elided) {
-                        lastVisible.regions.push({ ...region });
-                        lastVisible.widthBp += widthBp;
-                    }
-                    else {
-                        visible.push({
-                            elided: true,
-                            widthBp,
-                            regions: [{ ...region }],
-                        });
-                    }
-                }
-                else {
-                    visible.push({ ...region, widthBp, elided: false });
-                }
-            }
-            for (let i = 0; i < visible.length; i += 1) {
-                const v = visible[i];
-                if (v.elided && v.regions.length === 1) {
-                    visible[i] = { ...v, ...v.regions[0], elided: false };
-                }
-            }
-            return visible;
-        },
-        get assemblyNames() {
-            const assemblyNames = [];
-            for (const displayedRegion of self.displayedRegions) {
-                if (!assemblyNames.includes(displayedRegion.assemblyName)) {
-                    assemblyNames.push(displayedRegion.assemblyName);
-                }
-            }
-            return assemblyNames;
-        },
-        get initialized() {
-            const { assemblyManager } = (0, util_1.getSession)(self);
-            return (self.volatileWidth !== undefined &&
-                this.assemblyNames.every(a => { var _a; return (_a = assemblyManager.get(a)) === null || _a === void 0 ? void 0 : _a.initialized; }));
-        },
-    }))
-        .views(self => ({
-        get staticSlices() {
-            return (0, slices_1.calculateStaticSlices)(self);
-        },
-    }))
-        .views(self => ({
-        get visibleStaticSlices() {
-            return self.staticSlices.filter(s => (0, slices_1.sliceIsVisible)(self, s));
-        },
-    }))
-        .actions(self => ({
-        setWidth(newWidth) {
-            self.volatileWidth = Math.max(newWidth, minWidth);
-            return self.volatileWidth;
-        },
-        setHeight(newHeight) {
-            self.height = Math.max(newHeight, minHeight);
-            return self.height;
-        },
-        resizeHeight(distance) {
-            const oldHeight = self.height;
-            const newHeight = this.setHeight(self.height + distance);
-            this.setModelViewWhenAdjust(!self.tooSmallToLock);
-            return newHeight - oldHeight;
-        },
-        resizeWidth(distance) {
-            const oldWidth = self.width;
-            const newWidth = this.setWidth(self.width + distance);
-            this.setModelViewWhenAdjust(!self.tooSmallToLock);
-            return newWidth - oldWidth;
-        },
-        rotateClockwiseButton() {
-            this.rotateClockwise(Math.PI / 6);
-        },
-        rotateCounterClockwiseButton() {
-            this.rotateCounterClockwise(Math.PI / 6);
-        },
-        rotateClockwise(distance = 0.17) {
-            self.offsetRadians += distance;
-        },
-        rotateCounterClockwise(distance = 0.17) {
-            self.offsetRadians -= distance;
-        },
-        zoomInButton() {
-            this.setBpPerPx(self.bpPerPx / 1.4);
-        },
-        zoomOutButton() {
-            this.setBpPerPx(self.bpPerPx * 1.4);
-        },
-        setBpPerPx(newVal) {
-            self.bpPerPx = (0, util_1.clamp)(newVal, self.minBpPerPx, self.maxBpPerPx);
-        },
-        setModelViewWhenAdjust(secondCondition) {
-            if (self.lockedFitToWindow && secondCondition) {
-                this.setBpPerPx(self.minBpPerPx);
-            }
-        },
-        setDisplayedRegions(regions) {
-            const previouslyEmpty = self.displayedRegions.length === 0;
-            self.displayedRegions = (0, mobx_state_tree_1.cast)(regions);
-            if (previouslyEmpty) {
-                this.setBpPerPx(self.minBpPerPx);
-            }
-            else {
-                this.setBpPerPx(self.bpPerPx);
-            }
-        },
-        activateTrackSelector() {
-            if (self.trackSelectorType === 'hierarchical') {
-                const session = (0, util_1.getSession)(self);
-                if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                    const selector = session.addWidget('HierarchicalTrackSelectorWidget', 'hierarchicalTrackSelector', { view: self });
-                    session.showWidget(selector);
-                    return selector;
-                }
-            }
-            throw new Error(`invalid track selector type ${self.trackSelectorType}`);
-        },
-        toggleTrack(trackId) {
-            const hiddenCount = this.hideTrack(trackId);
-            if (!hiddenCount) {
-                this.showTrack(trackId);
-                return true;
-            }
-            return false;
-        },
-        setError(error) {
-            self.error = error;
-        },
-        showTrack(trackId, initialSnapshot = {}) {
-            const schema = pluginManager.pluggableConfigSchemaType('track');
-            const conf = (0, mobx_state_tree_1.resolveIdentifier)(schema, (0, mobx_state_tree_1.getRoot)(self), trackId);
-            const trackType = pluginManager.getTrackType(conf.type);
-            if (!trackType) {
-                throw new Error(`unknown track type ${conf.type}`);
-            }
-            const viewType = pluginManager.getViewType(self.type);
-            const supportedDisplays = new Set(viewType.displayTypes.map(d => d.name));
-            const displayConf = conf.displays.find((d) => supportedDisplays.has(d.type));
-            const track = trackType.stateModel.create({
-                ...initialSnapshot,
-                type: conf.type,
-                configuration: conf,
-                displays: [{ type: displayConf.type, configuration: displayConf }],
-            });
-            self.tracks.push(track);
-        },
-        addTrackConf(configuration, initialSnapshot = {}) {
-            const { type } = configuration;
-            const name = (0, configuration_1.readConfObject)(configuration, 'name');
-            const trackType = pluginManager.getTrackType(type);
-            if (!trackType) {
-                throw new Error(`unknown track type ${type}`);
-            }
-            const viewType = pluginManager.getViewType(self.type);
-            const supportedDisplays = new Set(viewType.displayTypes.map(d => d.name));
-            const displayConf = configuration.displays.find((d) => supportedDisplays.has(d.type));
-            self.tracks.push(trackType.stateModel.create({
-                ...initialSnapshot,
-                name,
-                type,
-                configuration,
-                displays: [{ type: displayConf.type, configuration: displayConf }],
-            }));
-        },
-        hideTrack(trackId) {
-            const schema = pluginManager.pluggableConfigSchemaType('track');
-            const conf = (0, mobx_state_tree_1.resolveIdentifier)(schema, (0, mobx_state_tree_1.getRoot)(self), trackId);
-            const tracks = self.tracks.filter(t => t.configuration === conf);
-            (0, mobx_1.transaction)(() => {
-                for (const track of tracks) {
-                    self.tracks.remove(track);
-                }
-            });
-            return tracks.length;
-        },
-        toggleFitToWindowLock() {
-            self.lockedFitToWindow = !self.lockedFitToWindow;
-            this.setModelViewWhenAdjust(self.atMinBpPerPx);
-            return self.lockedFitToWindow;
-        },
-        async exportSvg(opts = {}) {
-            const { renderToSvg } = await Promise.resolve().then(() => __importStar(require('./svgcomponents/SVGCircularView')));
-            const html = await renderToSvg(self, opts);
-            const blob = new Blob([html], { type: 'image/svg+xml' });
-            (0, file_saver_1.saveAs)(blob, opts.filename || 'image.svg');
-        },
-    }))
-        .views(self => ({
-        menuItems() {
-            return [
-                {
-                    label: 'Return to import form',
-                    onClick: () => {
-                        self.setDisplayedRegions([]);
-                    },
-                    icon: FolderOpen_1.default,
-                },
-                {
-                    label: 'Export SVG',
-                    icon: PhotoCamera_1.default,
-                    onClick: () => {
-                        (0, util_1.getSession)(self).queueDialog(handleClose => [
-                            ExportSvgDialog,
-                            { model: self, handleClose },
-                        ]);
-                    },
-                },
-                {
-                    label: 'Open track selector',
-                    onClick: self.activateTrackSelector,
-                    icon: Icons_1.TrackSelector,
-                },
-            ];
-        },
-    }));
-}
-exports.default = stateModelFactory;