@jbrowse/plugin-circular-view 1.7.11 → 2.0.0

package/esm/CircularView/components/Ruler.js

@@ -0,0 +1,126 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { getSession, polarToCartesian, radToDeg, assembleLocString, } from '@jbrowse/core/util';
+import { makeContrasting } from '@jbrowse/core/util/color';
+import { useTheme } from '@mui/material/styles';
+import { makeStyles } from 'tss-react/mui';
+const useStyles = makeStyles()({
+    rulerLabel: {
+        fontSize: '0.8rem',
+        fontWeight: 500,
+        lineHeight: 1.6,
+        letterSpacing: '0.0075em',
+    },
+});
+function sliceArcPath(slice, radiusPx, startBase, endBase) {
+    // A rx ry x-axis-rotation large-arc-flag sweep-flag x y
+    if (slice.flipped) {
+        ;
+        [startBase, endBase] = [endBase, startBase];
+    }
+    const startXY = slice.bpToXY(startBase, radiusPx);
+    const endXY = slice.bpToXY(endBase, radiusPx);
+    const largeArc = Math.abs(endBase - startBase) / slice.bpPerRadian > Math.PI ? '1' : '0';
+    const sweepFlag = '1';
+    return [
+        'M',
+        ...startXY,
+        'A',
+        radiusPx,
+        radiusPx,
+        '0',
+        largeArc,
+        sweepFlag,
+        ...endXY,
+    ].join(' ');
+}
+const ElisionRulerArc = observer(({ model, slice }) => {
+    const theme = useTheme();
+    const { radiusPx: modelRadiusPx } = model;
+    const radiusPx = modelRadiusPx + 1;
+    const { endRadians, startRadians, region } = slice;
+    const startXY = polarToCartesian(radiusPx, startRadians);
+    const endXY = polarToCartesian(radiusPx, endRadians);
+    const widthPx = (endRadians - startRadians) * radiusPx;
+    const largeArc = endRadians - startRadians > Math.PI ? '1' : '0';
+    // TODO: draw the elision
+    const centerRadians = (endRadians + startRadians) / 2;
+    const regionCountString = `[${Number(region.regions.length).toLocaleString()}]`;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(RulerLabel, { text: regionCountString, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, title: `${Number(region.regions.length).toLocaleString()} more regions`, color: theme.palette.text.primary }),
+        React.createElement("path", { d: [
+                'M',
+                ...startXY,
+                'A',
+                radiusPx,
+                radiusPx,
+                '0',
+                largeArc,
+                '1',
+                ...endXY,
+            ].join(' '), stroke: theme.palette.text.secondary, strokeWidth: 2, strokeDasharray: "2,2", fill: "none" })));
+});
+const RulerLabel = observer(({ view, text, maxWidthPx, radians, radiusPx, title, color }) => {
+    const { classes } = useStyles();
+    const textXY = polarToCartesian(radiusPx + 5, radians);
+    if (!text) {
+        return null;
+    }
+    if (text.length * 6.5 < maxWidthPx) {
+        // text is rotated parallel to the ruler arc
+        return (React.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "middle", dominantBaseline: "baseline", transform: `translate(${textXY}) rotate(${radToDeg(radians) + 90})`, style: { fill: color } },
+            text,
+            React.createElement("title", null, title || text)));
+    }
+    if (maxWidthPx > 4) {
+        // text is rotated perpendicular to the ruler arc
+        const overallRotation = radToDeg(radians + view.offsetRadians - Math.PI / 2);
+        if (overallRotation >= 180) {
+            return (React.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "start", dominantBaseline: "middle", transform: `translate(${textXY}) rotate(${radToDeg(radians)})`, style: { fill: color } },
+                text,
+                React.createElement("title", null, title || text)));
+        }
+        return (React.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "end", dominantBaseline: "middle", transform: `translate(${textXY}) rotate(${radToDeg(radians) + 180})`, style: { fill: color } },
+            text,
+            React.createElement("title", null, title || text)));
+    }
+    // if you get here there is no room for the text at all
+    return null;
+});
+const RegionRulerArc = observer(({ model, slice }) => {
+    const theme = useTheme();
+    const { radiusPx } = model;
+    const { region, endRadians, startRadians } = slice;
+    const centerRadians = (endRadians + startRadians) / 2;
+    const widthPx = (endRadians - startRadians) * radiusPx;
+    const session = getSession(model);
+    let color;
+    const assembly = session.assemblyManager.get(slice.region.assemblyName);
+    if (assembly) {
+        color = assembly.getRefNameColor(region.refName);
+    }
+    if (color) {
+        try {
+            color = makeContrasting(color, theme.palette.background.paper);
+        }
+        catch (error) {
+            color = theme.palette.text.primary;
+        }
+    }
+    else {
+        color = theme.palette.text.primary;
+    }
+    // TODO: slice flipping
+    return (React.createElement(React.Fragment, null,
+        React.createElement(RulerLabel, { text: region.refName, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, color: color }),
+        React.createElement("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" },
+            React.createElement("title", null, region.refName))));
+});
+const CircularRuler = observer(function Ruler({ model, slice }) {
+    if (slice.region.elided) {
+        return (React.createElement(ElisionRulerArc, { key: assembleLocString(slice.region.regions[0]), model: model, slice: slice }));
+    }
+    return (React.createElement(RegionRulerArc, { key: assembleLocString(slice.region), model: model, slice: slice }));
+});
+export default CircularRuler;
+//# sourceMappingURL=Ruler.js.map

package/esm/CircularView/components/Ruler.js.map

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

package/esm/CircularView/models/CircularView.d.ts

@@ -0,0 +1,97 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+import { SnapshotOrInstance, Instance } from 'mobx-state-tree';
+import { Region } from '@jbrowse/core/util/types/mst';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+export default function CircularView(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"CircularView">;
+    offsetRadians: import("mobx-state-tree").IType<number | undefined, number, number>;
+    bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    tracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>;
+    hideVerticalResizeHandle: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideTrackSelectorButton: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    lockedFitToWindow: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    disableImportForm: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    minimumRadiusPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    spacingPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    paddingPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    lockedPaddingPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    minVisibleWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
+    minimumBlockWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
+    displayedRegions: import("mobx-state-tree").IArrayType<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>>;
+    scrollX: import("mobx-state-tree").IType<number | undefined, number, number>;
+    scrollY: import("mobx-state-tree").IType<number | undefined, number, number>;
+    trackSelectorType: import("mobx-state-tree").IType<string | undefined, string, string>;
+}, {
+    width: number;
+} & {
+    menuItems(): import("@jbrowse/core/ui").MenuItem[];
+} & {
+    setDisplayName(name: string): void;
+    setWidth(newWidth: number): void;
+} & {
+    width: number;
+} & {
+    readonly staticSlices: import("./slices").Slice[];
+    readonly visibleStaticSlices: import("./slices").Slice[];
+    readonly visibleSection: {
+        rho: number[];
+        theta: number[];
+    };
+    readonly circumferencePx: number;
+    readonly radiusPx: number;
+    readonly bpPerRadian: number;
+    readonly pxPerRadian: number;
+    readonly centerXY: [number, number];
+    readonly totalBp: number;
+    readonly maximumRadiusPx: number;
+    readonly maxBpPerPx: number;
+    readonly minBpPerPx: number;
+    readonly atMaxBpPerPx: boolean;
+    readonly atMinBpPerPx: boolean;
+    readonly tooSmallToLock: boolean;
+    readonly figureDimensions: number[];
+    readonly figureWidth: number;
+    readonly figureHeight: number;
+    readonly elidedRegions: any[];
+    readonly assemblyNames: string[];
+    readonly initialized: boolean;
+} & {
+    error: unknown;
+} & {
+    setWidth(newWidth: number): number;
+    setHeight(newHeight: number): number;
+    resizeHeight(distance: number): number;
+    resizeWidth(distance: number): number;
+    rotateClockwiseButton(): void;
+    rotateCounterClockwiseButton(): void;
+    rotateClockwise(distance?: number): void;
+    rotateCounterClockwise(distance?: number): void;
+    zoomInButton(): void;
+    zoomOutButton(): void;
+    setBpPerPx(newVal: number): void;
+    setModelViewWhenAdjust(secondCondition: boolean): void;
+    closeView(): void;
+    setDisplayedRegions(regions: SnapshotOrInstance<typeof Region>[]): void;
+    activateTrackSelector(): import("@jbrowse/core/util").Widget;
+    toggleTrack(trackId: string): void;
+    setError(error: unknown): void;
+    showTrack(trackId: string, initialSnapshot?: {}): void;
+    addTrackConf(configuration: AnyConfigurationModel, initialSnapshot?: {}): void;
+    hideTrack(trackId: string): number;
+    toggleFitToWindowLock(): boolean;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export declare type CircularViewStateModel = ReturnType<typeof CircularView>;
+export declare type CircularViewModel = Instance<CircularViewStateModel>;

package/esm/CircularView/models/CircularView.js

@@ -0,0 +1,317 @@
+import { cast, getParent, getRoot, resolveIdentifier, types, } from 'mobx-state-tree';
+import { Region } from '@jbrowse/core/util/types/mst';
+import { transaction } from 'mobx';
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { getSession, clamp, isSessionModelWithWidgets, } from '@jbrowse/core/util';
+import { BaseViewModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { calculateStaticSlices, sliceIsVisible } from './slices';
+import { viewportVisibleSection } from './viewportVisibleRegion';
+export default function CircularView(pluginManager) {
+    const minHeight = 40;
+    const minWidth = 100;
+    const defaultHeight = 400;
+    return types.compose(BaseViewModel, types
+        .model('CircularView', {
+        type: types.literal('CircularView'),
+        offsetRadians: -Math.PI / 2,
+        bpPerPx: 2000000,
+        tracks: types.array(pluginManager.pluggableMstType('track', 'stateModel')),
+        hideVerticalResizeHandle: false,
+        hideTrackSelectorButton: false,
+        lockedFitToWindow: true,
+        disableImportForm: false,
+        height: types.optional(types.refinement('trackHeight', types.number, n => n >= minHeight), defaultHeight),
+        minimumRadiusPx: 25,
+        spacingPx: 10,
+        paddingPx: 80,
+        lockedPaddingPx: 100,
+        minVisibleWidth: 6,
+        minimumBlockWidth: 20,
+        displayedRegions: types.array(Region),
+        scrollX: 0,
+        scrollY: 0,
+        trackSelectorType: 'hierarchical',
+    })
+        .volatile(() => ({
+        width: 0,
+    }))
+        .views(self => ({
+        get staticSlices() {
+            return calculateStaticSlices(self);
+        },
+        get visibleStaticSlices() {
+            return this.staticSlices.filter(sliceIsVisible.bind(this, self));
+        },
+        get visibleSection() {
+            return viewportVisibleSection([
+                self.scrollX,
+                self.scrollX + self.width,
+                self.scrollY,
+                self.scrollY + self.height,
+            ], this.centerXY, this.radiusPx);
+        },
+        get circumferencePx() {
+            let elidedBp = 0;
+            for (const r of this.elidedRegions) {
+                elidedBp += r.widthBp;
+            }
+            return (elidedBp / self.bpPerPx + self.spacingPx * this.elidedRegions.length);
+        },
+        get radiusPx() {
+            return this.circumferencePx / (2 * Math.PI);
+        },
+        get bpPerRadian() {
+            return self.bpPerPx * this.radiusPx;
+        },
+        get pxPerRadian() {
+            return this.radiusPx;
+        },
+        get centerXY() {
+            return [
+                this.radiusPx + self.paddingPx,
+                this.radiusPx + self.paddingPx,
+            ];
+        },
+        get totalBp() {
+            let total = 0;
+            for (const region of self.displayedRegions) {
+                total += region.end - region.start;
+            }
+            return total;
+        },
+        get maximumRadiusPx() {
+            return self.lockedFitToWindow
+                ? Math.min(self.width, self.height) / 2 - self.lockedPaddingPx
+                : 1000000;
+        },
+        get maxBpPerPx() {
+            const minCircumferencePx = 2 * Math.PI * self.minimumRadiusPx;
+            return this.totalBp / minCircumferencePx;
+        },
+        get minBpPerPx() {
+            // min depends on window dimensions, clamp between old min(0.01) and max
+            const maxCircumferencePx = 2 * Math.PI * this.maximumRadiusPx;
+            return clamp(this.totalBp / maxCircumferencePx, 0.0000000001, this.maxBpPerPx);
+        },
+        get atMaxBpPerPx() {
+            return self.bpPerPx >= this.maxBpPerPx;
+        },
+        get atMinBpPerPx() {
+            return self.bpPerPx <= this.minBpPerPx;
+        },
+        get tooSmallToLock() {
+            return this.minBpPerPx <= 0.0000000001;
+        },
+        get figureDimensions() {
+            return [
+                this.radiusPx * 2 + 2 * self.paddingPx,
+                this.radiusPx * 2 + 2 * self.paddingPx,
+            ];
+        },
+        get figureWidth() {
+            return this.figureDimensions[0];
+        },
+        get figureHeight() {
+            return this.figureDimensions[1];
+        },
+        // this is displayedRegions, post-processed to
+        // elide regions that are too small to see reasonably
+        get elidedRegions() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const visible = [];
+            self.displayedRegions.forEach(region => {
+                const widthBp = region.end - region.start;
+                const widthPx = widthBp / self.bpPerPx;
+                if (widthPx < self.minVisibleWidth) {
+                    // too small to see, collapse into a single elision region
+                    const lastVisible = visible[visible.length - 1];
+                    if (lastVisible && lastVisible.elided) {
+                        lastVisible.regions.push({ ...region });
+                        lastVisible.widthBp += widthBp;
+                    }
+                    else {
+                        visible.push({
+                            elided: true,
+                            widthBp,
+                            regions: [{ ...region }],
+                        });
+                    }
+                }
+                else {
+                    // big enough to see, display it
+                    visible.push({ ...region, widthBp });
+                }
+            });
+            // remove any single-region elisions
+            for (let i = 0; i < visible.length; i += 1) {
+                const v = visible[i];
+                if (v.elided && v.regions.length === 1) {
+                    delete v.elided;
+                    visible[i] = { ...v, ...v.regions[0] };
+                }
+            }
+            return visible;
+        },
+        get assemblyNames() {
+            const assemblyNames = [];
+            self.displayedRegions.forEach(displayedRegion => {
+                if (!assemblyNames.includes(displayedRegion.assemblyName)) {
+                    assemblyNames.push(displayedRegion.assemblyName);
+                }
+            });
+            return assemblyNames;
+        },
+        get initialized() {
+            const { assemblyManager } = getSession(self);
+            return this.assemblyNames.every(a => { var _a; return (_a = assemblyManager.get(a)) === null || _a === void 0 ? void 0 : _a.initialized; });
+        },
+    }))
+        .volatile(() => ({
+        error: undefined,
+    }))
+        .actions(self => ({
+        // toggle action with a flag stating which mode it's in
+        setWidth(newWidth) {
+            self.width = Math.max(newWidth, minWidth);
+            return self.width;
+        },
+        setHeight(newHeight) {
+            self.height = Math.max(newHeight, minHeight);
+            return self.height;
+        },
+        resizeHeight(distance) {
+            const oldHeight = self.height;
+            const newHeight = this.setHeight(self.height + distance);
+            this.setModelViewWhenAdjust(!self.tooSmallToLock);
+            return newHeight - oldHeight;
+        },
+        resizeWidth(distance) {
+            const oldWidth = self.width;
+            const newWidth = this.setWidth(self.width + distance);
+            this.setModelViewWhenAdjust(!self.tooSmallToLock);
+            return newWidth - oldWidth;
+        },
+        rotateClockwiseButton() {
+            this.rotateClockwise(Math.PI / 6);
+        },
+        rotateCounterClockwiseButton() {
+            this.rotateCounterClockwise(Math.PI / 6);
+        },
+        rotateClockwise(distance = 0.17) {
+            self.offsetRadians += distance;
+        },
+        rotateCounterClockwise(distance = 0.17) {
+            self.offsetRadians -= distance;
+        },
+        zoomInButton() {
+            this.setBpPerPx(self.bpPerPx / 1.4);
+        },
+        zoomOutButton() {
+            this.setBpPerPx(self.bpPerPx * 1.4);
+        },
+        setBpPerPx(newVal) {
+            self.bpPerPx = clamp(newVal, self.minBpPerPx, self.maxBpPerPx);
+        },
+        setModelViewWhenAdjust(secondCondition) {
+            if (self.lockedFitToWindow && secondCondition) {
+                this.setBpPerPx(self.minBpPerPx);
+            }
+        },
+        closeView() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            getParent(self, 2).removeView(self);
+        },
+        setDisplayedRegions(regions) {
+            const previouslyEmpty = self.displayedRegions.length === 0;
+            self.displayedRegions = cast(regions);
+            if (previouslyEmpty) {
+                this.setBpPerPx(self.minBpPerPx);
+            }
+            else {
+                this.setBpPerPx(self.bpPerPx);
+            }
+        },
+        activateTrackSelector() {
+            if (self.trackSelectorType === 'hierarchical') {
+                const session = getSession(self);
+                if (isSessionModelWithWidgets(session)) {
+                    const selector = session.addWidget('HierarchicalTrackSelectorWidget', 'hierarchicalTrackSelector', { view: self });
+                    session.showWidget(selector);
+                    return selector;
+                }
+            }
+            throw new Error(`invalid track selector type ${self.trackSelectorType}`);
+        },
+        toggleTrack(trackId) {
+            // if we have any tracks with that configuration, turn them off
+            const hiddenCount = this.hideTrack(trackId);
+            // if none had that configuration, turn one on
+            if (!hiddenCount) {
+                this.showTrack(trackId);
+            }
+        },
+        setError(error) {
+            console.error(error);
+            self.error = error;
+        },
+        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 = viewType.displayTypes.map(d => d.name);
+            const displayConf = conf.displays.find((d) => supportedDisplays.includes(d.type));
+            const track = trackType.stateModel.create({
+                ...initialSnapshot,
+                type: conf.type,
+                configuration: conf,
+                displays: [{ type: displayConf.type, configuration: displayConf }],
+            });
+            self.tracks.push(track);
+        },
+        addTrackConf(configuration, initialSnapshot = {}) {
+            const { type } = configuration;
+            const name = readConfObject(configuration, 'name');
+            const trackType = pluginManager.getTrackType(type);
+            if (!trackType) {
+                throw new Error(`unknown track type ${configuration.type}`);
+            }
+            const viewType = pluginManager.getViewType(self.type);
+            const supportedDisplays = viewType.displayTypes.map(d => d.name);
+            const displayConf = configuration.displays.find((d) => supportedDisplays.includes(d.type));
+            const track = trackType.stateModel.create({
+                ...initialSnapshot,
+                name,
+                type,
+                configuration,
+                displays: [{ type: displayConf.type, configuration: displayConf }],
+            });
+            self.tracks.push(track);
+        },
+        hideTrack(trackId) {
+            const schema = pluginManager.pluggableConfigSchemaType('track');
+            const conf = resolveIdentifier(schema, getRoot(self), trackId);
+            const t = self.tracks.filter(t => t.configuration === conf);
+            transaction(() => t.forEach(t => self.tracks.remove(t)));
+            return t.length;
+        },
+        toggleFitToWindowLock() {
+            self.lockedFitToWindow = !self.lockedFitToWindow;
+            // when going unlocked -> locked and circle is cut off, set to the locked minBpPerPx
+            this.setModelViewWhenAdjust(self.atMinBpPerPx);
+            return self.lockedFitToWindow;
+        },
+    })));
+}
+/*
+PLANS
+
+- tracks
+- ruler tick marks
+- set viewport scroll from state snapshot
+
+*/
+//# sourceMappingURL=CircularView.js.map

package/esm/CircularView/models/CircularView.js.map

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

package/esm/CircularView/models/slices.d.ts

@@ -0,0 +1,27 @@
+import { Region } from '@jbrowse/core/util';
+export declare class Slice {
+    region: Region & {
+        widthBp: number;
+        elided: boolean;
+    };
+    radianWidth: number;
+    key: string;
+    offsetRadians: number;
+    startRadians: number;
+    endRadians: number;
+    bpPerRadian: number;
+    flipped: boolean;
+    constructor(view: {
+        bpPerRadian: number;
+    }, region: Region & {
+        widthBp: number;
+        elided: boolean;
+    }, currentRadianOffset: number, radianWidth: number);
+    bpToXY(bp: number, radiusPx: number): [number, number];
+    toJSON(): {
+        [k: string]: any;
+    };
+}
+declare function calculateStaticSlices(self: any): Slice[];
+declare function sliceIsVisible(self: any, slice: Slice): boolean;
+export { calculateStaticSlices, sliceIsVisible };

package/esm/CircularView/models/slices.js

@@ -0,0 +1,53 @@
+import { polarToCartesian, assembleLocString } from '@jbrowse/core/util';
+import { thetaRangesOverlap } from './viewportVisibleRegion';
+export class Slice {
+    constructor(view, region, currentRadianOffset, radianWidth) {
+        this.region = region;
+        this.radianWidth = radianWidth;
+        const { bpPerRadian } = view;
+        this.key = assembleLocString(region);
+        this.offsetRadians = currentRadianOffset;
+        this.bpPerRadian = bpPerRadian;
+        this.flipped = false;
+        this.startRadians = this.offsetRadians;
+        this.endRadians = region.widthBp / this.bpPerRadian + this.offsetRadians;
+        Object.freeze(this);
+    }
+    bpToXY(bp, radiusPx) {
+        let offsetBp;
+        if (this.region.elided) {
+            offsetBp = this.region.widthBp / 2;
+        }
+        else if (this.flipped) {
+            offsetBp = this.region.end - bp;
+        }
+        else {
+            offsetBp = bp - this.region.start;
+        }
+        const totalRadians = offsetBp / this.bpPerRadian + this.offsetRadians;
+        return polarToCartesian(radiusPx, totalRadians);
+    }
+    toJSON() {
+        return Object.fromEntries(Object.entries(this));
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function calculateStaticSlices(self) {
+    const slices = [];
+    let currentRadianOffset = 0;
+    for (const region of self.elidedRegions) {
+        const radianWidth = region.widthBp / self.bpPerRadian + self.spacingPx / self.pxPerRadian;
+        slices.push(new Slice(self, region, currentRadianOffset, radianWidth));
+        currentRadianOffset += radianWidth;
+    }
+    return slices;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function sliceIsVisible(self, slice) {
+    const { 
+    // rho: visibleRhoRange,
+    theta: [visibleThetaMin, visibleThetaMax], } = self.visibleSection;
+    return thetaRangesOverlap(slice.offsetRadians + self.offsetRadians, slice.radianWidth, visibleThetaMin, visibleThetaMax - visibleThetaMin);
+}
+export { calculateStaticSlices, sliceIsVisible };
+//# sourceMappingURL=slices.js.map

package/esm/CircularView/models/slices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slices.js","sourceRoot":"","sources":["../../../src/CircularView/models/slices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAU,MAAM,oBAAoB,CAAA;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,OAAO,KAAK;IAahB,YACE,IAA6B,EACtB,MAAqD,EAC5D,mBAA2B,EACpB,WAAmB;QAFnB,WAAM,GAAN,MAAM,CAA+C;QAErD,gBAAW,GAAX,WAAW,CAAQ;QAE1B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAA;QAC5B,IAAI,CAAC,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;QACpC,IAAI,CAAC,aAAa,GAAG,mBAAmB,CAAA;QACxC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QAEpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAA;QACtC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAA;QACxE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC;IAED,MAAM,CAAC,EAAU,EAAE,QAAgB;QACjC,IAAI,QAAQ,CAAA;QACZ,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YACtB,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;SACnC;aAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACvB,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,EAAE,CAAA;SAChC;aAAM;YACL,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAA;SAClC;QACD,MAAM,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAA;QACrE,OAAO,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IACjD,CAAC;IAED,MAAM;QACJ,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;IACjD,CAAC;CACF;AAED,8DAA8D;AAC9D,SAAS,qBAAqB,CAAC,IAAS;IACtC,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,IAAI,mBAAmB,GAAG,CAAC,CAAA;IAC3B,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE;QACvC,MAAM,WAAW,GACf,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAA;QACvE,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAA;QACtE,mBAAmB,IAAI,WAAW,CAAA;KACnC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,8DAA8D;AAC9D,SAAS,cAAc,CAAC,IAAS,EAAE,KAAY;IAC7C,MAAM;IACJ,wBAAwB;IACxB,KAAK,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,GAC1C,GAAG,IAAI,CAAC,cAAc,CAAA;IAEvB,OAAO,kBAAkB,CACvB,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,EACxC,KAAK,CAAC,WAAW,EACjB,eAAe,EACf,eAAe,GAAG,eAAe,CAClC,CAAA;AACH,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}