@jbrowse/plugin-circular-view 2.3.4 → 2.4.0

package/dist/BaseChordDisplay/components/Loading.js.map

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

package/dist/BaseChordDisplay/index.d.ts

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

package/dist/BaseChordDisplay/index.js

@@ -6,8 +6,8 @@ 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 BaseChordDisplayModel_1 = require("./models/BaseChordDisplayModel");
-Object.defineProperty(exports, "BaseChordDisplayModel", { enumerable: true, get: function () { return BaseChordDisplayModel_1.BaseChordDisplayModel; } });
-var baseChordDisplayConfig_1 = require("./models/baseChordDisplayConfig");
-Object.defineProperty(exports, "baseChordDisplayConfig", { enumerable: true, get: function () { return baseChordDisplayConfig_1.baseChordDisplayConfig; } });
+var model_1 = require("./models/model");
+Object.defineProperty(exports, "BaseChordDisplayModel", { enumerable: true, get: function () { return model_1.BaseChordDisplayModel; } });
+var configSchema_1 = require("./models/configSchema");
+Object.defineProperty(exports, "baseChordDisplayConfig", { enumerable: true, get: function () { return configSchema_1.baseChordDisplayConfig; } });
 //# sourceMappingURL=index.js.map

package/dist/BaseChordDisplay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BaseChordDisplay/index.ts"],"names":[],"mappings":";;;;;;AAAA,kEAAoF;AAA3E,8IAAA,OAAO,OAA6B;AAC7C,wEAAsE;AAA7D,8HAAA,qBAAqB,OAAA;AAC9B,0EAAwE;AAA/D,gIAAA,sBAAsB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BaseChordDisplay/index.ts"],"names":[],"mappings":";;;;;;AAAA,kEAAoF;AAA3E,8IAAA,OAAO,OAA6B;AAC7C,wCAAsD;AAA7C,8GAAA,qBAAqB,OAAA;AAC9B,sDAA8D;AAArD,sHAAA,sBAAsB,OAAA"}

package/dist/BaseChordDisplay/models/{baseChordDisplayConfig.js → configSchema.js}

@@ -23,4 +23,4 @@ const baseChordDisplayConfig = (0, configuration_1.ConfigurationSchema)('BaseCho
     explicitIdentifier: 'displayId',
 });
 exports.baseChordDisplayConfig = baseChordDisplayConfig;
-//# sourceMappingURL=baseChordDisplayConfig.js.map
+//# sourceMappingURL=configSchema.js.map

package/dist/BaseChordDisplay/models/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/configSchema.ts"],"names":[],"mappings":";;;AAAA,+DAAiE;AAEjE;;GAEG;AACH,SAAS,CAAC,KAAI,CAAC,CAAC,wDAAwD;AAExE,MAAM,sBAAsB,GAAG,IAAA,mCAAmB,EAChD,kBAAkB,EAClB;IACE;;OAEG;IACH,YAAY,EAAE;QACZ,IAAI,EAAE,SAAS;QACf,WAAW,EACT,kEAAkE;QACpE,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,CAAC;KACvD;CACF,EACD;IACE;;OAEG;IACH,kBAAkB,EAAE,WAAW;CAChC,CACF,CAAA;AAEQ,wDAAsB"}

package/dist/BaseChordDisplay/models/{BaseChordDisplayModel.d.ts → model.d.ts}

@@ -1,6 +1,8 @@
 import React from 'react';
 import RendererType from '@jbrowse/core/pluggableElementTypes/renderers/RendererType';
 import { AnyReactComponentType, Feature } from '@jbrowse/core/util';
+import { ExportSvgOptions } from '../../CircularView/models/CircularView';
+import { ThemeOptions } from '@mui/material';
 export declare const BaseChordDisplayModel: 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>;
@@ -35,6 +37,9 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
         model: {
             id: string;
             type: string;
+            /**
+             * #action
+             */
             rpcDriverName: string | undefined;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
@@ -123,4 +128,11 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
     setRefNameMap(refNameMap: Record<string, string>): void;
 } & {
     afterAttach(): void;
+} & {
+    /**
+     * #method
+     */
+    renderSvg(opts: ExportSvgOptions & {
+        theme: ThemeOptions;
+    }): Promise<JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/BaseChordDisplay/models/{BaseChordDisplayModel.js → model.js}

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseChordDisplayModel = void 0;
+const react_1 = __importDefault(require("react"));
 const clone_1 = __importDefault(require("clone"));
 const mobx_state_tree_1 = require("mobx-state-tree");
 // jbrowse
@@ -30,19 +31,17 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
      */
     assemblyName: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
 }))
-    .volatile(() => {
-    return {
-        // NOTE: all this volatile stuff has to be filled in at once
-        // so that it stays consistent
-        filled: false,
-        reactElement: undefined,
-        data: undefined,
-        html: undefined,
-        message: '',
-        renderingComponent: undefined,
-        refNameMap: undefined,
-    };
-})
+    .volatile(() => ({
+    // NOTE: all this volatile stuff has to be filled in at once
+    // so that it stays consistent
+    filled: false,
+    reactElement: undefined,
+    data: undefined,
+    html: undefined,
+    message: '',
+    renderingComponent: undefined,
+    refNameMap: undefined,
+}))
     .actions(self => {
     const { pluginManager } = (0, util_1.getEnv)(self);
     const track = self;
@@ -60,18 +59,17 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
      * #getter
      */
     get blockDefinitions() {
-        const origSlices = (0, util_1.getContainingView)(self)
-            .staticSlices;
+        const view = (0, util_1.getContainingView)(self);
+        const origSlices = view.staticSlices;
         if (!self.refNameMap) {
             return origSlices;
         }
         const slices = (0, clone_1.default)(origSlices);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        slices.forEach((slice) => {
+        slices.forEach(slice => {
             const regions = slice.region.elided
                 ? slice.region.regions
                 : [slice.region];
-            regions.forEach((region) => {
+            regions.forEach(region => {
                 var _a;
                 const renamed = (_a = self.refNameMap) === null || _a === void 0 ? void 0 : _a[region.refName];
                 if (renamed && region.refName !== renamed) {
@@ -218,12 +216,24 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
         }, {
             name: `${self.type} ${self.id} getting refNames`,
             fireImmediately: true,
-        }, () => { }, refNameMap => {
-            self.setRefNameMap(refNameMap);
-        }, error => {
+        }, () => { }, refNameMap => self.setRefNameMap(refNameMap), error => {
             console.error(error);
             self.setError(error);
         });
     },
+}))
+    .views(self => ({
+    /**
+     * #method
+     */
+    async renderSvg(opts) {
+        const data = (0, renderReaction_1.renderReactionData)(self);
+        const rendering = await (0, renderReaction_1.renderReactionEffect)({
+            ...data,
+            exportSVG: opts,
+            theme: opts.theme || data.renderProps.theme,
+        }, undefined, self);
+        return react_1.default.createElement(util_1.ReactRendering, { rendering: rendering });
+    },
 }));
-//# sourceMappingURL=BaseChordDisplayModel.js.map
+//# sourceMappingURL=model.js.map

package/dist/BaseChordDisplay/models/model.js.map

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

package/dist/BaseChordDisplay/models/renderReaction.d.ts

@@ -12,7 +12,7 @@ export declare function renderReactionData(self: any): {
         timeout: number;
     };
 };
-export declare function renderReactionEffect(props: any, signal: AbortSignal, self: any): Promise<{
+export declare function renderReactionEffect(props: any, signal: AbortSignal | undefined, self: any): Promise<{
     message: any;
     html?: undefined;
     data?: undefined;

package/dist/BaseChordDisplay/models/renderReaction.js

@@ -34,17 +34,16 @@ async function renderReactionEffect(
 props, signal, 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 self) {
+    var _a;
     if (!props) {
         throw new Error('cannot render with no props');
     }
-    const { rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, } = props;
+    const { rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, exportSVG, } = props;
     if (cannotBeRenderedReason) {
         return { message: cannotBeRenderedReason };
     }
     // don't try to render 0 or NaN radius or no regions
-    if (!props.renderProps.radius ||
-        !props.renderArgs.regions ||
-        !props.renderArgs.regions.length) {
+    if (!renderProps.radius || !((_a = renderArgs.regions) === null || _a === void 0 ? void 0 : _a.length)) {
         return { message: 'Skipping render' };
     }
     // check renderertype compatibility
@@ -54,7 +53,7 @@ self) {
     const { html, ...data } = await rendererType.renderInClient(rpcManager, {
         ...renderArgs,
         ...renderProps,
-        signal,
+        exportSVG,
     });
     return {
         html,

package/dist/BaseChordDisplay/models/renderReaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderReaction.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/renderReaction.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,sDAA2D;AAC3D,6CAAkE;AAElE,8DAA8D;AAC9D,SAAgB,kBAAkB,CAAC,IAAS;;IAC1C,MAAM,IAAI,GAAG,IAAA,wBAAiB,EAAC,IAAI,CAAC,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,iBAAU,EAAC,IAAI,CAAC,CAAA;IAEvC,OAAO;QACL,YAAY;QACZ,UAAU;QACV,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;QAC/B,UAAU,EAAE;YACV,YAAY,EAAE,MAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,0CAAE,YAAY;YACpD,aAAa,EAAE,IAAA,eAAK,EAAC,IAAI,CAAC,aAAa,CAAC;YACxC,YAAY,EAAE,YAAY,CAAC,IAAI;YAC/B,OAAO,EAAE,IAAA,eAAK,EAAC,IAAI,CAAC,gBAAgB,CAAC;YACrC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,SAAS,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC;YAChC,OAAO,EAAE,OAAO;SACjB;KACF,CAAA;AACH,CAAC;AAnBD,gDAmBC;AAEM,KAAK,UAAU,oBAAoB;AACxC,8DAA8D;AAC9D,KAAU,EACV,MAAmB;AACnB,8DAA8D;AAC9D,IAAS;IAET,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;KAC/C;IAED,MAAM,EACJ,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,WAAW,GACZ,GAAG,KAAK,CAAA;IAET,IAAI,sBAAsB,EAAE;QAC1B,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAA;KAC3C;IAED,oDAAoD;IACpD,IACE,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;QACzB,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;QACzB,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,EAChC;QACA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;KACtC;IAED,mCAAmC;IACnC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,YAAY,CAAC,EAAE;QAChD,MAAM,IAAI,KAAK,CACb,YAAY,YAAY,CAAC,IAAI,2CAA2C,CACzE,CAAA;KACF;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,YAAY,CAAC,cAAc,CAAC,UAAU,EAAE;QACtE,GAAG,UAAU;QACb,GAAG,WAAW;QACd,MAAM;KACP,CAAC,CAAA;IAEF,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,kBAAkB,EAAE,YAAY,CAAC,cAAc;KAChD,CAAA;AACH,CAAC;AAnDD,oDAmDC"}
+{"version":3,"file":"renderReaction.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/renderReaction.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,sDAA2D;AAC3D,6CAAkE;AAElE,8DAA8D;AAC9D,SAAgB,kBAAkB,CAAC,IAAS;;IAC1C,MAAM,IAAI,GAAG,IAAA,wBAAiB,EAAC,IAAI,CAAC,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,iBAAU,EAAC,IAAI,CAAC,CAAA;IAEvC,OAAO;QACL,YAAY;QACZ,UAAU;QACV,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;QAC/B,UAAU,EAAE;YACV,YAAY,EAAE,MAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,0CAAE,YAAY;YACpD,aAAa,EAAE,IAAA,eAAK,EAAC,IAAI,CAAC,aAAa,CAAC;YACxC,YAAY,EAAE,YAAY,CAAC,IAAI;YAC/B,OAAO,EAAE,IAAA,eAAK,EAAC,IAAI,CAAC,gBAAgB,CAAC;YACrC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,SAAS,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC;YAChC,OAAO,EAAE,OAAO;SACjB;KACF,CAAA;AACH,CAAC;AAnBD,gDAmBC;AAEM,KAAK,UAAU,oBAAoB;AACxC,8DAA8D;AAC9D,KAAU,EACV,MAA+B;AAC/B,8DAA8D;AAC9D,IAAS;;IAET,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;KAC/C;IAED,MAAM,EACJ,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,WAAW,EACX,SAAS,GACV,GAAG,KAAK,CAAA;IAET,IAAI,sBAAsB,EAAE;QAC1B,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAA;KAC3C;IAED,oDAAoD;IACpD,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,MAAM,CAAA,EAAE;QACtD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;KACtC;IAED,mCAAmC;IACnC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,YAAY,CAAC,EAAE;QAChD,MAAM,IAAI,KAAK,CACb,YAAY,YAAY,CAAC,IAAI,2CAA2C,CACzE,CAAA;KACF;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,YAAY,CAAC,cAAc,CAAC,UAAU,EAAE;QACtE,GAAG,UAAU;QACb,GAAG,WAAW;QACd,SAAS;KACV,CAAC,CAAA;IAEF,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,kBAAkB,EAAE,YAAY,CAAC,cAAc;KAChD,CAAA;AACH,CAAC;AAhDD,oDAgDC"}

package/dist/CircularView/components/CircularView.js

@@ -18,17 +18,10 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         position: 'relative',
         marginBottom: theme.spacing(1),
         overflow: 'hidden',
-        background: 'white',
     },
     scroller: {
         overflow: 'auto',
     },
-    sliceRoot: {
-        background: 'none',
-        // background: theme.palette.background.paper,
-        boxSizing: 'content-box',
-        display: 'block',
-    },
 }));
 const Slices = (0, mobx_react_1.observer)(({ model }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -54,18 +47,16 @@ const CircularViewLoaded = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     return (react_1.default.createElement("div", { className: classes.root, style: { width, height }, "data-testid": id },
         react_1.default.createElement("div", { className: classes.scroller, style: { width, height } },
-            react_1.default.createElement("div", { style: {
-                    transform: [`rotate(${offsetRadians}rad)`].join(' '),
+            react_1.default.createElement("svg", { style: {
+                    transform: `rotate(${offsetRadians}rad)`,
                     transition: 'transform 0.5s',
                     transformOrigin: centerXY.map(x => `${x}px`).join(' '),
-                } },
-                react_1.default.createElement("svg", { style: {
-                        position: 'absolute',
-                        left: 0,
-                        top: 0,
-                    }, className: classes.sliceRoot, width: figureWidth + 'px', height: figureHeight + 'px', version: "1.1" },
-                    react_1.default.createElement("g", { transform: `translate(${centerXY})` },
-                        react_1.default.createElement(Slices, { model: model }))))),
+                    position: 'absolute',
+                    left: 0,
+                    top: 0,
+                }, width: figureWidth, height: figureHeight },
+                react_1.default.createElement("g", { transform: `translate(${centerXY})` },
+                    react_1.default.createElement(Slices, { model: model })))),
         react_1.default.createElement(Controls_1.default, { model: model }),
         hideVerticalResizeHandle ? null : (react_1.default.createElement(ui_1.ResizeHandle, { onDrag: model.resizeHeight, style: {
                 height: dragHandleHeight,

package/dist/CircularView/components/CircularView.js.map

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CircularViewModel } from '../models/CircularView';
-declare const Controls: ({ model }: {
+declare const _default: ({ model }: {
     model: CircularViewModel;
 }) => JSX.Element;
-export default Controls;
+export default _default;

package/dist/CircularView/components/Controls.js

@@ -1,13 +1,36 @@
 "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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-const colors_1 = require("@mui/material/colors");
+const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
 // icons
 const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
 const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
@@ -15,40 +38,53 @@ const RotateLeft_1 = __importDefault(require("@mui/icons-material/RotateLeft"));
 const RotateRight_1 = __importDefault(require("@mui/icons-material/RotateRight"));
 const LockOpen_1 = __importDefault(require("@mui/icons-material/LockOpen"));
 const Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
+const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
+const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 const Icons_1 = require("@jbrowse/core/ui/Icons");
-const useStyles = (0, mui_1.makeStyles)()({
-    iconButton: {
-        padding: '4px',
-        margin: '0 2px 0 2px',
-    },
+const util_1 = require("@jbrowse/core/util");
+const ExportSvgDialog_1 = __importDefault(require("./ExportSvgDialog"));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
     controls: {
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
         position: 'absolute',
-        background: colors_1.grey[200],
-        boxSizing: 'border-box',
-        borderRight: '1px solid #a2a2a2',
-        borderBottom: '1px solid #a2a2a2',
+        borderRight: `1px solid ${theme.palette.divider}`,
+        borderBottom: `1px solid ${theme.palette.divider}`,
         left: 0,
         top: 0,
     },
-});
-const Controls = (0, mobx_react_1.observer)(function ({ model }) {
+}));
+exports.default = (0, mobx_react_1.observer)(function ({ model }) {
     const { classes } = useStyles();
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     return (react_1.default.createElement("div", { className: classes.controls },
-        react_1.default.createElement(material_1.IconButton, { onClick: model.zoomOutButton, className: classes.iconButton, title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out', disabled: model.atMaxBpPerPx || model.lockedFitToWindow, color: "secondary" },
+        react_1.default.createElement(material_1.IconButton, { onClick: model.zoomOutButton, title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out', disabled: model.atMaxBpPerPx || model.lockedFitToWindow },
             react_1.default.createElement(ZoomOut_1.default, null)),
-        react_1.default.createElement(material_1.IconButton, { onClick: model.zoomInButton, className: classes.iconButton, title: "zoom in", disabled: model.atMinBpPerPx, color: "secondary" },
+        react_1.default.createElement(material_1.IconButton, { onClick: model.zoomInButton, disabled: model.atMinBpPerPx, title: "zoom in" },
             react_1.default.createElement(ZoomIn_1.default, null)),
-        react_1.default.createElement(material_1.IconButton, { onClick: model.rotateCounterClockwiseButton, className: classes.iconButton, title: "rotate counter-clockwise", color: "secondary" },
+        react_1.default.createElement(material_1.IconButton, { onClick: model.rotateCounterClockwiseButton, title: "rotate counter-clockwise" },
             react_1.default.createElement(RotateLeft_1.default, null)),
-        react_1.default.createElement(material_1.IconButton, { onClick: model.rotateClockwiseButton, className: classes.iconButton, title: "rotate clockwise", color: "secondary" },
+        react_1.default.createElement(material_1.IconButton, { onClick: model.rotateClockwiseButton, title: "rotate clockwise" },
             react_1.default.createElement(RotateRight_1.default, null)),
-        react_1.default.createElement(material_1.IconButton, { onClick: model.toggleFitToWindowLock, className: classes.iconButton, title: model.lockedFitToWindow
+        react_1.default.createElement(material_1.IconButton, { onClick: model.toggleFitToWindowLock, title: model.lockedFitToWindow
                 ? 'locked model to window size'
-                : 'unlocked model to zoom further', disabled: model.tooSmallToLock, color: "secondary" }, model.lockedFitToWindow ? react_1.default.createElement(Lock_1.default, null) : react_1.default.createElement(LockOpen_1.default, null)),
-        model.hideTrackSelectorButton ? null : (react_1.default.createElement(material_1.IconButton, { onClick: model.activateTrackSelector, title: "Open track selector", "data-testid": "circular_track_select", color: "secondary" },
-            react_1.default.createElement(Icons_1.TrackSelector, null)))));
+                : 'unlocked model to zoom further', disabled: model.tooSmallToLock }, model.lockedFitToWindow ? react_1.default.createElement(Lock_1.default, null) : react_1.default.createElement(LockOpen_1.default, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
+            react_1.default.createElement(MoreVert_1.default, null)),
+        model.hideTrackSelectorButton ? null : (react_1.default.createElement(material_1.IconButton, { onClick: model.activateTrackSelector, title: "Open track selector", "data-testid": "circular_track_select" },
+            react_1.default.createElement(Icons_1.TrackSelector, null))),
+        anchorEl ? (react_1.default.createElement(Menu_1.default, { anchorEl: anchorEl, menuItems: [
+                {
+                    label: 'Export SVG',
+                    icon: PhotoCamera_1.default,
+                    onClick: () => {
+                        (0, util_1.getSession)(model).queueDialog(handleClose => [
+                            ExportSvgDialog_1.default,
+                            { model, handleClose },
+                        ]);
+                    },
+                },
+            ], onMenuItemClick: (_event, callback) => {
+                callback();
+                setAnchorEl(null);
+            }, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) })) : null));
 });
-exports.default = Controls;
 //# sourceMappingURL=Controls.js.map

package/dist/CircularView/components/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/CircularView/components/Controls.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,2CAAqC;AACrC,4CAA0C;AAC1C,uCAA0C;AAC1C,iDAA2C;AAE3C,QAAQ;AACR,0EAAqD;AACrD,wEAAmD;AACnD,gFAA2D;AAC3D,kFAA6D;AAC7D,4EAAuD;AACvD,oEAA+C;AAC/C,kDAA2E;AAK3E,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,aAAa;KACtB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,aAAI,CAAC,GAAG,CAAC;QACrB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,mBAAmB;QAChC,YAAY,EAAE,mBAAmB;QACjC,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAA;AAEF,MAAM,QAAQ,GAAG,IAAA,qBAAQ,EAAC,UAAU,EAAE,KAAK,EAAgC;IACzE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO,CAAC,QAAQ;QAC9B,8BAAC,qBAAU,IACT,OAAO,EAAE,KAAK,CAAC,aAAa,EAC5B,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAClE,QAAQ,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,iBAAiB,EACvD,KAAK,EAAC,WAAW;YAEjB,8BAAC,iBAAW,OAAG,CACJ;QAEb,8BAAC,qBAAU,IACT,OAAO,EAAE,KAAK,CAAC,YAAY,EAC3B,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC,YAAY,EAC5B,KAAK,EAAC,WAAW;YAEjB,8BAAC,gBAAU,OAAG,CACH;QAEb,8BAAC,qBAAU,IACT,OAAO,EAAE,KAAK,CAAC,4BAA4B,EAC3C,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAC,WAAW;YAEjB,8BAAC,oBAAc,OAAG,CACP;QAEb,8BAAC,qBAAU,IACT,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,WAAW;YAEjB,8BAAC,qBAAe,OAAG,CACR;QAEb,8BAAC,qBAAU,IACT,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EACH,KAAK,CAAC,iBAAiB;gBACrB,CAAC,CAAC,6BAA6B;gBAC/B,CAAC,CAAC,gCAAgC,EAEtC,QAAQ,EAAE,KAAK,CAAC,cAAc,EAC9B,KAAK,EAAC,WAAW,IAEhB,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,8BAAC,cAAQ,OAAG,CAAC,CAAC,CAAC,8BAAC,kBAAY,OAAG,CAC/C;QAEZ,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC,8BAAC,qBAAU,IACT,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,KAAK,EAAC,qBAAqB,iBACf,uBAAuB,EACnC,KAAK,EAAC,WAAW;YAEjB,8BAAC,qBAAiB,OAAG,CACV,CACd,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,kBAAe,QAAQ,CAAA"}
+{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/CircularView/components/Controls.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ExportSvgOptions } from '../models/CircularView';
+export default function ExportSvgDlg({ model, handleClose, }: {
+    model: {
+        exportSvg(opts: ExportSvgOptions): Promise<void>;
+    };
+    handleClose: () => void;
+}): JSX.Element;

package/dist/CircularView/components/ExportSvgDialog.js

@@ -0,0 +1,76 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
+function LoadingMessage() {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }),
+        react_1.default.createElement(material_1.Typography, { display: "inline" }, "Creating SVG")));
+}
+function useSvgLocal(key, val) {
+    return (0, util_1.useLocalStorage)('svg-' + key, val);
+}
+function ExportSvgDlg({ model, handleClose, }) {
+    const session = (0, util_1.getSession)(model);
+    const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
+    const [rasterizeLayers, setRasterizeLayers] = (0, react_1.useState)(offscreenCanvas);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)();
+    const [filename, setFilename] = useSvgLocal('file', 'jbrowse.svg');
+    const [themeName, setThemeName] = useSvgLocal('theme', session.themeName || 'default');
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Export SVG" },
+        react_1.default.createElement(material_1.DialogContent, null,
+            error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(LoadingMessage, null)) : null,
+            react_1.default.createElement(material_1.TextField, { helperText: "filename", value: filename, onChange: event => setFilename(event.target.value) }),
+            react_1.default.createElement("br", null),
+            session.allThemes ? (react_1.default.createElement(material_1.TextField, { select: true, label: "Theme", value: themeName, onChange: event => setThemeName(event.target.value) }, Object.entries(session.allThemes()).map(([key, val]) => (react_1.default.createElement(material_1.MenuItem, { key: key, value: key }, 
+            // @ts-ignore
+            val.name || '(Unknown name)'))))) : null,
+            offscreenCanvas ? (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: rasterizeLayers, onChange: () => setRasterizeLayers(val => !val) }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (react_1.default.createElement(material_1.Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
+                    setLoading(true);
+                    setError(undefined);
+                    try {
+                        await model.exportSvg({
+                            rasterizeLayers,
+                            filename,
+                            themeName,
+                        });
+                        handleClose();
+                    }
+                    catch (e) {
+                        console.error(e);
+                        setError(e);
+                        setLoading(false);
+                    }
+                } }, "Submit"))));
+}
+exports.default = ExportSvgDlg;
+//# sourceMappingURL=ExportSvgDialog.js.map

package/dist/CircularView/components/ExportSvgDialog.js.map

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

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { Slice } from '../models/slices';
 import { CircularViewModel } from '../models/CircularView';
-declare const CircularRuler: ({ model, slice }: {
+declare const _default: ({ model, slice, }: {
     model: CircularViewModel;
     slice: Slice;
 }) => JSX.Element;
-export default CircularRuler;
+export default _default;

package/dist/CircularView/components/Ruler.js

@@ -39,11 +39,11 @@ function sliceArcPath(slice, radiusPx, startBase, endBase) {
         ...endXY,
     ].join(' ');
 }
-const ElisionRulerArc = (0, mobx_react_1.observer)(({ model, slice }) => {
+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, region } = slice;
+    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;
@@ -69,7 +69,7 @@ const ElisionRulerArc = (0, mobx_react_1.observer)(({ model, slice }) => {
                 ...endXY,
             ].join(' '), stroke: theme.palette.text.secondary, strokeWidth: 2, strokeDasharray: "2,2", fill: "none" })));
 });
-const RulerLabel = (0, mobx_react_1.observer)(({ view, text, maxWidthPx, radians, radiusPx, title, color, }) => {
+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) {
@@ -96,15 +96,15 @@ const RulerLabel = (0, mobx_react_1.observer)(({ view, text, maxWidthPx, radians
     // if you get here there is no room for the text at all
     return null;
 });
-const RegionRulerArc = (0, mobx_react_1.observer)(({ model, slice }) => {
+const RegionRulerArc = (0, mobx_react_1.observer)(function ({ model, slice, region, }) {
     const theme = (0, styles_1.useTheme)();
     const { radiusPx } = model;
-    const { region, endRadians, startRadians } = slice;
+    const { endRadians, startRadians } = slice;
     const centerRadians = (endRadians + startRadians) / 2;
     const widthPx = (endRadians - startRadians) * radiusPx;
     const session = (0, util_1.getSession)(model);
     let color;
-    const assembly = session.assemblyManager.get(slice.region.assemblyName);
+    const assembly = session.assemblyManager.get(region.assemblyName);
     if (assembly) {
         color = assembly.getRefNameColor(region.refName);
     }
@@ -122,16 +122,12 @@ const RegionRulerArc = (0, mobx_react_1.observer)(({ model, slice }) => {
     // TODO: slice flipping
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(RulerLabel, { text: region.refName, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, color: color }),
-        react_1.default.createElement("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" },
-            react_1.default.createElement("title", null, region.refName))));
+        react_1.default.createElement("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" })));
 });
-const CircularRuler = (0, mobx_react_1.observer)(({ model, slice }) => {
+exports.default = (0, mobx_react_1.observer)(function ({ model, slice, }) {
     if (slice.region.elided) {
-        return (react_1.default.createElement(ElisionRulerArc, { key: 
-            /* @ts-ignore */
-            (0, util_1.assembleLocString)(slice.region.regions[0]), model: model, slice: slice }));
+        return (react_1.default.createElement(ElisionRulerArc, { key: (0, util_1.assembleLocString)(slice.region.regions[0]), model: model, region: slice.region, slice: slice }));
     }
-    return (react_1.default.createElement(RegionRulerArc, { key: (0, util_1.assembleLocString)(slice.region), model: model, slice: slice }));
+    return (react_1.default.createElement(RegionRulerArc, { key: (0, util_1.assembleLocString)(slice.region), region: slice.region, model: model, slice: slice }));
 });
-exports.default = CircularRuler;
 //# sourceMappingURL=Ruler.js.map