@jbrowse/plugin-dotplot-view 3.6.5 → 4.0.0

package/dist/DotplotView/1dview.d.ts

@@ -1,199 +0,0 @@
-import type { Instance } from 'mobx-state-tree';
-declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
-    bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-    minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-}, {
-    features: undefined | import("@jbrowse/core/util").Feature[];
-    volatileWidth: number;
-} & {
-    setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
-    setBpPerPx(val: number): void;
-    setVolatileWidth(width: number): void;
-} & {
-    readonly width: number;
-    readonly assemblyNames: string[];
-    readonly displayedRegionsTotalPx: number;
-    readonly maxOffset: number;
-    readonly minOffset: number;
-    readonly totalBp: number;
-} & {
-    readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly staticBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly currBp: number;
-} & {
-    pxToBp(px: number): {
-        coord: number;
-        index: number;
-        refName: string;
-        oob: boolean;
-        assemblyName: string;
-        offset: number;
-        start: number;
-        end: number;
-        reversed?: boolean;
-    };
-    bpToPx({ refName, coord, regionNumber, }: {
-        refName: string;
-        coord: number;
-        regionNumber?: number;
-    }): number | undefined;
-} & {
-    setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
-    showAllRegions(): void;
-    zoomOut(): void;
-    zoomIn(): void;
-    zoomTo(bpPerPx: number, offset?: number): number;
-    scrollTo(offsetPx: number): number;
-    centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
-    scroll(distance: number): number;
-} & {
-    moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
-} & {
-    setScaleFactor(n: number): void;
-    center(): void;
-} & {
-    readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly scaleFactor: number;
-    readonly maxBpPerPx: number;
-    readonly minBpPerPx: number;
-    readonly maxOffset: number;
-    readonly minOffset: number;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-declare const DotplotHView: import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
-    bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-    minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-}, {
-    features: undefined | import("@jbrowse/core/util").Feature[];
-    volatileWidth: number;
-} & {
-    setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
-    setBpPerPx(val: number): void;
-    setVolatileWidth(width: number): void;
-} & {
-    readonly width: number;
-    readonly assemblyNames: string[];
-    readonly displayedRegionsTotalPx: number;
-    readonly maxOffset: number;
-    readonly minOffset: number;
-    readonly totalBp: number;
-} & {
-    readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly staticBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly currBp: number;
-} & {
-    pxToBp(px: number): {
-        coord: number;
-        index: number;
-        refName: string;
-        oob: boolean;
-        assemblyName: string;
-        offset: number;
-        start: number;
-        end: number;
-        reversed?: boolean;
-    };
-    bpToPx({ refName, coord, regionNumber, }: {
-        refName: string;
-        coord: number;
-        regionNumber?: number;
-    }): number | undefined;
-} & {
-    setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
-    showAllRegions(): void;
-    zoomOut(): void;
-    zoomIn(): void;
-    zoomTo(bpPerPx: number, offset?: number): number;
-    scrollTo(offsetPx: number): number;
-    centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
-    scroll(distance: number): number;
-} & {
-    moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
-} & {
-    setScaleFactor(n: number): void;
-    center(): void;
-} & {
-    readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly scaleFactor: number;
-    readonly maxBpPerPx: number;
-    readonly minBpPerPx: number;
-    readonly maxOffset: number;
-    readonly minOffset: number;
-} & {
-    readonly width: any;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-declare const DotplotVView: import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
-    bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-    interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-    minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-}, {
-    features: undefined | import("@jbrowse/core/util").Feature[];
-    volatileWidth: number;
-} & {
-    setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
-    setBpPerPx(val: number): void;
-    setVolatileWidth(width: number): void;
-} & {
-    readonly width: number;
-    readonly assemblyNames: string[];
-    readonly displayedRegionsTotalPx: number;
-    readonly maxOffset: number;
-    readonly minOffset: number;
-    readonly totalBp: number;
-} & {
-    readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly staticBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly currBp: number;
-} & {
-    pxToBp(px: number): {
-        coord: number;
-        index: number;
-        refName: string;
-        oob: boolean;
-        assemblyName: string;
-        offset: number;
-        start: number;
-        end: number;
-        reversed?: boolean;
-    };
-    bpToPx({ refName, coord, regionNumber, }: {
-        refName: string;
-        coord: number;
-        regionNumber?: number;
-    }): number | undefined;
-} & {
-    setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
-    showAllRegions(): void;
-    zoomOut(): void;
-    zoomIn(): void;
-    zoomTo(bpPerPx: number, offset?: number): number;
-    scrollTo(offsetPx: number): number;
-    centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
-    scroll(distance: number): number;
-} & {
-    moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
-} & {
-    setScaleFactor(n: number): void;
-    center(): void;
-} & {
-    readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    readonly scaleFactor: number;
-    readonly maxBpPerPx: number;
-    readonly minBpPerPx: number;
-    readonly maxOffset: number;
-    readonly minOffset: number;
-} & {
-    readonly width: any;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export { Dotplot1DView, DotplotHView, DotplotVView };
-export type Dotplot1DViewModel = Instance<typeof Dotplot1DView>;

package/dist/DotplotView/1dview.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DotplotVView = exports.DotplotHView = exports.Dotplot1DView = void 0;
-const Base1DViewModel_1 = __importDefault(require("@jbrowse/core/util/Base1DViewModel"));
-const calculateDynamicBlocks_1 = __importDefault(require("@jbrowse/core/util/calculateDynamicBlocks"));
-const mobx_1 = require("mobx");
-const mobx_state_tree_1 = require("mobx-state-tree");
-function x() { }
-const Dotplot1DView = Base1DViewModel_1.default.extend(self => {
-    const scaleFactor = mobx_1.observable.box(1);
-    return {
-        views: {
-            get dynamicBlocks() {
-                return (0, calculateDynamicBlocks_1.default)(self, false, false);
-            },
-            get scaleFactor() {
-                return scaleFactor.get();
-            },
-            get maxBpPerPx() {
-                return self.totalBp / (self.width - 50);
-            },
-            get minBpPerPx() {
-                return 1 / 50;
-            },
-            get maxOffset() {
-                return self.displayedRegionsTotalPx - self.width * 0.2;
-            },
-            get minOffset() {
-                return -self.width * 0.8;
-            },
-        },
-        actions: {
-            setScaleFactor(n) {
-                scaleFactor.set(n);
-            },
-            center() {
-                const centerBp = self.totalBp / 2;
-                const centerPx = centerBp / self.bpPerPx;
-                self.scrollTo(centerPx - self.width / 2);
-            },
-        },
-    };
-});
-exports.Dotplot1DView = Dotplot1DView;
-const DotplotHView = Dotplot1DView.extend(self => ({
-    views: {
-        get width() {
-            return (0, mobx_state_tree_1.getParent)(self).viewWidth;
-        },
-    },
-}));
-exports.DotplotHView = DotplotHView;
-const DotplotVView = Dotplot1DView.extend(self => ({
-    views: {
-        get width() {
-            return (0, mobx_state_tree_1.getParent)(self).viewHeight;
-        },
-    },
-}));
-exports.DotplotVView = DotplotVView;

package/dist/DotplotView/components/Axes.d.ts

@@ -1,13 +0,0 @@
-import type { DotplotViewModel } from '../model';
-export declare const HorizontalAxis: ({ model, }: {
-    model: DotplotViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const HorizontalAxisRaw: ({ model, }: {
-    model: DotplotViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const VerticalAxis: ({ model, }: {
-    model: DotplotViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const VerticalAxisRaw: ({ model, }: {
-    model: DotplotViewModel;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/DotplotView/components/Axes.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerticalAxisRaw = exports.VerticalAxis = exports.HorizontalAxisRaw = exports.HorizontalAxis = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const Base1DUtils_1 = require("@jbrowse/core/util/Base1DUtils");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mui_1 = require("tss-react/mui");
-const util_2 = require("./util");
-const useStyles = (0, mui_1.makeStyles)()(() => ({
-    vtext: {
-        gridColumn: '1/2',
-        gridRow: '1/2',
-        pointerEvents: 'none',
-        userSelect: 'none',
-    },
-    htext: {
-        gridColumn: '2/2',
-        gridRow: '2/2',
-        pointerEvents: 'none',
-        userSelect: 'none',
-    },
-}));
-exports.HorizontalAxis = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { viewWidth, borderY } = model;
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("svg", { width: viewWidth, height: borderY, className: classes.htext, children: (0, jsx_runtime_1.jsx)(exports.HorizontalAxisRaw, { model: model }) }));
-});
-exports.HorizontalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { viewWidth, borderX, borderY, hview, htextRotation, hticks } = model;
-    const { offsetPx, width, dynamicBlocks, bpPerPx } = hview;
-    const dblocks = dynamicBlocks.contentBlocks;
-    const hide = (0, util_2.getBlockLabelKeysToHide)(dblocks, viewWidth, offsetPx);
-    const theme = (0, material_1.useTheme)();
-    const hviewSnap = {
-        ...(0, mobx_state_tree_1.getSnapshot)(hview),
-        width,
-        staticBlocks: hview.staticBlocks,
-    };
-    const ticks = hticks
-        .map(tick => {
-        var _a;
-        return [
-            tick,
-            (_a = (0, Base1DUtils_1.bpToPx)({
-                refName: tick.refName,
-                coord: tick.base,
-                self: hviewSnap,
-            })) === null || _a === void 0 ? void 0 : _a.offsetPx,
-        ];
-    })
-        .filter(f => f[1] !== undefined)
-        .map(f => [f[0], f[1] - offsetPx]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [dblocks
-                .filter(region => !hide.has(region.key))
-                .map(region => {
-                const x = region.offsetPx;
-                const y = 0;
-                const xoff = Math.floor(x - hview.offsetPx);
-                return ((0, jsx_runtime_1.jsx)("text", { transform: `rotate(${htextRotation},${xoff},${y})`, x: xoff, y: y + 1, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: region.refName }, JSON.stringify(region)));
-            }), ticks.map(([tick, x]) => x > 0 && x < width ? ((0, jsx_runtime_1.jsx)("line", { x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, ...(0, util_1.getFillProps)(theme.palette.text.primary) }, `line-${JSON.stringify(tick)}`)) : null), ticks
-                .filter(t => t[0].type === 'major')
-                .map(([tick, x]) => x > 10 && x < width ? ((0, jsx_runtime_1.jsx)("text", { x: x - 7, y: 0, transform: `rotate(${htextRotation},${x},0)`, fontSize: 11, dominantBaseline: "middle", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx) }, `text-${JSON.stringify(tick)}`)) : null), (0, jsx_runtime_1.jsx)("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: hview.assemblyNames.join(',') })] }));
-});
-exports.VerticalAxis = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { borderX, viewHeight } = model;
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("svg", { className: classes.vtext, width: borderX, height: viewHeight, children: (0, jsx_runtime_1.jsx)(exports.VerticalAxisRaw, { model: model }) }));
-});
-exports.VerticalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { viewHeight, borderX, borderY, vview, vtextRotation, vticks } = model;
-    const { offsetPx, width, dynamicBlocks, bpPerPx } = vview;
-    const dblocks = dynamicBlocks.contentBlocks;
-    const hide = (0, util_2.getBlockLabelKeysToHide)(dblocks, viewHeight, offsetPx);
-    const theme = (0, material_1.useTheme)();
-    const vviewSnap = {
-        ...(0, mobx_state_tree_1.getSnapshot)(vview),
-        width,
-        staticBlocks: vview.staticBlocks,
-    };
-    const ticks = vticks
-        .map(tick => {
-        var _a;
-        return [
-            tick,
-            (_a = (0, Base1DUtils_1.bpToPx)({
-                refName: tick.refName,
-                coord: tick.base,
-                self: vviewSnap,
-            })) === null || _a === void 0 ? void 0 : _a.offsetPx,
-        ];
-    })
-        .filter(f => f[1] !== undefined)
-        .map(f => [f[0], f[1] - offsetPx]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [dblocks
-                .filter(region => !hide.has(region.key))
-                .map(region => {
-                const y = region.offsetPx;
-                const x = borderX;
-                const yoff = Math.floor(viewHeight - y + offsetPx);
-                return ((0, jsx_runtime_1.jsx)("text", { transform: `rotate(${vtextRotation},${x},${y})`, x: x, y: yoff, fontSize: 11, textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: region.refName }, JSON.stringify(region)));
-            }), ticks.map(([tick, y]) => y > 0 ? ((0, jsx_runtime_1.jsx)("line", { y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, ...(0, util_1.getStrokeProps)(theme.palette.grey[400]) }, `line-${JSON.stringify(tick)}`)) : null), ticks
-                .filter(t => t[0].type === 'major')
-                .map(([tick, y]) => y > 10 && y < viewHeight ? ((0, jsx_runtime_1.jsx)("text", { y: viewHeight - y - 3, x: borderX - 7, textAnchor: "end", dominantBaseline: "hanging", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary), children: (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx) }, `text-${JSON.stringify(tick)}`)) : null), (0, jsx_runtime_1.jsx)("text", { y: (viewHeight - borderY) / 2, x: 12, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary), children: vview.assemblyNames.join(',') })] }));
-});

package/dist/DotplotView/components/CursorIcon.d.ts

@@ -1,3 +0,0 @@
-import type { SvgIconProps } from '@mui/material/SvgIcon';
-export declare function CursorMove(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function CursorMouse(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/DotplotView/components/CursorIcon.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CursorMove = CursorMove;
-exports.CursorMouse = CursorMouse;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
-function CursorMove(props) {
-    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" }) }));
-}
-function CursorMouse(props) {
-    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z" }) }));
-}

package/dist/DotplotView/components/DotplotControls.d.ts

@@ -1,5 +0,0 @@
-import type { DotplotViewModel } from '../model';
-declare const DotplotControls: ({ model, }: {
-    model: DotplotViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DotplotControls;

package/dist/DotplotView/components/DotplotControls.js

@@ -1,115 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-const CropDin_1 = __importDefault(require("@mui/icons-material/CropDin"));
-const CropLandscape_1 = __importDefault(require("@mui/icons-material/CropLandscape"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const SettingsOverscan_1 = __importDefault(require("@mui/icons-material/SettingsOverscan"));
-const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
-const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const CursorIcon_1 = require("./CursorIcon");
-const DotplotControls = (0, mobx_react_1.observer)(function ({ model, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                    model.zoomOut();
-                }, children: (0, jsx_runtime_1.jsx)(ZoomOut_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                    model.zoomIn();
-                }, children: (0, jsx_runtime_1.jsx)(ZoomIn_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => model.activateTrackSelector(), title: "Open track selector", children: (0, jsx_runtime_1.jsx)(Icons_1.TrackSelector, {}) }), (0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
-                    {
-                        label: 'Square view - same bp per pixel',
-                        icon: CropDin_1.default,
-                        onClick: () => {
-                            model.squareView();
-                        },
-                    },
-                    {
-                        label: 'Rectangular view - same total bp',
-                        icon: CropLandscape_1.default,
-                        onClick: () => {
-                            model.squareViewProportional();
-                        },
-                    },
-                    {
-                        label: 'Show all regions',
-                        icon: SettingsOverscan_1.default,
-                        onClick: () => {
-                            model.showAllRegions();
-                        },
-                    },
-                    {
-                        type: 'checkbox',
-                        label: 'Draw CIGAR',
-                        checked: model.drawCigar,
-                        onClick: () => {
-                            model.setDrawCigar(!model.drawCigar);
-                        },
-                    },
-                    {
-                        label: 'Show pan buttons',
-                        type: 'checkbox',
-                        checked: model.showPanButtons,
-                        onClick: () => {
-                            model.setShowPanButtons(!model.showPanButtons);
-                        },
-                    },
-                    {
-                        label: 'Click and drag mode',
-                        subMenu: [
-                            {
-                                label: 'Pan by default, select region when ctrl/cmd key is held',
-                                icon: CursorIcon_1.CursorMove,
-                                type: 'radio',
-                                checked: model.cursorMode === 'move',
-                                onClick: () => {
-                                    model.setCursorMode('move');
-                                },
-                            },
-                            {
-                                label: 'Select region by default, pan when ctrl/cmd key is held',
-                                icon: CursorIcon_1.CursorMouse,
-                                type: 'radio',
-                                checked: model.cursorMode === 'crosshair',
-                                onClick: () => {
-                                    model.setCursorMode('crosshair');
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        label: 'Wheel scroll mode',
-                        subMenu: [
-                            {
-                                label: 'Pans view',
-                                type: 'radio',
-                                checked: model.wheelMode === 'pan',
-                                onClick: () => {
-                                    model.setWheelMode('pan');
-                                },
-                            },
-                            {
-                                label: 'Zooms view',
-                                type: 'radio',
-                                checked: model.wheelMode === 'zoom',
-                                onClick: () => {
-                                    model.setWheelMode('zoom');
-                                },
-                            },
-                            {
-                                label: 'Disable',
-                                type: 'radio',
-                                checked: model.wheelMode === 'none',
-                                onClick: () => {
-                                    model.setWheelMode('none');
-                                },
-                            },
-                        ],
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) })] }));
-});
-exports.default = DotplotControls;

package/dist/DotplotView/components/DotplotTooltipClick.d.ts

@@ -1,10 +0,0 @@
-import type { DotplotViewModel } from '../model';
-type Coord = [number, number] | undefined;
-export declare const DotplotTooltipClick: ({ model, mousedown, mousedownClient, xdistance, ydistance, }: {
-    model: DotplotViewModel;
-    mousedown: Coord;
-    mousedownClient: Coord;
-    xdistance: number;
-    ydistance: number;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default DotplotTooltipClick;

package/dist/DotplotView/components/DotplotTooltipClick.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DotplotTooltipClick = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("./util");
-exports.DotplotTooltipClick = (0, mobx_react_1.observer)(function ({ model, mousedown, mousedownClient, xdistance, ydistance, }) {
-    const { hview, vview, viewHeight } = model;
-    const x = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[0]) || 0) - (xdistance < 0 ? 0 : 0);
-    const y = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[1]) || 0) - (ydistance < 0 ? 0 : 0);
-    return mousedown && Math.abs(xdistance) > 3 && Math.abs(ydistance) > 3 ? ((0, jsx_runtime_1.jsxs)(BaseTooltip_1.default, { placement: xdistance < 0 ? 'right' : 'left', clientPoint: { x, y }, children: [`x - ${(0, util_1.locstr)(mousedown[0], hview)}`, (0, jsx_runtime_1.jsx)("br", {}), `y - ${(0, util_1.locstr)(viewHeight - mousedown[1], vview)}`, (0, jsx_runtime_1.jsx)("br", {})] })) : null;
-});
-exports.default = exports.DotplotTooltipClick;

package/dist/DotplotView/components/DotplotTooltipMouseover.d.ts

@@ -1,9 +0,0 @@
-import type { DotplotViewModel } from '../model';
-type Coord = [number, number] | undefined;
-declare const DotplotTooltipMouseover: ({ model, mouserect, mouserectClient, xdistance, }: {
-    model: DotplotViewModel;
-    mouserect: Coord;
-    mouserectClient: Coord;
-    xdistance: number;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default DotplotTooltipMouseover;

package/dist/DotplotView/components/DotplotTooltipMouseover.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("./util");
-const DotplotTooltipMouseover = (0, mobx_react_1.observer)(function ({ model, mouserect, mouserectClient, xdistance, }) {
-    const { hview, vview, viewHeight } = model;
-    return mouserect ? ((0, jsx_runtime_1.jsxs)(BaseTooltip_1.default, { placement: xdistance < 0 ? 'left' : 'right', clientPoint: mouserectClient
-            ? { x: mouserectClient[0], y: mouserectClient[1] }
-            : undefined, children: [`x - ${(0, util_1.locstr)(mouserect[0], hview)}`, (0, jsx_runtime_1.jsx)("br", {}), `y - ${(0, util_1.locstr)(viewHeight - mouserect[1], vview)}`, (0, jsx_runtime_1.jsx)("br", {})] })) : null;
-});
-exports.default = DotplotTooltipMouseover;

package/dist/DotplotView/components/DotplotView.d.ts

@@ -1,5 +0,0 @@
-import type { DotplotViewModel } from '../model';
-declare const DotplotView: ({ model }: {
-    model: DotplotViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DotplotView;