@jbrowse/plugin-alignments 2.9.0 → 2.10.0

package/dist/LinearSNPCoverageDisplay/models/model.d.ts

@@ -3,7 +3,8 @@ import PluginManager from '@jbrowse/core/PluginManager';
 import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
 /**
  * #stateModel LinearSNPCoverageDisplay
- * extends `LinearWiggleDisplay`
+ * extends
+ * - [LinearWiggleDisplay](../linearwiggledisplay)
  */
 declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -19,9 +20,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         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>; /**
-             * #property
-             */
+            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]>;
         } & {
@@ -37,9 +36,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         filled: boolean;
         reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
-        layout: any; /**
-         * #property
-         */
+        layout: any;
         status: string;
         error: unknown;
         message: string | undefined;
@@ -85,9 +82,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
             type: string;
             description: string;
             defaultValue: string;
-            contextVariable: string[]; /**
-             * #property
-             */
+            contextVariable: string[];
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
@@ -133,7 +128,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     filterBy: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
         flagInclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
         flagExclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        readName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        readName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
+         * #property
+         */
         tagFilter: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
             tag: import("mobx-state-tree").ISimpleType<string>;
             value: import("mobx-state-tree").ISimpleType<string>;

package/dist/LinearSNPCoverageDisplay/models/model.js

@@ -18,7 +18,8 @@ const util_3 = require("../../util");
 const rendererTypes = new Map([['snpcoverage', 'SNPCoverageRenderer']]);
 /**
  * #stateModel LinearSNPCoverageDisplay
- * extends `LinearWiggleDisplay`
+ * extends
+ * - [LinearWiggleDisplay](../linearwiggledisplay)
  */
 function stateModelFactory(pluginManager, configSchema) {
     return mobx_state_tree_1.types

package/dist/PileupRenderer/PileupRenderer.js

@@ -1,17 +1,39 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const BoxRendererType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType"));
 const util_1 = require("@jbrowse/core/util");
+const configuration_1 = require("@jbrowse/core/configuration");
 const dataAdapterCache_1 = require("@jbrowse/core/data_adapters/dataAdapterCache");
 const PileupLayoutSession_1 = require("./PileupLayoutSession");
 // locals
 const util_2 = require("../util");
 const layoutFeatures_1 = require("./layoutFeatures");
-const makeImageData_1 = require("./makeImageData");
-const configuration_1 = require("@jbrowse/core/configuration");
 class PileupRenderer extends BoxRendererType_1.default {
     constructor() {
         super(...arguments);
@@ -58,7 +80,8 @@ class PileupRenderer extends BoxRendererType_1.default {
             : undefined;
         const width = (region.end - region.start) / bpPerPx;
         const height = Math.max(layout.getTotalHeight(), 1);
-        const res = await (0, util_1.renderToAbstractCanvas)(width, height, renderProps, ctx => (0, makeImageData_1.makeImageData)({
+        const { makeImageData } = await Promise.resolve().then(() => __importStar(require('./makeImageData')));
+        const res = await (0, util_1.renderToAbstractCanvas)(width, height, renderProps, ctx => makeImageData({
             ctx,
             layoutRecords: layoutRecords.filter(util_1.notEmpty),
             canvasWidth: width,

package/esm/LinearAlignmentsDisplay/models/alignmentsModel.d.ts

@@ -0,0 +1,15 @@
+import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import PluginManager from '@jbrowse/core/PluginManager';
+/**
+ * #stateModel LinearAlignmentsDisplayMixin
+ */
+export declare function LinearAlignmentsDisplayMixin(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
+    PileupDisplay: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IAnyType>;
+    SNPCoverageDisplay: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IAnyModelType>;
+    snpCovHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
+    type: import("mobx-state-tree").ISimpleType<"LinearAlignmentsDisplay">;
+    configuration: AnyConfigurationSchemaType;
+    heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userFeatureScreenDensity: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    lowerPanelType: import("mobx-state-tree").IType<string | undefined, string, string>;
+}, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/LinearAlignmentsDisplay/models/alignmentsModel.js

@@ -0,0 +1,46 @@
+import { types } from 'mobx-state-tree';
+// jbrowse
+import { ConfigurationReference, } from '@jbrowse/core/configuration';
+import { getLowerPanelDisplays } from './util';
+/**
+ * #stateModel LinearAlignmentsDisplayMixin
+ */
+export function LinearAlignmentsDisplayMixin(pluginManager, configSchema) {
+    const lowerPanelDisplays = getLowerPanelDisplays(pluginManager).map(f => f.stateModel);
+    return types.model({
+        /**
+         * #property
+         * refers to LinearPileupDisplay sub-display model
+         */
+        PileupDisplay: types.maybe(types.union(...lowerPanelDisplays)),
+        /**
+         * #property
+         * refers to LinearSNPCoverageDisplay sub-display model
+         */
+        SNPCoverageDisplay: types.maybe(pluginManager.getDisplayType('LinearSNPCoverageDisplay').stateModel),
+        /**
+         * #property
+         */
+        snpCovHeight: 45,
+        /**
+         * #property
+         */
+        type: types.literal('LinearAlignmentsDisplay'),
+        /**
+         * #property
+         */
+        configuration: ConfigurationReference(configSchema),
+        /**
+         * #property
+         */
+        heightPreConfig: types.maybe(types.number),
+        /**
+         * #property
+         */
+        userFeatureScreenDensity: types.maybe(types.number),
+        /**
+         * #property
+         */
+        lowerPanelType: 'LinearPileupDisplay',
+    });
+}

package/esm/LinearAlignmentsDisplay/models/model.d.ts

@@ -6,7 +6,9 @@ import { MenuItem } from '@jbrowse/core/ui';
 import { FeatureDensityStats } from '@jbrowse/core/data_adapters/BaseAdapter';
 /**
  * #stateModel LinearAlignmentsDisplay
- * extends `BaseDisplay`
+ * extends
+ * - [BaseDisplay](../basedisplay)
+ * - [LinearAlignmentsDisplayMixin](../linearalignmentsdisplaymixin)
  */
 declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -70,10 +72,10 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: React.FC<any> | undefined; /**
-     * #action
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+    trackMenuItems(): MenuItem[]; /**
+     * #getter
      */
-    trackMenuItems(): MenuItem[];
     readonly viewMenuActions: MenuItem[];
     regionCannotBeRendered(): null;
 } & {
@@ -97,6 +99,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
      * #getter
      */
     readonly height: any;
+    /**
+     * #getter
+     */
     readonly featureIdUnderMouse: any;
 } & {
     /**

package/esm/LinearAlignmentsDisplay/models/model.js

@@ -1,20 +1,14 @@
-/* eslint-disable react-refresh/only-export-components */
 import React from 'react';
 import { autorun, when } from 'mobx';
 import { addDisposer, getSnapshot, isAlive, types, } from 'mobx-state-tree';
 import deepEqual from 'fast-deep-equal';
 // jbrowse
-import { ConfigurationReference, getConf, } from '@jbrowse/core/configuration';
+import { getConf, } from '@jbrowse/core/configuration';
 import { BaseDisplay } from '@jbrowse/core/pluggableElementTypes/models';
+// locals
+import { LinearAlignmentsDisplayMixin } from './alignmentsModel';
+import { getLowerPanelDisplays } from './util';
 const minDisplayHeight = 20;
-function getLowerPanelDisplays(pluginManager) {
-    return (pluginManager
-        .getDisplayElements()
-        // @ts-expect-error
-        .filter(f => { var _a; return ((_a = f.subDisplay) === null || _a === void 0 ? void 0 : _a.type) === 'LinearAlignmentsDisplay'; })
-        // @ts-expect-error
-        .filter(f => { var _a; return (_a = f.subDisplay) === null || _a === void 0 ? void 0 : _a.lowerPanel; }));
-}
 function deepSnap(x1, x2) {
     return deepEqual(x1 ? getSnapshot(x1) : undefined, x2 ? getSnapshot(x2) : undefined);
 }
@@ -43,52 +37,15 @@ function propagateFilterBy(self) {
         SNPCoverageDisplay.setFilterBy(getSnapshot(PileupDisplay.filterBy));
     }
 }
-function AlignmentsModel(pluginManager, configSchema) {
-    const lowerPanelDisplays = getLowerPanelDisplays(pluginManager).map(f => f.stateModel);
-    return types.model({
-        /**
-         * #property
-         * refers to LinearPileupDisplay sub-display model
-         */
-        PileupDisplay: types.maybe(types.union(...lowerPanelDisplays)),
-        /**
-         * #property
-         * refers to LinearSNPCoverageDisplay sub-display model
-         */
-        SNPCoverageDisplay: types.maybe(pluginManager.getDisplayType('LinearSNPCoverageDisplay').stateModel),
-        /**
-         * #property
-         */
-        snpCovHeight: 45,
-        /**
-         * #property
-         */
-        type: types.literal('LinearAlignmentsDisplay'),
-        /**
-         * #property
-         */
-        configuration: ConfigurationReference(configSchema),
-        /**
-         * #property
-         */
-        heightPreConfig: types.maybe(types.number),
-        /**
-         * #property
-         */
-        userFeatureScreenDensity: types.maybe(types.number),
-        /**
-         * #property
-         */
-        lowerPanelType: 'LinearPileupDisplay',
-    });
-}
 /**
  * #stateModel LinearAlignmentsDisplay
- * extends `BaseDisplay`
+ * extends
+ * - [BaseDisplay](../basedisplay)
+ * - [LinearAlignmentsDisplayMixin](../linearalignmentsdisplaymixin)
  */
 function stateModelFactory(pluginManager, configSchema) {
     return types
-        .compose('LinearAlignmentsDisplay', BaseDisplay, AlignmentsModel(pluginManager, configSchema))
+        .compose('LinearAlignmentsDisplay', BaseDisplay, LinearAlignmentsDisplayMixin(pluginManager, configSchema))
         .volatile(() => ({
         scrollTop: 0,
     }))
@@ -114,6 +71,9 @@ function stateModelFactory(pluginManager, configSchema) {
             var _a;
             return (_a = self.heightPreConfig) !== null && _a !== void 0 ? _a : getConf(self, 'height');
         },
+        /**
+         * #getter
+         */
         get featureIdUnderMouse() {
             return (self.PileupDisplay.featureIdUnderMouse ||
                 self.SNPCoverageDisplay.featureIdUnderMouse);

package/esm/LinearAlignmentsDisplay/models/util.d.ts

@@ -0,0 +1,2 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+export declare function getLowerPanelDisplays(pluginManager: PluginManager): import("@jbrowse/core/pluggableElementTypes").DisplayType[];

package/esm/LinearAlignmentsDisplay/models/util.js

@@ -0,0 +1,8 @@
+export function getLowerPanelDisplays(pluginManager) {
+    return (pluginManager
+        .getDisplayElements()
+        // @ts-expect-error
+        .filter(f => { var _a; return ((_a = f.subDisplay) === null || _a === void 0 ? void 0 : _a.type) === 'LinearAlignmentsDisplay'; })
+        // @ts-expect-error
+        .filter(f => { var _a; return (_a = f.subDisplay) === null || _a === void 0 ? void 0 : _a.lowerPanel; }));
+}

package/esm/LinearPileupDisplay/model.d.ts

@@ -4,7 +4,8 @@ import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
 /**
  * #stateModel LinearPileupDisplay
  * #category display
- * extends `BaseLinearDisplay`
+ * extends
+ *- [SharedLinearPileupDisplayMixin](../sharedlinearpileupdisplaymixin)
  */
 declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -41,15 +42,13 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         error: unknown;
         message: string | undefined;
         maxHeightReached: boolean;
-        /**
-         * #property
-         */
         ReactComponent: ({ model, }: {
             model: any;
         }) => any;
-        renderProps: any; /**
+        /**
          * #property
          */
+        renderProps: any;
     } & {
         doReload(): void;
         afterAttach(): void;
@@ -81,7 +80,8 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         /**
          * #stateModel LinearPileupDisplay
          * #category display
-         * extends `BaseLinearDisplay`
+         * extends
+         *- [SharedLinearPileupDisplayMixin](../sharedlinearpileupdisplaymixin)
          */
         height: {
             type: string;
@@ -161,19 +161,16 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             rpcDriverName: string | undefined;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
-            /**
-             * #action
-             */
             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>>; /**
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string; /**
              * #action
              */
-        }, {
-            rendererTypeName: string;
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
@@ -198,15 +195,15 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
 } & {
     setScrollTop(scrollTop: number): void;
     setHeight(displayHeight: number): number;
-    resizeHeight(distance: number): number; /**
-     * #property
-     */
+    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 currentBytesRequested: number; /**
+     * #property
+     */
     readonly currentFeatureScreenDensity: number;
     readonly maxFeatureScreenDensity: any;
     readonly featureDensityStatsReady: boolean;
@@ -215,9 +212,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     afterAttach(): void;
 } & {
     setCurrStatsBpPerPx(n: number): void;
-    setFeatureDensityStatsLimit(stats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void; /**
-     * #action
-     */
+    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;
@@ -229,13 +224,18 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     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;
+    featureIdUnderMouse: string | undefined; /**
+     * #action
+     */
     contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
 } & {
     readonly blockType: "dynamicBlocks" | "staticBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
+    /**
+     * #action
+     */
     readonly TooltipComponent: import("react").FC<any>;
     readonly selectedFeatureId: string | undefined;
     readonly DisplayMessageComponent: import("react").FC<any> | undefined;
@@ -280,15 +280,11 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     updateColorTagMap(uniqueTag: string[]): void;
     setFeatureUnderMouse(feat?: import("@jbrowse/core/util").Feature | undefined): void;
     selectFeature(feature: import("@jbrowse/core/util").Feature): void;
-    copyFeatureToClipboard(feature: import("@jbrowse/core/util").Feature): void; /**
-     * #method
-     */
+    copyFeatureToClipboard(feature: import("@jbrowse/core/util").Feature): void;
     setConfig(conf: {
         [x: string]: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        setSubschema(slotName: string, data: unknown): any; /**
-         * #property
-         */
+        setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>): void;
     setFilterBy(filter: import("../shared").IFilter): void;
     setJexlFilters(filters: string[]): void;
@@ -296,9 +292,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly rendererConfig: {
         [x: string]: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        setSubschema(slotName: string, data: unknown): any; /**
-         * #property
-         */
+        setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
 } & {
     readonly maxHeight: any;
@@ -395,9 +389,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly rendererConfig: {
         [x: string]: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        setSubschema(slotName: string, data: unknown): any; /**
-         * #property
-         */
+        setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
 } & {
     /**
@@ -405,7 +397,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
      */
     readonly mismatchAlphaSetting: any;
     /**
-     * #getter
+     * #method
      */
     renderReady(): boolean;
 } & {

package/esm/LinearPileupDisplay/model.js

@@ -17,7 +17,8 @@ const ModificationsDlg = lazy(() => import('./components/ColorByModifications'))
 /**
  * #stateModel LinearPileupDisplay
  * #category display
- * extends `BaseLinearDisplay`
+ * extends
+ *- [SharedLinearPileupDisplayMixin](../sharedlinearpileupdisplaymixin)
  */
 function stateModelFactory(configSchema) {
     return types
@@ -166,7 +167,7 @@ function stateModelFactory(configSchema) {
                 return readConfObject(self.rendererConfig, 'mismatchAlpha');
             },
             /**
-             * #getter
+             * #method
              */
             renderReady() {
                 const view = getContainingView(self);

package/esm/LinearReadArcsDisplay/model.d.ts

@@ -5,8 +5,12 @@ import { IFilter } from '../shared';
 import { ChainData } from '../shared/fetchChains';
 /**
  * #stateModel LinearReadArcsDisplay
- * extends `BaseDisplay`, it is not a block based track, hence not
- * BaseLinearDisplay
+ * the arc display is a non-block-based track, so draws to a single canvas and
+ * can connect multiple regions
+ * extends
+ * - [BaseDisplay](../basedisplay)
+ * - [TrackHeightMixin](../trackheightmixin)
+ * - [FeatureDensityMixin](../featuredensitymixin)
  */
 declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -23,12 +27,12 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     filterBy: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
         flagInclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
         flagExclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        readName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
-         * #property
-         */
+        readName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
         tagFilter: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
             tag: import("mobx-state-tree").ISimpleType<string>;
-            value: import("mobx-state-tree").ISimpleType<string>;
+            value: import("mobx-state-tree").ISimpleType<string>; /**
+             * #property
+             */
         }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
     lineWidth: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
@@ -76,9 +80,6 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            /**
-             * #action
-             */
             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>>;
@@ -89,16 +90,22 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }> | null;
     readonly adapterConfig: any;
-    readonly parentTrack: any;
+    readonly parentTrack: any; /**
+     * #action
+     */
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
     readonly DisplayMessageComponent: React.FC<any> | undefined;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
-    regionCannotBeRendered(): null;
+    regionCannotBeRendered(): null; /**
+     * #getter
+     */
 } & {
     setMessage(arg?: string | undefined): void;
-    setError(error?: unknown): void;
+    setError(error?: unknown): void; /**
+     * #getter
+     */
     setRpcDriverName(rpcDriverName: string): void;
     reload(): void;
 } & {
@@ -115,7 +122,9 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     currStatsBpPerPx: number;
 } & {
     readonly currentBytesRequested: number;
-    readonly currentFeatureScreenDensity: number;
+    readonly currentFeatureScreenDensity: number; /**
+     * #property
+     */
     readonly maxFeatureScreenDensity: any;
     readonly featureDensityStatsReady: boolean;
     readonly maxAllowableBytes: number;

package/esm/LinearReadArcsDisplay/model.js

@@ -13,8 +13,12 @@ import { FilterModel } from '../shared';
 const FilterByTagDlg = lazy(() => import('../shared/FilterByTag'));
 /**
  * #stateModel LinearReadArcsDisplay
- * extends `BaseDisplay`, it is not a block based track, hence not
- * BaseLinearDisplay
+ * the arc display is a non-block-based track, so draws to a single canvas and
+ * can connect multiple regions
+ * extends
+ * - [BaseDisplay](../basedisplay)
+ * - [TrackHeightMixin](../trackheightmixin)
+ * - [FeatureDensityMixin](../featuredensitymixin)
  */
 function stateModelFactory(configSchema) {
     return types