@jbrowse/plugin-wiggle 2.0.1 → 2.1.0

package/dist/MultiLinearWiggleDisplay/models/model.js

@@ -0,0 +1,675 @@
+"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);
+    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 __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"));
+// 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");
+// 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); });
+};
+// 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')); }); });
+// using a map because it preserves order
+var 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;
+            }
+        },
+        setSources: function (sources) {
+            if (!(0, fast_deep_equal_1.default)(sources, self.sourcesVolatile)) {
+                self.sourcesVolatile = sources;
+            }
+        },
+        setColor: function (color) {
+            self.color = color;
+        },
+        setPosColor: function (color) {
+            self.posColor = color;
+        },
+        setNegColor: function (color) {
+            self.negColor = color;
+        },
+        setLoading: function (aborter) {
+            var statsFetch = self.statsFetchInProgress;
+            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: function (feature) {
+            var session = (0, util_1.getSession)(self);
+            if ((0, util_1.isSelectionContainer)(session)) {
+                session.setSelection(feature);
+            }
+        },
+        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;
+            }
+        },
+        toggleLogScale: function () {
+            if (self.scale !== 'log') {
+                self.scale = 'log';
+            }
+            else {
+                self.scale = 'linear';
+            }
+        },
+        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() {
+            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
+                    ? [
+                        {
+                            label: 'Resolution',
+                            subMenu: [
+                                {
+                                    label: 'Finer resolution',
+                                    onClick: function () { return self.setResolution(self.resolution * 5); },
+                                },
+                                {
+                                    label: 'Coarser resolution',
+                                    onClick: function () { return self.setResolution(self.resolution / 5); },
+                                },
+                            ],
+                        },
+                        {
+                            label: 'Summary score mode',
+                            subMenu: ['min', 'max', 'avg', 'whiskers'].map(function (elt) { return ({
+                                label: elt,
+                                type: 'radio',
+                                checked: self.summaryScoreModeSetting === elt,
+                                onClick: function () { return self.setSummaryScoreMode(elt); },
+                            }); }),
+                        },
+                    ]
+                    : [])), false), __read((self.canHaveFill
+                    ? [
+                        {
+                            label: 'Fill mode',
+                            subMenu: ['filled', 'no fill', 'no fill w/ emphasis'].map(function (elt, idx) { return ({
+                                label: elt,
+                                type: 'radio',
+                                checked: self.fillSetting === idx,
+                                onClick: function () { return self.setFill(idx); },
+                            }); }),
+                        },
+                    ]
+                    : [])), false), [
+                    {
+                        label: self.scaleType === 'log' ? 'Set linear scale' : 'Set log scale',
+                        onClick: function () { return self.toggleLogScale(); },
+                    }
+                ], false), __read((self.needsScalebar
+                    ? [
+                        {
+                            type: 'checkbox',
+                            label: 'Draw cross hatches',
+                            checked: self.displayCrossHatchesSetting,
+                            onClick: function () { return self.toggleCrossHatches(); },
+                        },
+                    ]
+                    : [])), false), __read((hasRenderings
+                    ? [
+                        {
+                            label: 'Renderer type',
+                            subMenu: [
+                                'xyplot',
+                                'multirowxy',
+                                'multirowdensity',
+                                'multiline',
+                                'multirowline',
+                            ].map(function (key) { return ({
+                                label: key,
+                                type: 'radio',
+                                checked: self.rendererTypeNameSimple === key,
+                                onClick: function () { return self.setRendererType(key); },
+                            }); }),
+                        },
+                    ]
+                    : [])), false), [
+                    {
+                        label: 'Autoscale type',
+                        subMenu: __spreadArray(__spreadArray([
+                            ['local', 'Local']
+                        ], __read((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 },
+                            ]; });
+                        },
+                    },
+                    {
+                        label: 'Edit colors/arrangement...',
+                        onClick: function () {
+                            (0, util_1.getSession)(self).queueDialog(function (handleClose) { return [
+                                SetColorDlg,
+                                { model: self, handleClose: 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 }))])))];
+                        }
+                    });
+                });
+            },
+        };
+    });
+};
+exports.default = stateModelFactory;
+//# sourceMappingURL=model.js.map