@jbrowse/plugin-wiggle 2.1.0 → 2.1.3

package/dist/MultiLinearWiggleDisplay/models/model.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,501 +22,469 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var mobx_state_tree_1 = require("mobx-state-tree");
-var mobx_1 = require("mobx");
-var react_d3_axis_mod_1 = require("react-d3-axis-mod");
-var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+const react_1 = __importStar(require("react"));
+const mobx_state_tree_1 = require("mobx-state-tree");
+const mobx_1 = require("mobx");
+const react_d3_axis_mod_1 = require("react-d3-axis-mod");
+const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
 // jbrowse imports
-var configuration_1 = require("@jbrowse/core/configuration");
-var util_1 = require("@jbrowse/core/util");
-var tracks_1 = require("@jbrowse/core/util/tracks");
-var colors_1 = require("@jbrowse/core/ui/colors");
-var plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+const tracks_1 = require("@jbrowse/core/util/tracks");
+const colors_1 = require("@jbrowse/core/ui/colors");
+const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
 // locals
-var util_2 = require("../../util");
-var Tooltip_1 = __importDefault(require("../components/Tooltip"));
-var WiggleDisplayComponent_1 = require("../components/WiggleDisplayComponent");
-var randomColor = function () {
-    return '#000000'.replace(/0/g, function () { return (~~(Math.random() * 16)).toString(16); });
-};
+const util_2 = require("../../util");
+const Tooltip_1 = __importDefault(require("../components/Tooltip"));
+const WiggleDisplayComponent_1 = require("../components/WiggleDisplayComponent");
+const randomColor = () => '#000000'.replace(/0/g, () => (~~(Math.random() * 16)).toString(16));
 // lazt components
-var SetMinMaxDlg = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require('../components/SetMinMaxDialog')); }); });
-var SetColorDlg = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require('../components/SetColorDialog')); }); });
+const SetMinMaxDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/SetMinMaxDialog'))));
+const SetColorDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/SetColorDialog'))));
 // using a map because it preserves order
-var rendererTypes = new Map([
+const rendererTypes = new Map([
     ['xyplot', 'MultiXYPlotRenderer'],
     ['multirowxy', 'MultiRowXYPlotRenderer'],
     ['multirowdensity', 'MultiDensityRenderer'],
     ['multiline', 'MultiLineRenderer'],
     ['multirowline', 'MultiRowLineRenderer'],
 ]);
-var stateModelFactory = function (pluginManager, configSchema) {
-    return mobx_state_tree_1.types
-        .compose('MultiLinearWiggleDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
-        type: mobx_state_tree_1.types.literal('MultiLinearWiggleDisplay'),
-        configuration: (0, configuration_1.ConfigurationReference)(configSchema),
-        selectedRendering: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.string, ''),
-        resolution: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, 1),
-        fill: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.boolean),
-        minSize: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
-        height: 200,
-        color: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-        posColor: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-        negColor: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-        summaryScoreMode: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-        rendererTypeNameState: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-        scale: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-        autoscale: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-        displayCrossHatches: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.boolean),
-        layout: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
-        constraints: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.model({
-            max: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
-            min: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
-        }), {}),
-    }))
-        .volatile(function () { return ({
-        statsReady: false,
-        message: undefined,
-        stats: { scoreMin: 0, scoreMax: 50 },
-        statsRegion: undefined,
-        statsFetchInProgress: undefined,
-        featureUnderMouseVolatile: undefined,
-        sourcesVolatile: undefined,
-    }); })
-        .actions(function (self) { return ({
-        setLayout: function (layout) {
-            self.layout = layout;
-        },
-        clearLayout: function () {
-            self.layout = [];
-        },
-        updateStats: function (stats) {
-            var scoreMin = stats.scoreMin, scoreMax = stats.scoreMax;
-            var EPSILON = 0.000001;
-            if (Math.abs(self.stats.scoreMax - scoreMax) > EPSILON ||
-                Math.abs(self.stats.scoreMin - scoreMin) > EPSILON) {
-                self.stats = { scoreMin: scoreMin, scoreMax: scoreMax };
-                self.statsReady = true;
+const stateModelFactory = (pluginManager, configSchema) => mobx_state_tree_1.types
+    .compose('MultiLinearWiggleDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
+    type: mobx_state_tree_1.types.literal('MultiLinearWiggleDisplay'),
+    configuration: (0, configuration_1.ConfigurationReference)(configSchema),
+    selectedRendering: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.string, ''),
+    resolution: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, 1),
+    fill: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.boolean),
+    minSize: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
+    height: 200,
+    color: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+    posColor: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+    negColor: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+    summaryScoreMode: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+    rendererTypeNameState: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+    scale: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+    autoscale: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+    displayCrossHatches: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.boolean),
+    layout: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
+    constraints: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.model({
+        max: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
+        min: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
+    }), {}),
+}))
+    .volatile(() => ({
+    statsReady: false,
+    message: undefined,
+    stats: { scoreMin: 0, scoreMax: 50 },
+    statsRegion: undefined,
+    statsFetchInProgress: undefined,
+    featureUnderMouseVolatile: undefined,
+    sourcesVolatile: undefined,
+}))
+    .actions(self => ({
+    setLayout(layout) {
+        self.layout = layout;
+    },
+    clearLayout() {
+        self.layout = [];
+    },
+    updateStats(stats) {
+        const { scoreMin, scoreMax } = stats;
+        const EPSILON = 0.000001;
+        if (Math.abs(self.stats.scoreMax - scoreMax) > EPSILON ||
+            Math.abs(self.stats.scoreMin - scoreMin) > EPSILON) {
+            self.stats = { scoreMin, scoreMax };
+            self.statsReady = true;
+        }
+    },
+    setSources(sources) {
+        if (!(0, fast_deep_equal_1.default)(sources, self.sourcesVolatile)) {
+            self.sourcesVolatile = sources;
+        }
+    },
+    setColor(color) {
+        self.color = color;
+    },
+    setPosColor(color) {
+        self.posColor = color;
+    },
+    setNegColor(color) {
+        self.negColor = color;
+    },
+    setLoading(aborter) {
+        const { statsFetchInProgress: statsFetch } = self;
+        if (statsFetch !== undefined && !statsFetch.signal.aborted) {
+            statsFetch.abort();
+        }
+        self.statsFetchInProgress = aborter;
+    },
+    // this overrides the BaseLinearDisplayModel to avoid popping up a
+    // feature detail display, but still sets the feature selection on the
+    // model so listeners can detect a click
+    selectFeature(feature) {
+        const session = (0, util_1.getSession)(self);
+        if ((0, util_1.isSelectionContainer)(session)) {
+            session.setSelection(feature);
+        }
+    },
+    setFeatureUnderMouse(f) {
+        self.featureUnderMouseVolatile = f;
+    },
+    setResolution(res) {
+        self.resolution = res;
+    },
+    setFill(fill) {
+        if (fill === 0) {
+            self.fill = true;
+            self.minSize = 0;
+        }
+        else if (fill === 1) {
+            self.fill = false;
+            self.minSize = 1;
+        }
+        else if (fill === 2) {
+            self.fill = false;
+            self.minSize = 2;
+        }
+    },
+    toggleLogScale() {
+        if (self.scale !== 'log') {
+            self.scale = 'log';
+        }
+        else {
+            self.scale = 'linear';
+        }
+    },
+    setScaleType(scale) {
+        self.scale = scale;
+    },
+    setSummaryScoreMode(val) {
+        self.summaryScoreMode = val;
+    },
+    setAutoscale(val) {
+        self.autoscale = val;
+    },
+    setMaxScore(val) {
+        self.constraints.max = val;
+    },
+    setRendererType(val) {
+        self.rendererTypeNameState = val;
+    },
+    setMinScore(val) {
+        self.constraints.min = val;
+    },
+    toggleCrossHatches() {
+        self.displayCrossHatches = !self.displayCrossHatches;
+    },
+    setCrossHatches(cross) {
+        self.displayCrossHatches = cross;
+    },
+}))
+    .views(self => ({
+    get featureUnderMouse() {
+        return self.featureUnderMouseVolatile;
+    },
+    get TooltipComponent() {
+        return Tooltip_1.default;
+    },
+    get adapterTypeName() {
+        return self.adapterConfig.type;
+    },
+    get rendererTypeNameSimple() {
+        return self.rendererTypeNameState || (0, configuration_1.getConf)(self, 'defaultRendering');
+    },
+    get rendererTypeName() {
+        const name = this.rendererTypeNameSimple;
+        const rendererType = rendererTypes.get(name);
+        if (!rendererType) {
+            throw new Error(`unknown renderer ${name}`);
+        }
+        return rendererType;
+    },
+    // subclasses can define these, as snpcoverage track does
+    get filters() {
+        return undefined;
+    },
+    get scaleType() {
+        var _a;
+        return (_a = self.scale) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'scaleType');
+    },
+    get maxScore() {
+        var _a;
+        return (_a = self.constraints.max) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'maxScore');
+    },
+    get minScore() {
+        var _a;
+        return (_a = self.constraints.min) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'minScore');
+    },
+}))
+    .views(self => ({
+    get rendererConfig() {
+        const configBlob = (0, configuration_1.getConf)(self, ['renderers', self.rendererTypeName]) || {};
+        const { color, displayCrossHatches, fill, minSize, negColor, posColor, summaryScoreMode, scaleType, } = self;
+        return self.rendererType.configSchema.create({
+            ...configBlob,
+            ...(scaleType ? { scaleType } : {}),
+            ...(fill !== undefined ? { filled: fill } : {}),
+            ...(displayCrossHatches !== undefined
+                ? { displayCrossHatches }
+                : {}),
+            ...(summaryScoreMode !== undefined ? { summaryScoreMode } : {}),
+            ...(color !== undefined ? { color } : {}),
+            ...(negColor !== undefined ? { negColor } : {}),
+            ...(posColor !== undefined ? { posColor } : {}),
+            ...(minSize !== undefined ? { minSize } : {}),
+        }, (0, mobx_state_tree_1.getEnv)(self));
+    },
+}))
+    .views(self => ({
+    // everything except density gets a numerical scalebar
+    get needsScalebar() {
+        return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
+            self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
+            self.rendererTypeName === 'MultiLineRenderer' ||
+            self.rendererTypeName === 'MultiRowLineRenderer');
+    },
+    get needsFullHeightScalebar() {
+        return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
+            self.rendererTypeName === 'MultiLineRenderer');
+    },
+    get isMultiRow() {
+        return (self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
+            self.rendererTypeName === 'MultiRowLineRenderer' ||
+            self.rendererTypeName === 'MultiDensityRenderer');
+    },
+    // can be used to give it a "color scale" like a R heatmap, not
+    // implemented like this yet but flag can be used for this
+    get needsCustomLegend() {
+        return self.rendererTypeName === 'MultiDensityRenderer';
+    },
+    get canHaveFill() {
+        return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
+            self.rendererTypeName === 'MultiRowXYPlotRenderer');
+    },
+    // the multirowxy and multiline don't need to use colors on the legend
+    // boxes since their track is drawn with the color. sort of a stylistic choice
+    get renderColorBoxes() {
+        return !(self.rendererTypeName === 'MultiRowLineRenderer' ||
+            self.rendererTypeName === 'MultiRowXYPlotRenderer');
+    },
+    // positions multi-row below the tracklabel even if using overlap
+    // tracklabels for everything else
+    get prefersOffset() {
+        return this.isMultiRow;
+    },
+    get sources() {
+        var _a;
+        const sources = Object.fromEntries(((_a = self.sourcesVolatile) === null || _a === void 0 ? void 0 : _a.map(s => [s.name, s])) || []);
+        const iter = self.layout.length ? self.layout : self.sourcesVolatile;
+        return iter === null || iter === void 0 ? void 0 : iter.map(s => ({
+            ...sources[s.name],
+            ...s,
+        })).map((s, i) => ({
+            ...s,
+            color: s.color ||
+                (!this.isMultiRow ? colors_1.set1[i] || randomColor() : 'blue'),
+        }));
+    },
+}))
+    .views(self => {
+    let oldDomain = [0, 0];
+    return {
+        get filled() {
+            const { fill, rendererConfig } = self;
+            return fill !== null && fill !== void 0 ? fill : (0, configuration_1.readConfObject)(rendererConfig, 'filled');
+        },
+        get summaryScoreModeSetting() {
+            const { summaryScoreMode: scoreMode, rendererConfig } = self;
+            return scoreMode !== null && scoreMode !== void 0 ? scoreMode : (0, configuration_1.readConfObject)(rendererConfig, 'summaryScoreMode');
+        },
+        get domain() {
+            const { stats, scaleType, minScore, maxScore } = self;
+            const { scoreMin, scoreMax } = stats;
+            const ret = (0, util_2.getNiceDomain)({
+                domain: [scoreMin, scoreMax],
+                bounds: [minScore, maxScore],
+                scaleType,
+            });
+            // avoid weird scalebar if log value and empty region displayed
+            if (scaleType === 'log' && ret[1] === Number.MIN_VALUE) {
+                return [0, Number.MIN_VALUE];
             }
-        },
-        setSources: function (sources) {
-            if (!(0, fast_deep_equal_1.default)(sources, self.sourcesVolatile)) {
-                self.sourcesVolatile = sources;
+            // avoid returning a new object if it matches the old value
+            if (!(0, fast_deep_equal_1.default)(oldDomain, ret)) {
+                oldDomain = ret;
             }
+            return oldDomain;
+        },
+        get scaleOpts() {
+            const { scaleType, stats } = self;
+            return {
+                autoscaleType: this.autoscaleType,
+                domain: this.domain,
+                stats,
+                scaleType,
+                inverted: (0, configuration_1.getConf)(self, 'inverted'),
+            };
         },
-        setColor: function (color) {
-            self.color = color;
+        get autoscaleType() {
+            var _a;
+            return (_a = self.autoscale) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'autoscale');
         },
-        setPosColor: function (color) {
-            self.posColor = color;
+        get displayCrossHatchesSetting() {
+            const { displayCrossHatches, rendererConfig } = self;
+            return (displayCrossHatches !== null && displayCrossHatches !== void 0 ? displayCrossHatches : (0, configuration_1.readConfObject)(rendererConfig, 'displayCrossHatches'));
         },
-        setNegColor: function (color) {
-            self.negColor = color;
+        get rowHeight() {
+            const { sources, height, isMultiRow } = self;
+            return isMultiRow ? height / ((sources === null || sources === void 0 ? void 0 : sources.length) || 1) : height;
         },
-        setLoading: function (aborter) {
-            var statsFetch = self.statsFetchInProgress;
-            if (statsFetch !== undefined && !statsFetch.signal.aborted) {
-                statsFetch.abort();
-            }
-            self.statsFetchInProgress = aborter;
+        get rowHeightTooSmallForScalebar() {
+            return this.rowHeight < 70;
         },
-        // this overrides the BaseLinearDisplayModel to avoid popping up a
-        // feature detail display, but still sets the feature selection on the
-        // model so listeners can detect a click
-        selectFeature: function (feature) {
-            var session = (0, util_1.getSession)(self);
-            if ((0, util_1.isSelectionContainer)(session)) {
-                session.setSelection(feature);
-            }
+        get useMinimalTicks() {
+            return ((0, configuration_1.getConf)(self, 'minimalTicks') || this.rowHeightTooSmallForScalebar);
         },
-        setFeatureUnderMouse: function (f) {
-            self.featureUnderMouseVolatile = f;
-        },
-        setResolution: function (res) {
-            self.resolution = res;
-        },
-        setFill: function (fill) {
-            if (fill === 0) {
-                self.fill = true;
-                self.minSize = 0;
-            }
-            else if (fill === 1) {
-                self.fill = false;
-                self.minSize = 1;
-            }
-            else if (fill === 2) {
-                self.fill = false;
-                self.minSize = 2;
+    };
+})
+    .views(self => ({
+    get ticks() {
+        const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
+        const offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
+        const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
+            scaleType,
+            domain,
+            range: [rowHeight - offset, offset],
+            inverted: (0, configuration_1.getConf)(self, 'inverted'),
+        }), 4);
+        return useMinimalTicks ? { ...ticks, values: domain } : ticks;
+    },
+    get colors() {
+        return [
+            'red',
+            'blue',
+            'green',
+            'orange',
+            'purple',
+            'cyan',
+            'pink',
+            'darkblue',
+            'darkred',
+            'pink',
+        ];
+    },
+    get adapterCapabilities() {
+        const { adapterTypeName } = self;
+        return pluginManager.getAdapterType(adapterTypeName).adapterCapabilities;
+    },
+}))
+    .views(self => {
+    const { renderProps: superRenderProps } = self;
+    return {
+        renderProps() {
+            const superProps = superRenderProps();
+            const { displayCrossHatches, filters, height, resolution, rpcDriverName, scaleOpts, sources, statsReady, ticks, rendererConfig: config, } = self;
+            return {
+                ...superProps,
+                notReady: superProps.notReady || !sources || !statsReady,
+                displayModel: self,
+                config,
+                displayCrossHatches,
+                filters,
+                height,
+                resolution,
+                rpcDriverName,
+                scaleOpts,
+                sources,
+                ticks,
+                onMouseMove: (_, f) => self.setFeatureUnderMouse(f),
+                onMouseLeave: () => self.setFeatureUnderMouse(undefined),
+            };
+        },
+        get hasResolution() {
+            return self.adapterCapabilities.includes('hasResolution');
+        },
+        get hasGlobalStats() {
+            return self.adapterCapabilities.includes('hasGlobalStats');
+        },
+        get fillSetting() {
+            if (self.filled) {
+                return 0;
             }
-        },
-        toggleLogScale: function () {
-            if (self.scale !== 'log') {
-                self.scale = 'log';
+            else if (!self.filled && self.minSize === 1) {
+                return 1;
             }
             else {
-                self.scale = 'linear';
+                return 2;
             }
         },
-        setScaleType: function (scale) {
-            self.scale = scale;
-        },
-        setSummaryScoreMode: function (val) {
-            self.summaryScoreMode = val;
-        },
-        setAutoscale: function (val) {
-            self.autoscale = val;
-        },
-        setMaxScore: function (val) {
-            self.constraints.max = val;
-        },
-        setRendererType: function (val) {
-            self.rendererTypeNameState = val;
-        },
-        setMinScore: function (val) {
-            self.constraints.min = val;
-        },
-        toggleCrossHatches: function () {
-            self.displayCrossHatches = !self.displayCrossHatches;
-        },
-        setCrossHatches: function (cross) {
-            self.displayCrossHatches = cross;
-        },
-    }); })
-        .views(function (self) { return ({
-        get featureUnderMouse() {
-            return self.featureUnderMouseVolatile;
-        },
-        get TooltipComponent() {
-            return Tooltip_1.default;
-        },
-        get adapterTypeName() {
-            return self.adapterConfig.type;
-        },
-        get rendererTypeNameSimple() {
-            return self.rendererTypeNameState || (0, configuration_1.getConf)(self, 'defaultRendering');
-        },
-        get rendererTypeName() {
-            var name = this.rendererTypeNameSimple;
-            var rendererType = rendererTypes.get(name);
-            if (!rendererType) {
-                throw new Error("unknown renderer ".concat(name));
-            }
-            return rendererType;
-        },
-        // subclasses can define these, as snpcoverage track does
-        get filters() {
-            return undefined;
-        },
-        get scaleType() {
-            var _a;
-            return (_a = self.scale) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'scaleType');
-        },
-        get maxScore() {
-            var _a;
-            return (_a = self.constraints.max) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'maxScore');
-        },
-        get minScore() {
-            var _a;
-            return (_a = self.constraints.min) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'minScore');
-        },
-    }); })
-        .views(function (self) { return ({
-        get rendererConfig() {
-            var configBlob = (0, configuration_1.getConf)(self, ['renderers', self.rendererTypeName]) || {};
-            var color = self.color, displayCrossHatches = self.displayCrossHatches, fill = self.fill, minSize = self.minSize, negColor = self.negColor, posColor = self.posColor, summaryScoreMode = self.summaryScoreMode, scaleType = self.scaleType;
-            return self.rendererType.configSchema.create(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configBlob), (scaleType ? { scaleType: scaleType } : {})), (fill !== undefined ? { filled: fill } : {})), (displayCrossHatches !== undefined
-                ? { displayCrossHatches: displayCrossHatches }
-                : {})), (summaryScoreMode !== undefined ? { summaryScoreMode: summaryScoreMode } : {})), (color !== undefined ? { color: color } : {})), (negColor !== undefined ? { negColor: negColor } : {})), (posColor !== undefined ? { posColor: posColor } : {})), (minSize !== undefined ? { minSize: minSize } : {})), (0, mobx_state_tree_1.getEnv)(self));
-        },
-    }); })
-        .views(function (self) { return ({
-        // everything except density gets a numerical scalebar
-        get needsScalebar() {
-            return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
-                self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
-                self.rendererTypeName === 'MultiLineRenderer' ||
-                self.rendererTypeName === 'MultiRowLineRenderer');
-        },
-        get needsFullHeightScalebar() {
-            return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
-                self.rendererTypeName === 'MultiLineRenderer');
-        },
-        get isMultiRow() {
-            return (self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
-                self.rendererTypeName === 'MultiRowLineRenderer' ||
-                self.rendererTypeName === 'MultiDensityRenderer');
-        },
-        // can be used to give it a "color scale" like a R heatmap, not
-        // implemented like this yet but flag can be used for this
-        get needsCustomLegend() {
-            return self.rendererTypeName === 'MultiDensityRenderer';
-        },
-        get canHaveFill() {
-            return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
-                self.rendererTypeName === 'MultiRowXYPlotRenderer');
-        },
-        // the multirowxy and multiline don't need to use colors on the legend
-        // boxes since their track is drawn with the color. sort of a stylistic choice
-        get renderColorBoxes() {
-            return !(self.rendererTypeName === 'MultiRowLineRenderer' ||
-                self.rendererTypeName === 'MultiRowXYPlotRenderer');
-        },
-        // positions multi-row below the tracklabel even if using overlap
-        // tracklabels for everything else
-        get prefersOffset() {
-            return this.isMultiRow;
-        },
-        get sources() {
-            var _this = this;
-            var _a;
-            var sources = Object.fromEntries(((_a = self.sourcesVolatile) === null || _a === void 0 ? void 0 : _a.map(function (s) { return [s.name, s]; })) || []);
-            var iter = self.layout.length ? self.layout : self.sourcesVolatile;
-            return iter === null || iter === void 0 ? void 0 : iter.map(function (s) { return (__assign(__assign({}, sources[s.name]), s)); }).map(function (s, i) { return (__assign(__assign({}, s), { color: s.color ||
-                    (!_this.isMultiRow ? colors_1.set1[i] || randomColor() : 'blue') })); });
-        },
-    }); })
-        .views(function (self) {
-        var oldDomain = [0, 0];
-        return {
-            get filled() {
-                var fill = self.fill, rendererConfig = self.rendererConfig;
-                return fill !== null && fill !== void 0 ? fill : (0, configuration_1.readConfObject)(rendererConfig, 'filled');
-            },
-            get summaryScoreModeSetting() {
-                var scoreMode = self.summaryScoreMode, rendererConfig = self.rendererConfig;
-                return scoreMode !== null && scoreMode !== void 0 ? scoreMode : (0, configuration_1.readConfObject)(rendererConfig, 'summaryScoreMode');
-            },
-            get domain() {
-                var stats = self.stats, scaleType = self.scaleType, minScore = self.minScore, maxScore = self.maxScore;
-                var scoreMin = stats.scoreMin, scoreMax = stats.scoreMax;
-                var ret = (0, util_2.getNiceDomain)({
-                    domain: [scoreMin, scoreMax],
-                    bounds: [minScore, maxScore],
-                    scaleType: scaleType,
-                });
-                // avoid weird scalebar if log value and empty region displayed
-                if (scaleType === 'log' && ret[1] === Number.MIN_VALUE) {
-                    return [0, Number.MIN_VALUE];
-                }
-                // avoid returning a new object if it matches the old value
-                if (!(0, fast_deep_equal_1.default)(oldDomain, ret)) {
-                    oldDomain = ret;
-                }
-                return oldDomain;
-            },
-            get scaleOpts() {
-                var scaleType = self.scaleType, stats = self.stats;
-                return {
-                    autoscaleType: this.autoscaleType,
-                    domain: this.domain,
-                    stats: stats,
-                    scaleType: scaleType,
-                    inverted: (0, configuration_1.getConf)(self, 'inverted'),
-                };
-            },
-            get autoscaleType() {
-                var _a;
-                return (_a = self.autoscale) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'autoscale');
-            },
-            get displayCrossHatchesSetting() {
-                var displayCrossHatches = self.displayCrossHatches, rendererConfig = self.rendererConfig;
-                return (displayCrossHatches !== null && displayCrossHatches !== void 0 ? displayCrossHatches : (0, configuration_1.readConfObject)(rendererConfig, 'displayCrossHatches'));
-            },
-            get rowHeight() {
-                var sources = self.sources, height = self.height, isMultiRow = self.isMultiRow;
-                return isMultiRow ? height / ((sources === null || sources === void 0 ? void 0 : sources.length) || 1) : height;
-            },
-            get rowHeightTooSmallForScalebar() {
-                return this.rowHeight < 70;
-            },
-            get useMinimalTicks() {
-                return ((0, configuration_1.getConf)(self, 'minimalTicks') || this.rowHeightTooSmallForScalebar);
-            },
-        };
-    })
-        .views(function (self) { return ({
-        get ticks() {
-            var scaleType = self.scaleType, domain = self.domain, isMultiRow = self.isMultiRow, rowHeight = self.rowHeight, useMinimalTicks = self.useMinimalTicks;
-            var offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
-            var ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
-                scaleType: scaleType,
-                domain: domain,
-                range: [rowHeight - offset, offset],
-                inverted: (0, configuration_1.getConf)(self, 'inverted'),
-            }), 4);
-            return useMinimalTicks ? __assign(__assign({}, ticks), { values: domain }) : ticks;
-        },
-        get colors() {
+    };
+})
+    .views(self => {
+    const { trackMenuItems: superTrackMenuItems } = self;
+    const hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
+    return {
+        trackMenuItems() {
             return [
-                'red',
-                'blue',
-                'green',
-                'orange',
-                'purple',
-                'cyan',
-                'pink',
-                'darkblue',
-                'darkred',
-                'pink',
-            ];
-        },
-        get adapterCapabilities() {
-            var adapterTypeName = self.adapterTypeName;
-            return pluginManager.getAdapterType(adapterTypeName).adapterCapabilities;
-        },
-    }); })
-        .views(function (self) {
-        var superRenderProps = self.renderProps;
-        return {
-            renderProps: function () {
-                var superProps = superRenderProps();
-                var displayCrossHatches = self.displayCrossHatches, filters = self.filters, height = self.height, resolution = self.resolution, rpcDriverName = self.rpcDriverName, scaleOpts = self.scaleOpts, sources = self.sources, statsReady = self.statsReady, ticks = self.ticks, config = self.rendererConfig;
-                return __assign(__assign({}, superProps), { notReady: superProps.notReady || !sources || !statsReady, displayModel: self, config: config, displayCrossHatches: displayCrossHatches, filters: filters, height: height, resolution: resolution, rpcDriverName: rpcDriverName, scaleOpts: scaleOpts, sources: sources, ticks: ticks, onMouseMove: function (_, f) {
-                        return self.setFeatureUnderMouse(f);
-                    }, onMouseLeave: function () { return self.setFeatureUnderMouse(undefined); } });
-            },
-            get hasResolution() {
-                return self.adapterCapabilities.includes('hasResolution');
-            },
-            get hasGlobalStats() {
-                return self.adapterCapabilities.includes('hasGlobalStats');
-            },
-            get fillSetting() {
-                if (self.filled) {
-                    return 0;
-                }
-                else if (!self.filled && self.minSize === 1) {
-                    return 1;
-                }
-                else {
-                    return 2;
-                }
-            },
-        };
-    })
-        .views(function (self) {
-        var superTrackMenuItems = self.trackMenuItems;
-        var hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
-        return {
-            trackMenuItems: function () {
-                return __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], __read(superTrackMenuItems()), false), __read((self.hasResolution
+                ...superTrackMenuItems(),
+                ...(self.hasResolution
                     ? [
                         {
                             label: 'Resolution',
                             subMenu: [
                                 {
                                     label: 'Finer resolution',
-                                    onClick: function () { return self.setResolution(self.resolution * 5); },
+                                    onClick: () => self.setResolution(self.resolution * 5),
                                 },
                                 {
                                     label: 'Coarser resolution',
-                                    onClick: function () { return self.setResolution(self.resolution / 5); },
+                                    onClick: () => self.setResolution(self.resolution / 5),
                                 },
                             ],
                         },
                         {
                             label: 'Summary score mode',
-                            subMenu: ['min', 'max', 'avg', 'whiskers'].map(function (elt) { return ({
+                            subMenu: ['min', 'max', 'avg', 'whiskers'].map(elt => ({
                                 label: elt,
                                 type: 'radio',
                                 checked: self.summaryScoreModeSetting === elt,
-                                onClick: function () { return self.setSummaryScoreMode(elt); },
-                            }); }),
+                                onClick: () => self.setSummaryScoreMode(elt),
+                            })),
                         },
                     ]
-                    : [])), false), __read((self.canHaveFill
+                    : []),
+                ...(self.canHaveFill
                     ? [
                         {
                             label: 'Fill mode',
-                            subMenu: ['filled', 'no fill', 'no fill w/ emphasis'].map(function (elt, idx) { return ({
+                            subMenu: ['filled', 'no fill', 'no fill w/ emphasis'].map((elt, idx) => ({
                                 label: elt,
                                 type: 'radio',
                                 checked: self.fillSetting === idx,
-                                onClick: function () { return self.setFill(idx); },
-                            }); }),
+                                onClick: () => self.setFill(idx),
+                            })),
                         },
                     ]
-                    : [])), false), [
-                    {
-                        label: self.scaleType === 'log' ? 'Set linear scale' : 'Set log scale',
-                        onClick: function () { return self.toggleLogScale(); },
-                    }
-                ], false), __read((self.needsScalebar
+                    : []),
+                {
+                    label: self.scaleType === 'log' ? 'Set linear scale' : 'Set log scale',
+                    onClick: () => self.toggleLogScale(),
+                },
+                ...(self.needsScalebar
                     ? [
                         {
                             type: 'checkbox',
                             label: 'Draw cross hatches',
                             checked: self.displayCrossHatchesSetting,
-                            onClick: function () { return self.toggleCrossHatches(); },
+                            onClick: () => self.toggleCrossHatches(),
                         },
                     ]
-                    : [])), false), __read((hasRenderings
+                    : []),
+                ...(hasRenderings
                     ? [
                         {
                             label: 'Renderer type',
@@ -537,139 +494,105 @@ var stateModelFactory = function (pluginManager, configSchema) {
                                 'multirowdensity',
                                 'multiline',
                                 'multirowline',
-                            ].map(function (key) { return ({
+                            ].map(key => ({
                                 label: key,
                                 type: 'radio',
                                 checked: self.rendererTypeNameSimple === key,
-                                onClick: function () { return self.setRendererType(key); },
-                            }); }),
+                                onClick: () => self.setRendererType(key),
+                            })),
                         },
                     ]
-                    : [])), false), [
-                    {
-                        label: 'Autoscale type',
-                        subMenu: __spreadArray(__spreadArray([
-                            ['local', 'Local']
-                        ], __read((self.hasGlobalStats
+                    : []),
+                {
+                    label: 'Autoscale type',
+                    subMenu: [
+                        ['local', 'Local'],
+                        ...(self.hasGlobalStats
                             ? [
                                 ['global', 'Global'],
                                 ['globalsd', 'Global ± 3σ'],
                             ]
-                            : [])), false), [
-                            ['localsd', 'Local ± 3σ'],
-                        ], false).map(function (_a) {
-                            var _b = __read(_a, 2), val = _b[0], label = _b[1];
-                            return {
-                                label: label,
-                                type: 'radio',
-                                checked: self.autoscaleType === val,
-                                onClick: function () { return self.setAutoscale(val); },
-                            };
-                        }),
-                    },
-                    {
-                        label: 'Set min/max score...',
-                        onClick: function () {
-                            var session = (0, util_1.getSession)(self);
-                            session.queueDialog(function (handleClose) { return [
-                                SetMinMaxDlg,
-                                { model: self, handleClose: handleClose },
-                            ]; });
-                        },
+                            : []),
+                        ['localsd', 'Local ± 3σ'],
+                    ].map(([val, label]) => {
+                        return {
+                            label,
+                            type: 'radio',
+                            checked: self.autoscaleType === val,
+                            onClick: () => self.setAutoscale(val),
+                        };
+                    }),
+                },
+                {
+                    label: 'Set min/max score...',
+                    onClick: () => {
+                        const session = (0, util_1.getSession)(self);
+                        session.queueDialog(handleClose => [
+                            SetMinMaxDlg,
+                            { model: self, handleClose },
+                        ]);
                     },
-                    {
-                        label: 'Edit colors/arrangement...',
-                        onClick: function () {
-                            (0, util_1.getSession)(self).queueDialog(function (handleClose) { return [
-                                SetColorDlg,
-                                { model: self, handleClose: handleClose },
-                            ]; });
-                        },
+                },
+                {
+                    label: 'Edit colors/arrangement...',
+                    onClick: () => {
+                        (0, util_1.getSession)(self).queueDialog(handleClose => [
+                            SetColorDlg,
+                            { model: self, handleClose },
+                        ]);
                     },
-                ], false);
-            },
-        };
-    })
-        .actions(function (self) {
-        var superReload = self.reload, superRenderSvg = self.renderSvg;
-        return {
-            // re-runs stats and refresh whole display on reload
-            reload: function () {
-                return __awaiter(this, void 0, void 0, function () {
-                    var aborter, stats, e_1;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                self.setError();
-                                aborter = new AbortController();
-                                _a.label = 1;
-                            case 1:
-                                _a.trys.push([1, 3, , 4]);
-                                self.setLoading(aborter);
-                                return [4 /*yield*/, (0, util_2.getStats)(self, __assign({ signal: aborter.signal }, self.renderProps()))];
-                            case 2:
-                                stats = _a.sent();
-                                if ((0, mobx_state_tree_1.isAlive)(self)) {
-                                    self.updateStats(stats);
-                                    superReload();
-                                }
-                                return [3 /*break*/, 4];
-                            case 3:
-                                e_1 = _a.sent();
-                                self.setError(e_1);
-                                return [3 /*break*/, 4];
-                            case 4: return [2 /*return*/];
-                        }
-                    });
-                });
-            },
-            afterAttach: function () {
-                var _this = this;
-                (0, util_2.statsAutorun)(self);
-                (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(function () { return __awaiter(_this, void 0, void 0, function () {
-                    var rpcManager, adapterConfig, sessionId, sources;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                rpcManager = (0, util_1.getSession)(self).rpcManager;
-                                adapterConfig = self.adapterConfig;
-                                sessionId = (0, tracks_1.getRpcSessionId)(self);
-                                return [4 /*yield*/, rpcManager.call(sessionId, 'MultiWiggleGetSources', {
-                                        sessionId: sessionId,
-                                        adapterConfig: adapterConfig,
-                                    })];
-                            case 1:
-                                sources = (_a.sent());
-                                if ((0, mobx_state_tree_1.isAlive)(self)) {
-                                    self.setSources(sources);
-                                }
-                                return [2 /*return*/];
-                        }
-                    });
-                }); }));
-            },
-            renderSvg: function (opts) {
-                return __awaiter(this, void 0, void 0, function () {
-                    var offsetPx, _a, _b, _c, _d, _e, _f;
-                    return __generator(this, function (_g) {
-                        switch (_g.label) {
-                            case 0: return [4 /*yield*/, (0, mobx_1.when)(function () { return self.statsReady && !!self.regionCannotBeRenderedText; })];
-                            case 1:
-                                _g.sent();
-                                offsetPx = (0, util_1.getContainingView)(self).offsetPx;
-                                _b = (_a = react_1.default).createElement;
-                                _c = [react_1.default.Fragment, null];
-                                _e = (_d = react_1.default).createElement;
-                                _f = ["g", { id: "snpcov" }];
-                                return [4 /*yield*/, superRenderSvg(opts)];
-                            case 2: return [2 /*return*/, (_b.apply(_a, _c.concat([_e.apply(_d, _f.concat([_g.sent()])), react_1.default.createElement("g", { transform: "translate(".concat(Math.max(-offsetPx, 0), ")") },
-                                        react_1.default.createElement(WiggleDisplayComponent_1.StatBars, { model: self, orientation: "left", exportSVG: true }))])))];
-                        }
-                    });
+                },
+            ];
+        },
+    };
+})
+    .actions(self => {
+    const { reload: superReload, renderSvg: superRenderSvg } = self;
+    return {
+        // re-runs stats and refresh whole display on reload
+        async reload() {
+            self.setError();
+            const aborter = new AbortController();
+            let stats;
+            try {
+                self.setLoading(aborter);
+                stats = await (0, util_2.getStats)(self, {
+                    signal: aborter.signal,
+                    ...self.renderProps(),
                 });
-            },
-        };
-    });
-};
+                if ((0, mobx_state_tree_1.isAlive)(self)) {
+                    self.updateStats(stats);
+                    superReload();
+                }
+            }
+            catch (e) {
+                self.setError(e);
+            }
+        },
+        afterAttach() {
+            (0, util_2.statsAutorun)(self);
+            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
+                const { rpcManager } = (0, util_1.getSession)(self);
+                const { adapterConfig } = self;
+                const sessionId = (0, tracks_1.getRpcSessionId)(self);
+                const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
+                    sessionId,
+                    adapterConfig,
+                }));
+                if ((0, mobx_state_tree_1.isAlive)(self)) {
+                    self.setSources(sources);
+                }
+            }));
+        },
+        async renderSvg(opts) {
+            await (0, mobx_1.when)(() => self.statsReady && !!self.regionCannotBeRenderedText);
+            const { offsetPx } = (0, util_1.getContainingView)(self);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
+                react_1.default.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
+                    react_1.default.createElement(WiggleDisplayComponent_1.StatBars, { model: self, orientation: "left", exportSVG: true }))));
+        },
+    };
+});
 exports.default = stateModelFactory;
 //# sourceMappingURL=model.js.map