@jbrowse/plugin-arc 2.6.1

package/dist/LinearArcDisplay/model.d.ts

@@ -0,0 +1,303 @@
+/// <reference types="react" />
+import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        }, {
+            setRefName(newRefName: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
+        isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {
+        renderInProgress: AbortController | undefined;
+        filled: boolean;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
+        layout: any;
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: any;
+        }) => any;
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(abortController: AbortController): void;
+        setMessage(messageText: string): void;
+        setRendered(props: {
+            reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            features: Map<string, import("@jbrowse/core/util").Feature>;
+            layout: any;
+            maxHeightReached: boolean;
+            renderProps: any;
+        } | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        maxFeatureScreenDensity: {
+            type: string;
+            description: string;
+            defaultValue: number;
+        };
+        fetchSizeLimit: {
+            type: string;
+            defaultValue: number;
+            description: string;
+        };
+        height: {
+            type: string;
+            defaultValue: number;
+            description: string;
+        };
+        mouseover: {
+            type: string;
+            description: string;
+            defaultValue: string;
+            contextVariable: string[];
+        };
+    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearArcDisplay">;
+    configuration: AnyConfigurationSchemaType;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+    message: string | undefined;
+} & {
+    readonly RenderingComponent: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+    regionCannotBeRendered(): null;
+} & {
+    setMessage(arg?: string | undefined): void;
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    scrollTop: number;
+} & {
+    readonly height: number;
+} & {
+    setScrollTop(scrollTop: number): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+} & {
+    featureDensityStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats> | undefined;
+    featureDensityStats: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined;
+    currStatsBpPerPx: number;
+} & {
+    readonly currentBytesRequested: number;
+    readonly currentFeatureScreenDensity: number;
+    readonly maxFeatureScreenDensity: any;
+    readonly featureDensityStatsReady: boolean;
+    readonly maxAllowableBytes: number;
+} & {
+    afterAttach(): void;
+} & {
+    setCurrStatsBpPerPx(n: number): void;
+    setFeatureDensityStatsLimit(stats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
+    getFeatureDensityStats(): Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
+    setFeatureDensityStatsP(arg: any): void;
+    setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
+    clearFeatureDensityStats(): void;
+} & {
+    readonly regionTooLarge: boolean;
+    readonly regionTooLargeReason: string;
+} & {
+    regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
+} & {
+    featureIdUnderMouse: string | undefined;
+    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
+} & {
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
+} & {
+    readonly renderDelay: number;
+    readonly TooltipComponent: import("react").FC<any>;
+    readonly selectedFeatureId: string | undefined;
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+} & {
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
+    getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+} & {
+    addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
+    deleteBlock(key: string): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    clearFeatureSelection(): void;
+    setFeatureIdUnderMouse(feature?: string | undefined): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
+} & {
+    reload(): Promise<void>;
+} & {
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    renderProps(): any;
+} & {
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    afterAttach(): void;
+} & {
+    readonly blockType: string;
+    readonly renderDelay: number;
+    renderProps(): any;
+    readonly rendererTypeName: any;
+}, {
+    type: string;
+} & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        }, {
+            setRefName(newRefName: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
+        isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {
+        renderInProgress: AbortController | undefined;
+        filled: boolean;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
+        layout: any;
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: any;
+        }) => any;
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(abortController: AbortController): void;
+        setMessage(messageText: string): void;
+        setRendered(props: {
+            reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            features: Map<string, import("@jbrowse/core/util").Feature>;
+            layout: any;
+            maxHeightReached: boolean;
+            renderProps: any;
+        } | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        maxFeatureScreenDensity: {
+            type: string;
+            description: string;
+            defaultValue: number;
+        };
+        fetchSizeLimit: {
+            type: string;
+            defaultValue: number;
+            description: string;
+        };
+        height: {
+            type: string;
+            defaultValue: number;
+            description: string;
+        };
+        mouseover: {
+            type: string;
+            description: string;
+            defaultValue: string;
+            contextVariable: string[];
+        };
+    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
+}>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
+    type: string;
+    id: string;
+    configuration: import("mobx-state-tree").ModelSnapshotType<Record<string, any>>;
+    rpcDriverName: string | undefined;
+    heightPreConfig: number | undefined;
+    userBpPerPxLimit: number | undefined;
+    userByteSizeLimit: number | undefined;
+} & import("mobx-state-tree")._NotCustomized>;

package/dist/LinearArcDisplay/model.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stateModelFactory = void 0;
+const configuration_1 = require("@jbrowse/core/configuration");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+function stateModelFactory(configSchema) {
+    return mobx_state_tree_1.types
+        .compose('LinearArcDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
+        type: mobx_state_tree_1.types.literal('LinearArcDisplay'),
+        configuration: (0, configuration_1.ConfigurationReference)(configSchema),
+    }))
+        .views(self => {
+        const { renderProps: superRenderProps } = self;
+        return {
+            get blockType() {
+                return 'staticBlocks';
+            },
+            get renderDelay() {
+                return 500;
+            },
+            renderProps() {
+                return {
+                    ...superRenderProps(),
+                    rpcDriverName: self.rpcDriverName,
+                    config: self.configuration.renderer,
+                };
+            },
+            get rendererTypeName() {
+                return self.configuration.renderer.type;
+            },
+        };
+    });
+}
+exports.stateModelFactory = stateModelFactory;
+//# sourceMappingURL=model.js.map

package/dist/LinearArcDisplay/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/LinearArcDisplay/model.ts"],"names":[],"mappings":";;;AAAA,+DAGoC;AACpC,qDAAuC;AACvC,kFAAsE;AAEtE,SAAgB,iBAAiB,CAAC,YAAwC;IACxE,OAAO,uBAAK;SACT,OAAO,CACN,kBAAkB,EAClB,6CAAiB,EACjB,uBAAK,CAAC,KAAK,CAAC;QACV,IAAI,EAAE,uBAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACvC,aAAa,EAAE,IAAA,sCAAsB,EAAC,YAAY,CAAC;KACpD,CAAC,CACH;SAEA,KAAK,CAAC,IAAI,CAAC,EAAE;QACZ,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAA;QAC9C,OAAO;YACL,IAAI,SAAS;gBACX,OAAO,cAAc,CAAA;YACvB,CAAC;YACD,IAAI,WAAW;gBACb,OAAO,GAAG,CAAA;YACZ,CAAC;YACD,WAAW;gBACT,OAAO;oBACL,GAAG,gBAAgB,EAAE;oBACrB,aAAa,EAAE,IAAI,CAAC,aAAa;oBACjC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;iBACpC,CAAA;YACH,CAAC;YACD,IAAI,gBAAgB;gBAClB,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAA;YACzC,CAAC;SACF,CAAA;IACH,CAAC,CAAC,CAAA;AACN,CAAC;AAhCD,8CAgCC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import Plugin from '@jbrowse/core/Plugin';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default class ArcPlugin extends Plugin {
+    name: string;
+    install(pluginManager: PluginManager): void;
+}

package/dist/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Plugin_1 = __importDefault(require("@jbrowse/core/Plugin"));
+const LinearArcDisplay_1 = __importDefault(require("./LinearArcDisplay"));
+const ArcRenderer_1 = __importDefault(require("./ArcRenderer"));
+class ArcPlugin extends Plugin_1.default {
+    constructor() {
+        super(...arguments);
+        this.name = 'ArcRenderer';
+    }
+    install(pluginManager) {
+        (0, ArcRenderer_1.default)(pluginManager);
+        (0, LinearArcDisplay_1.default)(pluginManager);
+        pluginManager.jexl.addFunction('logThickness', (feature, attributeName) => {
+            return Math.log(feature.get(attributeName) + 1);
+        });
+    }
+}
+exports.default = ArcPlugin;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,kEAAyC;AAEzC,0EAAkD;AAClD,gEAAwC;AAGxC,MAAqB,SAAU,SAAQ,gBAAM;IAA7C;;QACE,SAAI,GAAG,aAAa,CAAA;IAYtB,CAAC;IAXC,OAAO,CAAC,aAA4B;QAClC,IAAA,qBAAY,EAAC,aAAa,CAAC,CAAA;QAC3B,IAAA,0BAAiB,EAAC,aAAa,CAAC,CAAA;QAEhC,aAAa,CAAC,IAAI,CAAC,WAAW,CAC5B,cAAc,EACd,CAAC,OAAgB,EAAE,aAAqB,EAAE,EAAE;YAC1C,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAA;QACjD,CAAC,CACF,CAAA;IACH,CAAC;CACF;AAbD,4BAaC"}

package/esm/ArcRenderer/ArcRenderer.d.ts

@@ -0,0 +1,3 @@
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export default class extends FeatureRendererType {
+}

package/esm/ArcRenderer/ArcRenderer.js

@@ -0,0 +1,4 @@
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export default class extends FeatureRendererType {
+}
+//# sourceMappingURL=ArcRenderer.js.map

package/esm/ArcRenderer/ArcRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcRenderer.js","sourceRoot":"","sources":["../../src/ArcRenderer/ArcRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,mEAAmE,CAAA;AAEnG,MAAM,CAAC,OAAO,MAAO,SAAQ,mBAAmB;CAAG"}

package/esm/ArcRenderer/ArcRendering.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function ArcRendering(props: any): React.JSX.Element;
+declare const _default: typeof ArcRendering;
+export default _default;

package/esm/ArcRenderer/ArcRendering.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { readConfObject } from '@jbrowse/core/configuration';
+import { bpSpanPx, measureText } from '@jbrowse/core/util';
+import { observer } from 'mobx-react';
+import { Tooltip } from 'react-svg-tooltip';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function ArcRendering(props) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const onClick = (event, id) => {
+        const { onFeatureClick: handler } = props;
+        if (!handler) {
+            return undefined;
+        }
+        return handler(event, id);
+    };
+    const { features, config, regions, blockKey, bpPerPx, displayModel: { selectedFeatureId }, } = props;
+    const [region] = regions;
+    const arcsRendered = [];
+    for (const feature of features.values()) {
+        const [left, right] = bpSpanPx(feature.get('start'), feature.get('end'), region, bpPerPx);
+        const featureId = feature.id();
+        const id = blockKey + '-' + featureId;
+        let stroke = readConfObject(config, 'color', { feature });
+        let textStroke = 'black';
+        if (selectedFeatureId &&
+            String(selectedFeatureId) === String(feature.id())) {
+            stroke = textStroke = 'red';
+        }
+        const label = readConfObject(config, 'label', { feature });
+        const caption = readConfObject(config, 'caption', { feature });
+        const strokeWidth = readConfObject(config, 'thickness', { feature }) || 1;
+        const height = readConfObject(config, 'height', { feature }) || 100;
+        const ref = React.createRef();
+        const tooltipWidth = 20 + measureText(caption === null || caption === void 0 ? void 0 : caption.toString());
+        const t = 0.5;
+        // formula: https://en.wikipedia.org/wiki/B%C3%A9zier_curve#Cubic_B%C3%A9zier_curves
+        const textYCoord = (1 - t) * (1 - t) * (1 - t) * 0 +
+            3 * ((1 - t) * (1 - t)) * (t * height) +
+            3 * (1 - t) * (t * t) * height +
+            t * t * t * 0;
+        arcsRendered.push(React.createElement("g", { key: id, onClick: e => onClick(e, featureId) },
+            React.createElement("path", { id: id, d: `M ${left} 0 C ${left} ${height}, ${right} ${height}, ${right} 0`, stroke: stroke, strokeWidth: strokeWidth, fill: "transparent", onClick: e => onClick(e, featureId), ref: ref, pointerEvents: "stroke" }),
+            React.createElement(Tooltip, { triggerRef: ref },
+                React.createElement("rect", { x: 12, y: 0, width: tooltipWidth, height: 20, rx: 5, ry: 5, fill: "black", fillOpacity: "50%" }),
+                React.createElement("text", { x: 22, y: 14, fontSize: 10, fill: "white", textLength: tooltipWidth - 20 }, caption)),
+            React.createElement("text", { x: left + (right - left) / 2, y: textYCoord + 3, style: { stroke: 'white', strokeWidth: '0.6em' } }, label),
+            React.createElement("text", { x: left + (right - left) / 2, y: textYCoord + 3, style: { stroke: textStroke } }, label)));
+    }
+    const width = (region.end - region.start) / bpPerPx;
+    const height = 500;
+    return (React.createElement("svg", { className: "ArcRendering", width: width, height: height, style: {
+            outline: 'none',
+            position: 'relative',
+        } }, arcsRendered));
+}
+export default observer(ArcRendering);
+//# sourceMappingURL=ArcRendering.js.map

package/esm/ArcRenderer/ArcRendering.js.map

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

package/esm/ArcRenderer/configSchema.d.ts

@@ -0,0 +1,48 @@
+declare const ArcRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    /**
+     * #slot
+     */
+    color: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+    /**
+     * #slot
+     */
+    thickness: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+    /**
+     * #slot
+     */
+    label: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+    /**
+     * #slot
+     */
+    height: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+    /**
+     * #slot
+     */
+    caption: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+export default ArcRenderer;

package/esm/ArcRenderer/configSchema.js

@@ -0,0 +1,54 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+/**
+ * #config ArcRenderer
+ */
+function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+const ArcRenderer = ConfigurationSchema('ArcRenderer', {
+    /**
+     * #slot
+     */
+    color: {
+        type: 'color',
+        description: 'the color of the arcs',
+        defaultValue: 'darkblue',
+        contextVariable: ['feature'],
+    },
+    /**
+     * #slot
+     */
+    thickness: {
+        type: 'number',
+        description: 'the thickness of the arcs',
+        defaultValue: `jexl:logThickness(feature,'score')`,
+        contextVariable: ['feature'],
+    },
+    /**
+     * #slot
+     */
+    label: {
+        type: 'string',
+        description: 'the label to appear at the apex of the arcs',
+        defaultValue: `jexl:get(feature,'score')`,
+        contextVariable: ['feature'],
+    },
+    /**
+     * #slot
+     */
+    height: {
+        type: 'number',
+        description: 'the height of the arcs',
+        defaultValue: `jexl:log10(get(feature,'end')-get(feature,'start'))*50`,
+        contextVariable: ['feature'],
+    },
+    /**
+     * #slot
+     */
+    caption: {
+        type: 'string',
+        description: 'the caption to appear when hovering over any point on the arcs',
+        defaultValue: `jexl:get(feature,'name')`,
+        contextVariable: ['feature'],
+    },
+}, { explicitlyTyped: true });
+export default ArcRenderer;
+//# sourceMappingURL=configSchema.js.map

package/esm/ArcRenderer/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/ArcRenderer/configSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE;;GAEG;AACH,SAAS,CAAC,KAAI,CAAC,CAAC,wDAAwD;AAExE,MAAM,WAAW,GAAG,mBAAmB,CACrC,aAAa,EACb;IACE;;OAEG;IACH,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,uBAAuB;QACpC,YAAY,EAAE,UAAU;QACxB,eAAe,EAAE,CAAC,SAAS,CAAC;KAC7B;IACD;;OAEG;IACH,SAAS,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,2BAA2B;QACxC,YAAY,EAAE,oCAAoC;QAClD,eAAe,EAAE,CAAC,SAAS,CAAC;KAC7B;IACD;;OAEG;IACH,KAAK,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,6CAA6C;QAC1D,YAAY,EAAE,2BAA2B;QACzC,eAAe,EAAE,CAAC,SAAS,CAAC;KAC7B;IACD;;OAEG;IACH,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,wBAAwB;QACrC,YAAY,EAAE,wDAAwD;QACtE,eAAe,EAAE,CAAC,SAAS,CAAC;KAC7B;IACD;;OAEG;IACH,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,WAAW,EACT,gEAAgE;QAClE,YAAY,EAAE,0BAA0B;QACxC,eAAe,EAAE,CAAC,SAAS,CAAC;KAC7B;CACF,EACD,EAAE,eAAe,EAAE,IAAI,EAAE,CAC1B,CAAA;AACD,eAAe,WAAW,CAAA"}

package/esm/ArcRenderer/index.d.ts

@@ -0,0 +1,3 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/esm/ArcRenderer/index.js

@@ -0,0 +1,12 @@
+import ReactComponent from './ArcRendering';
+import configSchema from './configSchema';
+import ArcRenderer from './ArcRenderer';
+export default (pluginManager) => {
+    pluginManager.addRendererType(() => new ArcRenderer({
+        name: 'ArcRenderer',
+        ReactComponent,
+        configSchema,
+        pluginManager,
+    }));
+};
+//# sourceMappingURL=index.js.map

package/esm/ArcRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ArcRenderer/index.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,gBAAgB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,eAAe,CAC3B,GAAG,EAAE,CACH,IAAI,WAAW,CAAC;QACd,IAAI,EAAE,aAAa;QACnB,cAAc;QACd,YAAY;QACZ,aAAa;KACd,CAAC,CACL,CAAA;AACH,CAAC,CAAA"}

package/esm/LinearArcDisplay/configSchema.d.ts

@@ -0,0 +1,32 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+/**
+ * #config LinearArcDisplay
+ */
+export declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    /**
+     * #slot
+     */
+    renderer: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IAnyModelType, [undefined]>;
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    maxFeatureScreenDensity: {
+        type: string;
+        description: string;
+        defaultValue: number;
+    };
+    fetchSizeLimit: {
+        type: string;
+        defaultValue: number;
+        description: string;
+    };
+    height: {
+        type: string;
+        defaultValue: number;
+        description: string;
+    };
+    mouseover: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>;

package/esm/LinearArcDisplay/configSchema.js

@@ -0,0 +1,21 @@
+import { types } from 'mobx-state-tree';
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { baseLinearDisplayConfigSchema } from '@jbrowse/plugin-linear-genome-view';
+/**
+ * #config LinearArcDisplay
+ */
+export function configSchemaFactory(pluginManager) {
+    return ConfigurationSchema('LinearArcDisplay', {
+        /**
+         * #slot
+         */
+        renderer: types.optional(pluginManager.pluggableConfigSchemaType('renderer'), { type: 'ArcRenderer' }),
+    }, {
+        /**
+         * #baseConfiguration
+         */
+        baseConfiguration: baseLinearDisplayConfigSchema,
+        explicitlyTyped: true,
+    });
+}
+//# sourceMappingURL=configSchema.js.map

package/esm/LinearArcDisplay/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/LinearArcDisplay/configSchema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAA;AAElF;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,aAA4B;IAC9D,OAAO,mBAAmB,CACxB,kBAAkB,EAClB;QACE;;WAEG;QACH,QAAQ,EAAE,KAAK,CAAC,QAAQ,CACtB,aAAa,CAAC,yBAAyB,CAAC,UAAU,CAAC,EACnD,EAAE,IAAI,EAAE,aAAa,EAAE,CACxB;KACF,EACD;QACE;;WAEG;QACH,iBAAiB,EAAE,6BAA6B;QAChD,eAAe,EAAE,IAAI;KACtB,CACF,CAAA;AACH,CAAC"}