@jbrowse/plugin-dotplot-view 2.11.1 → 2.12.0

package/esm/DotplotView/components/DotplotView.js

@@ -3,7 +3,6 @@ import { LoadingEllipses, Menu, ResizeHandle } from '@jbrowse/core/ui';
 import { observer } from 'mobx-react';
 import { transaction } from 'mobx';
 import { makeStyles } from 'tss-react/mui';
-import normalizeWheel from 'normalize-wheel';
 import ImportForm from './ImportForm';
 import Header from './Header';
 import Grid from './Grid';
@@ -76,6 +75,7 @@ const DotplotViewInternal = observer(function ({ model, }) {
     const distanceY = useRef(0);
     const scheduled = useRef(false);
     const [ctrlKeyWasUsed, setCtrlKeyWasUsed] = useState(false);
+    const [ctrlKeyDown, setCtrlKeyDown] = useState(false);
     const svg = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || blank;
     const rootRect = ((_b = ref.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || blank;
     const mousedown = getOffset(mousedownClient, svg);
@@ -92,11 +92,10 @@ const DotplotViewInternal = observer(function ({ model, }) {
         (cursorMode === 'crosshair' && !ctrlKeyWasUsed);
     // use non-React wheel handler to properly prevent body scrolling
     useEffect(() => {
-        function onWheel(origEvent) {
-            const event = normalizeWheel(origEvent);
-            origEvent.preventDefault();
-            distanceX.current += event.pixelX;
-            distanceY.current -= event.pixelY;
+        function onWheel(event) {
+            event.preventDefault();
+            distanceX.current += event.deltaX;
+            distanceY.current -= event.deltaY;
             if (!scheduled.current) {
                 scheduled.current = true;
                 window.requestAnimationFrame(() => {
@@ -147,6 +146,24 @@ const DotplotViewInternal = observer(function ({ model, }) {
         hview,
         vview,
     ]);
+    useEffect(() => {
+        function globalCtrlKeyDown(event) {
+            if (event.metaKey || event.ctrlKey) {
+                setCtrlKeyDown(true);
+            }
+        }
+        function globalCtrlKeyUp(event) {
+            if (!event.metaKey && !event.ctrlKey) {
+                setCtrlKeyDown(false);
+            }
+        }
+        window.addEventListener('keydown', globalCtrlKeyDown);
+        window.addEventListener('keyup', globalCtrlKeyUp);
+        return () => {
+            window.removeEventListener('keydown', globalCtrlKeyDown);
+            window.addEventListener('keyup', globalCtrlKeyUp);
+        };
+    }, []);
     // detect a mouseup after a mousedown was submitted, autoremoves mouseup once
     // that single mouseup is set
     useEffect(() => {
@@ -191,12 +208,12 @@ const DotplotViewInternal = observer(function ({ model, }) {
                 React.createElement("div", { ref: ref, className: classes.content },
                     mouseOvered && validSelect ? (React.createElement(TooltipWhereMouseovered, { model: model, mouserect: mouserect, mouserectClient: mouserectClient, xdistance: xdistance })) : null,
                     validSelect ? (React.createElement(TooltipWhereClicked, { model: model, mousedown: mousedown, mousedownClient: mousedownClient, xdistance: xdistance, ydistance: ydistance })) : null,
-                    React.createElement("div", { style: { cursor: ctrlKeyWasUsed ? 'pointer' : cursorMode }, onMouseDown: event => {
+                    React.createElement("div", { style: { cursor: ctrlKeyDown ? 'pointer' : cursorMode }, onMouseDown: event => {
                             if (event.button === 0) {
                                 const { clientX, clientY } = event;
                                 setMouseDownClient([clientX, clientY]);
                                 setMouseCurrClient([clientX, clientY]);
-                                setCtrlKeyWasUsed(event.ctrlKey);
+                                setCtrlKeyWasUsed(ctrlKeyDown);
                             }
                         } },
                         React.createElement(Grid, { model: model }, validSelect && mousedown && mouserect ? (React.createElement("rect", { fill: "rgba(255,0,0,0.3)", x: Math.min(mouserect[0], mousedown[0]), y: Math.min(mouserect[1], mousedown[1]), width: Math.abs(xdistance), height: Math.abs(ydistance) })) : null)),

package/esm/DotplotView/components/DotplotWarnings.js

@@ -6,10 +6,12 @@ const WarningDialog = lazy(() => import('./WarningDialog'));
 const DotplotWarnings = observer(function ({ model, }) {
     const trackWarnings = model.tracks.filter(t => { var _a; return (_a = t.displays[0].warnings) === null || _a === void 0 ? void 0 : _a.length; });
     const [shown, setShown] = useState(false);
-    return trackWarnings.length ? (React.createElement(Alert, { severity: "warning" },
+    const [hide, setHide] = useState(false);
+    return trackWarnings.length && !hide ? (React.createElement(Alert, { severity: "warning" },
         "Warnings during render",
         ' ',
         React.createElement(Button, { onClick: () => setShown(true) }, "More info"),
-        shown ? (React.createElement(WarningDialog, { trackWarnings: trackWarnings, handleClose: () => setShown(false) })) : null)) : null;
+        shown ? (React.createElement(WarningDialog, { trackWarnings: trackWarnings, handleClose: () => setShown(false) })) : null,
+        React.createElement(Button, { variant: "contained", onClick: () => setHide(true) }, "Dismiss"))) : null;
 });
 export default DotplotWarnings;

package/esm/DotplotView/model.d.ts

@@ -36,16 +36,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
     drawCigar: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     hview: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        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>>;
+        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]>;
@@ -74,28 +65,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
             index: number;
             refName: string;
             oob: boolean;
-            assemblyName: string; /**
-             * #property
-             */
+            assemblyName: string;
             offset: number;
             start: number;
-            end: number; /**
-             * #property
-             */
-            reversed: boolean;
+            end: number;
+            reversed?: boolean | undefined;
         };
         bpToPx({ refName, coord, regionNumber, }: {
-            refName: string; /**
-             * #property
-             */
+            refName: string;
             coord: number;
             regionNumber?: number | undefined;
         }): number | undefined;
     } & {
-        setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
+        setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
+         * #property
+         */
         showAllRegions(): void;
         zoomOut(): void;
-        zoomIn(): void;
+        zoomIn(): void; /**
+         * #property
+         */
         zoomTo(bpPerPx: number, offset?: number | undefined): number;
         scrollTo(offsetPx: number): number;
         centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -117,16 +106,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
     vview: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        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>>;
+        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]>;
@@ -155,28 +135,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
             index: number;
             refName: string;
             oob: boolean;
-            assemblyName: string; /**
-             * #property
-             */
+            assemblyName: string;
             offset: number;
             start: number;
-            end: number; /**
-             * #property
-             */
-            reversed: boolean;
+            end: number;
+            reversed?: boolean | undefined;
         };
         bpToPx({ refName, coord, regionNumber, }: {
-            refName: string; /**
-             * #property
-             */
+            refName: string;
             coord: number;
             regionNumber?: number | undefined;
         }): number | undefined;
     } & {
-        setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
+        setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
+         * #property
+         */
         showAllRegions(): void;
         zoomOut(): void;
-        zoomIn(): void;
+        zoomIn(): void; /**
+         * #property
+         */
         zoomTo(bpPerPx: number, offset?: number | undefined): number;
         scrollTo(offsetPx: number): number;
         centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -221,18 +199,12 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
     } & {
         trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
             type: string;
-            label: string; /**
-             * #property
-             */
+            label: string;
             subMenu: {
                 type: string;
-                label: string; /**
-                 * #property
-                 */
+                label: string;
                 checked: boolean;
-                onClick: () => void; /**
-                 * #property
-                 */
+                onClick: () => void;
             }[];
         })[];
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
@@ -307,25 +279,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
      */
     readonly views: ({
         id: string;
-        displayedRegions: import("mobx-state-tree").IMSTArray<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>> & import("mobx-state-tree").IStateTreeNode<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>>>;
+        displayedRegions: import("@jbrowse/core/util").Region[] & import("mobx-state-tree").IStateTreeNode<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: number;
         offsetPx: number;
         interRegionPaddingWidth: number;
@@ -354,28 +308,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
             index: number;
             refName: string;
             oob: boolean;
-            assemblyName: string; /**
-             * #property
-             */
+            assemblyName: string;
             offset: number;
             start: number;
-            end: number; /**
-             * #property
-             */
-            reversed: boolean;
+            end: number;
+            reversed?: boolean | undefined;
         };
         bpToPx({ refName, coord, regionNumber, }: {
-            refName: string; /**
-             * #property
-             */
+            refName: string;
             coord: number;
             regionNumber?: number | undefined;
         }): number | undefined;
     } & {
-        setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
+        setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
+         * #property
+         */
         showAllRegions(): void;
         zoomOut(): void;
-        zoomIn(): void;
+        zoomIn(): void; /**
+         * #property
+         */
         zoomTo(bpPerPx: number, offset?: number | undefined): number;
         scrollTo(offsetPx: number): number;
         centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -396,16 +348,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
         readonly width: any;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        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>>;
+        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]>;
@@ -434,28 +377,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
             index: number;
             refName: string;
             oob: boolean;
-            assemblyName: string; /**
-             * #property
-             */
+            assemblyName: string;
             offset: number;
             start: number;
-            end: number; /**
-             * #property
-             */
-            reversed: boolean;
+            end: number;
+            reversed?: boolean | undefined;
         };
         bpToPx({ refName, coord, regionNumber, }: {
-            refName: string; /**
-             * #property
-             */
+            refName: string;
             coord: number;
             regionNumber?: number | undefined;
         }): number | undefined;
     } & {
-        setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
+        setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
+         * #property
+         */
         showAllRegions(): void;
         zoomOut(): void;
-        zoomIn(): void;
+        zoomIn(): void; /**
+         * #property
+         */
         zoomTo(bpPerPx: number, offset?: number | undefined): number;
         scrollTo(offsetPx: number): number;
         centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -567,15 +508,11 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
         index: number;
         refName: string;
         oob: boolean;
-        assemblyName: string; /**
-         * #property
-         */
+        assemblyName: string;
         offset: number;
         start: number;
-        end: number; /**
-         * #property
-         */
-        reversed: boolean;
+        end: number;
+        reversed?: boolean | undefined;
     }[] | undefined;
     /**
      * #action

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-dotplot-view",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "description": "JBrowse 2 dotplot view",
   "keywords": [
     "jbrowse",
@@ -40,10 +40,8 @@
     "@mui/icons-material": "^5.0.1",
     "@mui/x-data-grid": "^7.0.0",
     "@types/file-saver": "^2.0.1",
-    "@types/normalize-wheel": "^1.0.0",
     "clone": "^2.1.2",
-    "file-saver": "^2.0.0",
-    "normalize-wheel": "^1.0.1"
+    "file-saver": "^2.0.0"
   },
   "peerDependencies": {
     "@jbrowse/core": "^2.0.0",
@@ -63,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "11b28d66d782eb06f92ccb993108bb6c3c82819e"
+  "gitHead": "935f2602d29abc737bb1f493a922b6218d023ae2"
 }

package/dist/DotplotView/blockTypes.d.ts

@@ -1,53 +0,0 @@
-type Func<T> = (value: BaseBlock, index: number, array: BaseBlock[]) => T;
-export declare class BlockSet {
-    blocks: BaseBlock[];
-    constructor(blocks?: BaseBlock[]);
-    push(block: BaseBlock): void;
-    getBlocks(): BaseBlock[];
-    map<T, U = this>(func: Func<T>, thisarg?: U): T[];
-    forEach<T, U = this>(func: Func<T>, thisarg?: U): void;
-    get length(): number;
-    get totalWidthPx(): number;
-    get offsetPx(): number;
-    get contentBlocks(): BaseBlock[];
-}
-export declare class BaseBlock {
-    reversed?: boolean;
-    refName: string;
-    start: number;
-    end: number;
-    assemblyName: string;
-    key: string;
-    widthPx: number;
-    offsetPx: number;
-    /**
-     * a block that should be shown as filled with data
-     */
-    constructor(data: Record<string, any>);
-    toRegion(): {
-        refName: string;
-        start: number;
-        end: number;
-        assemblyName: string;
-        reversed: boolean | undefined;
-    };
-}
-export declare class ContentBlock extends BaseBlock {
-}
-/**
- * marker block representing one or more blocks that are
- * too small to be shown at the current zoom level
- */
-export declare class ElidedBlock extends BaseBlock {
-    widthPx: number;
-    elidedBlockCount: number;
-    constructor(data: Record<string, any>);
-    push(otherBlock: ElidedBlock): void;
-}
-/**
- * marker block that sits between two different displayed regions
- * and provides a thick border between them
- */
-export declare class InterRegionPaddingBlock extends BaseBlock {
-}
-export {};

package/dist/DotplotView/blockTypes.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InterRegionPaddingBlock = exports.ElidedBlock = exports.ContentBlock = exports.BaseBlock = exports.BlockSet = void 0;
-const util_1 = require("@jbrowse/core/util");
-class BlockSet {
-    constructor(blocks = []) {
-        this.blocks = blocks;
-    }
-    push(block) {
-        if (block instanceof ElidedBlock && this.blocks.length > 0) {
-            const lastBlock = this.blocks.at(-1);
-            if (lastBlock instanceof ElidedBlock) {
-                lastBlock.push(block);
-                return;
-            }
-        }
-        this.blocks.push(block);
-    }
-    getBlocks() {
-        return this.blocks;
-    }
-    map(func, thisarg) {
-        // eslint-disable-next-line unicorn/no-array-method-this-argument
-        return this.blocks.map(func, thisarg);
-    }
-    forEach(func, thisarg) {
-        // eslint-disable-next-line unicorn/no-array-method-this-argument
-        return this.blocks.forEach(func, thisarg);
-    }
-    get length() {
-        return this.blocks.length;
-    }
-    get totalWidthPx() {
-        return this.blocks.length
-            ? (0, util_1.sum)(this.blocks.map(blocks => blocks.widthPx))
-            : 0;
-    }
-    get offsetPx() {
-        return this.blocks.length ? this.blocks[0].offsetPx : 0;
-    }
-    get contentBlocks() {
-        return this.blocks.filter(block => block instanceof ContentBlock);
-    }
-}
-exports.BlockSet = BlockSet;
-class BaseBlock {
-    /**
-     * a block that should be shown as filled with data
-     */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    constructor(data) {
-        this.widthPx = 0;
-        this.offsetPx = 0;
-        Object.assign(this, data);
-        this.assemblyName = data.assemblyName;
-        this.refName = data.refName;
-        this.start = data.start;
-        this.end = data.end;
-        this.key = data.key;
-    }
-    toRegion() {
-        return {
-            refName: this.refName,
-            start: this.start,
-            end: this.end,
-            assemblyName: this.assemblyName,
-            reversed: this.reversed,
-        };
-    }
-}
-exports.BaseBlock = BaseBlock;
-class ContentBlock extends BaseBlock {
-}
-exports.ContentBlock = ContentBlock;
-/**
- * marker block representing one or more blocks that are
- * too small to be shown at the current zoom level
- */
-class ElidedBlock extends BaseBlock {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    constructor(data) {
-        super(data);
-        this.elidedBlockCount = 0;
-        this.widthPx = data.widthPx;
-    }
-    push(otherBlock) {
-        this.elidedBlockCount += 1;
-        if (otherBlock) {
-            this.refName = '';
-            this.start = 0;
-            this.end = 0;
-            this.widthPx += otherBlock.widthPx;
-        }
-    }
-}
-exports.ElidedBlock = ElidedBlock;
-/**
- * marker block that sits between two different displayed regions
- * and provides a thick border between them
- */
-class InterRegionPaddingBlock extends BaseBlock {
-}
-exports.InterRegionPaddingBlock = InterRegionPaddingBlock;

package/esm/DotplotView/blockTypes.d.ts

@@ -1,53 +0,0 @@
-type Func<T> = (value: BaseBlock, index: number, array: BaseBlock[]) => T;
-export declare class BlockSet {
-    blocks: BaseBlock[];
-    constructor(blocks?: BaseBlock[]);
-    push(block: BaseBlock): void;
-    getBlocks(): BaseBlock[];
-    map<T, U = this>(func: Func<T>, thisarg?: U): T[];
-    forEach<T, U = this>(func: Func<T>, thisarg?: U): void;
-    get length(): number;
-    get totalWidthPx(): number;
-    get offsetPx(): number;
-    get contentBlocks(): BaseBlock[];
-}
-export declare class BaseBlock {
-    reversed?: boolean;
-    refName: string;
-    start: number;
-    end: number;
-    assemblyName: string;
-    key: string;
-    widthPx: number;
-    offsetPx: number;
-    /**
-     * a block that should be shown as filled with data
-     */
-    constructor(data: Record<string, any>);
-    toRegion(): {
-        refName: string;
-        start: number;
-        end: number;
-        assemblyName: string;
-        reversed: boolean | undefined;
-    };
-}
-export declare class ContentBlock extends BaseBlock {
-}
-/**
- * marker block representing one or more blocks that are
- * too small to be shown at the current zoom level
- */
-export declare class ElidedBlock extends BaseBlock {
-    widthPx: number;
-    elidedBlockCount: number;
-    constructor(data: Record<string, any>);
-    push(otherBlock: ElidedBlock): void;
-}
-/**
- * marker block that sits between two different displayed regions
- * and provides a thick border between them
- */
-export declare class InterRegionPaddingBlock extends BaseBlock {
-}
-export {};