@jbrowse/plugin-circular-view 3.7.0 → 4.0.0

package/esm/CircularView/model.js

@@ -3,23 +3,31 @@ import { readConfObject } from '@jbrowse/core/configuration';
 import { BaseViewModel } from '@jbrowse/core/pluggableElementTypes/models';
 import { TrackSelector as TrackSelectorIcon } from '@jbrowse/core/ui/Icons';
 import { clamp, getSession, isSessionModelWithWidgets, } from '@jbrowse/core/util';
+import { hideTrackGeneric, showTrackGeneric, toggleTrackGeneric, } from '@jbrowse/core/util/tracks';
+import { addDisposer, cast, types } from '@jbrowse/mobx-state-tree';
 import FolderOpenIcon from '@mui/icons-material/FolderOpen';
 import PhotoCameraIcon from '@mui/icons-material/PhotoCamera';
-import { saveAs } from 'file-saver';
-import { transaction } from 'mobx';
-import { cast, getRoot, resolveIdentifier, types } from 'mobx-state-tree';
-import { calculateStaticSlices, sliceIsVisible } from './slices';
-import { viewportVisibleSection } from './viewportVisibleRegion';
-const ExportSvgDialog = lazy(() => import('./components/ExportSvgDialog'));
+import { autorun } from 'mobx';
+import { calculateStaticSlices, sliceIsVisible } from "./slices.js";
+import { viewportVisibleSection } from "./viewportVisibleRegion.js";
+const ExportSvgDialog = lazy(() => import("./components/ExportSvgDialog.js"));
 function stateModelFactory(pluginManager) {
     const minHeight = 40;
     const minWidth = 100;
     const defaultHeight = 400;
+    const defaultOffsetRadians = -Math.PI / 2;
+    const defaultBpPerPx = 200;
+    const defaultMinimumRadiusPx = 25;
+    const defaultSpacingPx = 10;
+    const defaultPaddingPx = 80;
+    const defaultLockedPaddingPx = 100;
+    const defaultMinVisibleWidth = 6;
+    const defaultMinimumBlockWidth = 20;
     return types
         .compose('CircularView', BaseViewModel, types.model({
         type: types.literal('CircularView'),
-        offsetRadians: -Math.PI / 2,
-        bpPerPx: 200,
+        offsetRadians: defaultOffsetRadians,
+        bpPerPx: defaultBpPerPx,
         tracks: types.array(pluginManager.pluggableMstType('track', 'stateModel')),
         hideVerticalResizeHandle: false,
         hideTrackSelectorButton: false,
@@ -29,17 +37,18 @@ function stateModelFactory(pluginManager) {
         displayedRegions: types.optional(types.frozen(), []),
         scrollX: 0,
         scrollY: 0,
-        minimumRadiusPx: 25,
-        spacingPx: 10,
-        paddingPx: 80,
-        lockedPaddingPx: 100,
-        minVisibleWidth: 6,
-        minimumBlockWidth: 20,
+        minimumRadiusPx: defaultMinimumRadiusPx,
+        spacingPx: defaultSpacingPx,
+        paddingPx: defaultPaddingPx,
+        lockedPaddingPx: defaultLockedPaddingPx,
+        minVisibleWidth: defaultMinVisibleWidth,
+        minimumBlockWidth: defaultMinimumBlockWidth,
         trackSelectorType: 'hierarchical',
+        init: types.frozen(),
     }))
         .volatile(() => ({
         volatileWidth: undefined,
-        error: undefined,
+        volatileError: undefined,
     }))
         .views(self => ({
         get width() {
@@ -119,7 +128,7 @@ function stateModelFactory(pluginManager) {
                 const widthPx = widthBp / self.bpPerPx;
                 if (widthPx < self.minVisibleWidth) {
                     const lastVisible = visible.at(-1);
-                    if (lastVisible === null || lastVisible === void 0 ? void 0 : lastVisible.elided) {
+                    if (lastVisible?.elided) {
                         lastVisible.regions.push({ ...region });
                         lastVisible.widthBp += widthBp;
                     }
@@ -153,9 +162,59 @@ function stateModelFactory(pluginManager) {
             return assemblyNames;
         },
         get initialized() {
+            if (self.volatileWidth === undefined) {
+                return false;
+            }
+            const { assemblyManager } = getSession(self);
+            if (self.init) {
+                const asm = assemblyManager.get(self.init.assembly);
+                return !!(asm?.initialized && asm.regions);
+            }
+            return this.assemblyNames.every(a => assemblyManager.get(a)?.initialized);
+        },
+        get assemblyErrors() {
             const { assemblyManager } = 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; }));
+            return this.assemblyNames
+                .map(a => assemblyManager.get(a)?.error)
+                .filter(f => !!f)
+                .join(', ');
+        },
+        get error() {
+            if (self.volatileError) {
+                return self.volatileError;
+            }
+            if (this.assemblyErrors) {
+                return this.assemblyErrors;
+            }
+            if (self.init) {
+                const { assemblyManager } = getSession(self);
+                const asm = assemblyManager.get(self.init.assembly);
+                if (asm?.error) {
+                    return asm.error;
+                }
+                if (!asm) {
+                    return `Assembly ${self.init.assembly} not found`;
+                }
+            }
+            return undefined;
+        },
+        get loadingMessage() {
+            return this.showLoading ? 'Loading' : undefined;
+        },
+        get hasSomethingToShow() {
+            return self.displayedRegions.length > 0 || !!self.init;
+        },
+        get showLoading() {
+            return !this.initialized && !this.error && this.hasSomethingToShow;
+        },
+        get showView() {
+            return (!!self.displayedRegions.length &&
+                !!this.figureWidth &&
+                !!this.figureHeight &&
+                this.initialized);
+        },
+        get showImportForm() {
+            return ((!this.hasSomethingToShow && !self.disableImportForm) || !!this.error);
         },
     }))
         .views(self => ({
@@ -237,33 +296,16 @@ function stateModelFactory(pluginManager) {
             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;
+            toggleTrackGeneric(self, trackId);
         },
         setError(error) {
-            self.error = error;
+            self.volatileError = error;
+        },
+        setInit(init) {
+            self.init = init;
         },
         showTrack(trackId, initialSnapshot = {}) {
-            const schema = pluginManager.pluggableConfigSchemaType('track');
-            const conf = resolveIdentifier(schema, 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);
+            showTrackGeneric(self, trackId, initialSnapshot);
         },
         addTrackConf(configuration, initialSnapshot = {}) {
             const { type } = configuration;
@@ -284,15 +326,7 @@ function stateModelFactory(pluginManager) {
             }));
         },
         hideTrack(trackId) {
-            const schema = pluginManager.pluggableConfigSchemaType('track');
-            const conf = resolveIdentifier(schema, getRoot(self), trackId);
-            const tracks = self.tracks.filter(t => t.configuration === conf);
-            transaction(() => {
-                for (const track of tracks) {
-                    self.tracks.remove(track);
-                }
-            });
-            return tracks.length;
+            hideTrackGeneric(self, trackId);
         },
         toggleFitToWindowLock() {
             self.lockedFitToWindow = !self.lockedFitToWindow;
@@ -300,10 +334,34 @@ function stateModelFactory(pluginManager) {
             return self.lockedFitToWindow;
         },
         async exportSvg(opts = {}) {
-            const { renderToSvg } = await import('./svgcomponents/SVGCircularView');
+            const { renderToSvg } = await import("./svgcomponents/SVGCircularView.js");
             const html = await renderToSvg(self, opts);
-            const blob = new Blob([html], { type: 'image/svg+xml' });
-            saveAs(blob, opts.filename || 'image.svg');
+            const { saveAs } = await import('file-saver-es');
+            saveAs(new Blob([html], { type: 'image/svg+xml' }), opts.filename || 'image.svg');
+        },
+    }))
+        .actions(self => ({
+        afterAttach() {
+            addDisposer(self, autorun(function circularViewInitAutorun() {
+                const { init, initialized } = self;
+                if (!initialized) {
+                    return;
+                }
+                if (init) {
+                    const session = getSession(self);
+                    const { assemblyManager } = session;
+                    const regions = assemblyManager.get(init.assembly)?.regions;
+                    if (regions) {
+                        self.setDisplayedRegions(regions);
+                    }
+                    if (init.tracks) {
+                        for (const trackId of init.tracks) {
+                            self.showTrack(trackId);
+                        }
+                    }
+                    self.setInit(undefined);
+                }
+            }, { name: 'CircularViewInit' }));
         },
     }))
         .views(self => ({
@@ -333,6 +391,40 @@ function stateModelFactory(pluginManager) {
                 },
             ];
         },
-    }));
+    }))
+        .postProcessSnapshot(snap => {
+        if (!snap) {
+            return snap;
+        }
+        const { init, offsetRadians, bpPerPx, hideVerticalResizeHandle, hideTrackSelectorButton, lockedFitToWindow, disableImportForm, height, displayedRegions, scrollX, scrollY, minimumRadiusPx, spacingPx, paddingPx, lockedPaddingPx, minVisibleWidth, minimumBlockWidth, trackSelectorType, ...rest } = snap;
+        return {
+            ...rest,
+            ...(offsetRadians !== defaultOffsetRadians ? { offsetRadians } : {}),
+            ...(bpPerPx !== defaultBpPerPx ? { bpPerPx } : {}),
+            ...(hideVerticalResizeHandle ? { hideVerticalResizeHandle } : {}),
+            ...(hideTrackSelectorButton ? { hideTrackSelectorButton } : {}),
+            ...(!lockedFitToWindow ? { lockedFitToWindow } : {}),
+            ...(disableImportForm ? { disableImportForm } : {}),
+            ...(height !== defaultHeight ? { height } : {}),
+            ...(displayedRegions.length ? { displayedRegions } : {}),
+            ...(scrollX ? { scrollX } : {}),
+            ...(scrollY ? { scrollY } : {}),
+            ...(minimumRadiusPx !== defaultMinimumRadiusPx
+                ? { minimumRadiusPx }
+                : {}),
+            ...(spacingPx !== defaultSpacingPx ? { spacingPx } : {}),
+            ...(paddingPx !== defaultPaddingPx ? { paddingPx } : {}),
+            ...(lockedPaddingPx !== defaultLockedPaddingPx
+                ? { lockedPaddingPx }
+                : {}),
+            ...(minVisibleWidth !== defaultMinVisibleWidth
+                ? { minVisibleWidth }
+                : {}),
+            ...(minimumBlockWidth !== defaultMinimumBlockWidth
+                ? { minimumBlockWidth }
+                : {}),
+            ...(trackSelectorType !== 'hierarchical' ? { trackSelectorType } : {}),
+        };
+    });
 }
 export default stateModelFactory;

package/esm/CircularView/slices.js

@@ -1,6 +1,14 @@
 import { assembleLocString, polarToCartesian } from '@jbrowse/core/util';
-import { thetaRangesOverlap } from './viewportVisibleRegion';
+import { thetaRangesOverlap } from "./viewportVisibleRegion.js";
 export class Slice {
+    region;
+    offsetRadians;
+    radianWidth;
+    key;
+    startRadians;
+    endRadians;
+    bpPerRadian;
+    flipped;
     constructor(view, region, offsetRadians, radianWidth) {
         this.region = region;
         this.offsetRadians = offsetRadians;

package/esm/CircularView/svgcomponents/SVGCircularView.d.ts

@@ -1,4 +1,4 @@
-import type { CircularViewModel, ExportSvgOptions } from '../model';
+import type { CircularViewModel, ExportSvgOptions } from '../model.ts';
 type CGV = CircularViewModel;
 export declare function renderToSvg(model: CGV, opts: ExportSvgOptions): Promise<string>;
 export {};

package/esm/CircularView/svgcomponents/SVGCircularView.js

@@ -4,14 +4,13 @@ import { createJBrowseTheme } from '@jbrowse/core/ui';
 import { getSession, radToDeg, renderToStaticMarkup } from '@jbrowse/core/util';
 import { ThemeProvider } from '@mui/material';
 import { when } from 'mobx';
-import SVGBackground from './SVGBackground';
-import Ruler from '../components/Ruler';
+import SVGBackground from "./SVGBackground.js";
+import Ruler from "../components/Ruler.js";
 export async function renderToSvg(model, opts) {
-    var _a;
     await when(() => model.initialized);
     const { themeName = 'default', Wrapper = ({ children }) => children } = opts;
     const session = getSession(model);
-    const theme = (_a = session.allThemes) === null || _a === void 0 ? void 0 : _a.call(session)[themeName];
+    const theme = session.allThemes?.()[themeName];
     const { width, tracks, height } = model;
     const shift = 50;
     const displayResults = await Promise.all(tracks.map(async (track) => {

package/esm/LaunchCircularView/index.js

@@ -1,19 +1,13 @@
-import { when } from 'mobx';
 export default function LaunchCircularViewF(pluginManager) {
     pluginManager.addToExtensionPoint('LaunchView-CircularView', async ({ session, assembly, tracks = [], }) => {
-        const { assemblyManager } = session;
-        const view = session.addView('CircularView', {});
-        await when(() => view.initialized);
         if (!assembly) {
             throw new Error('No assembly provided when launching circular genome view');
         }
-        const asm = await assemblyManager.waitForAssembly(assembly);
-        if (!asm) {
-            throw new Error(`Assembly "${assembly}" not found when launching circular genome view`);
-        }
-        view.setDisplayedRegions(asm.regions || []);
-        for (const track of tracks) {
-            view.showTrack(track);
-        }
+        session.addView('CircularView', {
+            init: {
+                assembly,
+                tracks,
+            },
+        });
     });
 }

package/esm/index.d.ts

@@ -5,5 +5,4 @@ export default class CircularViewPlugin extends Plugin {
     install(pluginManager: PluginManager): void;
     configure(pluginManager: PluginManager): void;
 }
-export { BaseChordDisplayComponent, BaseChordDisplayModel, baseChordDisplayConfig, } from './BaseChordDisplay';
-export { type CircularViewModel, type CircularViewStateModel, } from './CircularView/model';
+export { type CircularViewModel, type CircularViewStateModel, type ExportSvgOptions, } from './CircularView/model.ts';

package/esm/index.js

@@ -1,13 +1,10 @@
 import Plugin from '@jbrowse/core/Plugin';
 import { isAbstractMenuManager } from '@jbrowse/core/util';
 import DataUsageIcon from '@mui/icons-material/DataUsage';
-import CircularViewF from './CircularView';
-import LaunchCircularViewF from './LaunchCircularView';
+import CircularViewF from "./CircularView/index.js";
+import LaunchCircularViewF from "./LaunchCircularView/index.js";
 export default class CircularViewPlugin extends Plugin {
-    constructor() {
-        super(...arguments);
-        this.name = 'CircularViewPlugin';
-    }
+    name = 'CircularViewPlugin';
     install(pluginManager) {
         CircularViewF(pluginManager);
         LaunchCircularViewF(pluginManager);
@@ -24,4 +21,4 @@ export default class CircularViewPlugin extends Plugin {
         }
     }
 }
-export { BaseChordDisplayComponent, BaseChordDisplayModel, baseChordDisplayConfig, } from './BaseChordDisplay';
+export {} from "./CircularView/model.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-circular-view",
-  "version": "3.7.0",
+  "version": "4.0.0",
   "description": "JBrowse 2 circular view",
   "keywords": [
     "jbrowse",
@@ -15,36 +15,19 @@
     "directory": "plugins/circular-view"
   },
   "author": "JBrowse Team",
-  "distMain": "dist/index.js",
-  "srcMain": "src/index.ts",
-  "main": "dist/index.js",
+  "main": "esm/index.js",
   "files": [
-    "dist",
     "esm"
   ],
-  "scripts": {
-    "build": "npm-run-all build:*",
-    "test": "cd ../..; jest --passWithNoTests plugins/circular-view",
-    "prepublishOnly": "yarn test",
-    "prepack": "yarn build && yarn useDist",
-    "postpack": "yarn useSrc",
-    "useDist": "node ../../scripts/useDist.js",
-    "useSrc": "node ../../scripts/useSrc.js",
-    "prebuild": "npm run clean",
-    "build:esm": "tsc --build tsconfig.build.esm.json",
-    "build:commonjs": "tsc --build tsconfig.build.commonjs.json",
-    "clean": "rimraf dist esm *.tsbuildinfo"
-  },
   "dependencies": {
-    "@jbrowse/core": "^3.7.0",
-    "@mui/icons-material": "^7.0.0",
-    "@mui/material": "^7.0.0",
-    "@types/file-saver": "^2.0.0",
-    "file-saver": "^2.0.0",
-    "mobx": "^6.0.0",
-    "mobx-react": "^9.0.0",
-    "mobx-state-tree": "^5.0.0",
-    "tss-react": "^4.0.0"
+    "@jbrowse/mobx-state-tree": "^5.5.0",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6",
+    "@types/file-saver-es": "^2.0.3",
+    "file-saver-es": "^2.0.5",
+    "mobx": "^6.15.0",
+    "mobx-react": "^9.2.1",
+    "@jbrowse/core": "^4.0.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -53,8 +36,19 @@
   "publishConfig": {
     "access": "public"
   },
-  "distModule": "esm/index.js",
-  "srcModule": "src/index.ts",
-  "module": "esm/index.js",
-  "gitHead": "85bdd0d58286b7adbfd408146b15847676317635"
-}
+  "sideEffects": false,
+  "scripts": {
+    "build": "pnpm run /^build:/",
+    "test": "cd ../..; jest --passWithNoTests plugins/circular-view",
+    "prebuild": "pnpm clean",
+    "build:esm": "tsc -p tsconfig.build.esm.json",
+    "clean": "rimraf esm *.tsbuildinfo"
+  },
+  "types": "esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "import": "./esm/index.js"
+    }
+  }
+}

package/dist/BaseChordDisplay/components/BaseChordDisplay.d.ts

@@ -1,11 +0,0 @@
-declare const BaseChordDisplay: ({ display, }: {
-    display: {
-        filled: boolean;
-        error: unknown;
-        reactElement: React.ReactElement;
-        renderProps: {
-            radius: number;
-        };
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default BaseChordDisplay;

package/dist/BaseChordDisplay/components/BaseChordDisplay.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const DisplayError_1 = __importDefault(require("./DisplayError"));
-const Loading_1 = __importDefault(require("./Loading"));
-const BaseChordDisplay = (0, mobx_react_1.observer)(function ({ display, }) {
-    if (display.error) {
-        return (0, jsx_runtime_1.jsx)(DisplayError_1.default, { model: display });
-    }
-    else if (!display.filled) {
-        return (0, jsx_runtime_1.jsx)(Loading_1.default, { model: display });
-    }
-    else {
-        return display.reactElement;
-    }
-});
-exports.default = BaseChordDisplay;

package/dist/BaseChordDisplay/components/DisplayError.d.ts

@@ -1,9 +0,0 @@
-declare const DisplayError: ({ model, }: {
-    model: {
-        renderProps: {
-            radius: number;
-        };
-        error: unknown;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default DisplayError;

package/dist/BaseChordDisplay/components/DisplayError.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const DisplayError = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { renderProps: { radius }, error, } = model;
-    return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse", children: (0, jsx_runtime_1.jsx)("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,0,0,0.5)', strokeWidth: 10 } }) }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "#ffb4b4" }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }), (0, jsx_runtime_1.jsx)("text", { x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle", children: String(error) })] }));
-});
-exports.default = DisplayError;

package/dist/BaseChordDisplay/components/Loading.d.ts

@@ -1,8 +0,0 @@
-declare const Loading: ({ model: { renderProps: { radius }, }, }: {
-    model: {
-        renderProps: {
-            radius: number;
-        };
-    };
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default Loading;

package/dist/BaseChordDisplay/components/Loading.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => {
-    const offset = 2;
-    const duration = 1.4;
-    const { primary, secondary, tertiary, quaternary } = theme.palette;
-    return {
-        path: {
-            strokeDasharray: 187,
-            strokeDashoffset: 50,
-            animation: `$dash ${duration}s ease-in-out infinite, $colors ${duration * 4}s ease-in-out infinite`,
-        },
-        '@keyframes colors': {
-            '0%': {
-                stroke: primary.light,
-            },
-            '25%': {
-                stroke: secondary.light,
-            },
-            '50%': {
-                stroke: tertiary.light,
-            },
-            '75%': {
-                stroke: quaternary.light,
-            },
-            '100%': {
-                stroke: primary.light,
-            },
-        },
-        '@keyframes dash': {
-            '0%': {
-                strokeDashoffset: offset,
-            },
-            '50%': {
-                strokeDashoffset: offset / 4,
-                transform: 'rotate(135deg)',
-            },
-            '100%': {
-                strokeDashoffset: offset,
-                transform: 'rotate(720deg)',
-            },
-        },
-    };
-});
-const Loading = (0, mobx_react_1.observer)(function ({ model: { renderProps: { radius }, }, }) {
-    const { classes } = useStyles();
-    const [shown, setShown] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const timeout = setTimeout(() => {
-            setShown(true);
-        }, 400);
-        return () => {
-            clearTimeout(timeout);
-        };
-    });
-    return !shown ? null : ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse", children: (0, jsx_runtime_1.jsx)("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,255,255,0.5)', strokeWidth: 10 } }) }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "#f1f1f1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }), (0, jsx_runtime_1.jsx)("text", { x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle", children: "Loading\u2026" }), (0, jsx_runtime_1.jsx)("circle", { className: classes.path, fill: "none", strokeWidth: "4", strokeLinecap: "round", cx: "0", cy: "0", r: "60" })] }));
-});
-exports.default = Loading;

package/dist/BaseChordDisplay/configSchema.d.ts

@@ -1,9 +0,0 @@
-declare const baseChordDisplayConfig: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    onChordClick: {
-        type: string;
-        description: string;
-        defaultValue: boolean;
-        contextVariable: string[];
-    };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
-export { baseChordDisplayConfig };

package/dist/BaseChordDisplay/configSchema.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.baseChordDisplayConfig = void 0;
-const configuration_1 = require("@jbrowse/core/configuration");
-function x() { }
-const baseChordDisplayConfig = (0, configuration_1.ConfigurationSchema)('BaseChordDisplay', {
-    onChordClick: {
-        type: 'boolean',
-        description: 'callback that should be run when a chord in the track is clicked',
-        defaultValue: false,
-        contextVariable: ['feature', 'track', 'pluginManager'],
-    },
-}, {
-    explicitIdentifier: 'displayId',
-});
-exports.baseChordDisplayConfig = baseChordDisplayConfig;

package/dist/BaseChordDisplay/index.d.ts

@@ -1,3 +0,0 @@
-export { default as BaseChordDisplayComponent } from './components/BaseChordDisplay';
-export { BaseChordDisplayModel } from './model';
-export { baseChordDisplayConfig } from './configSchema';

package/dist/BaseChordDisplay/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.baseChordDisplayConfig = exports.BaseChordDisplayModel = exports.BaseChordDisplayComponent = void 0;
-var BaseChordDisplay_1 = require("./components/BaseChordDisplay");
-Object.defineProperty(exports, "BaseChordDisplayComponent", { enumerable: true, get: function () { return __importDefault(BaseChordDisplay_1).default; } });
-var model_1 = require("./model");
-Object.defineProperty(exports, "BaseChordDisplayModel", { enumerable: true, get: function () { return model_1.BaseChordDisplayModel; } });
-var configSchema_1 = require("./configSchema");
-Object.defineProperty(exports, "baseChordDisplayConfig", { enumerable: true, get: function () { return configSchema_1.baseChordDisplayConfig; } });