@jbrowse/plugin-wiggle 1.7.11 → 2.1.0

package/dist/LinearWiggleDisplay/models/model.js

@@ -1,708 +1,550 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.YSCALEBAR_LABEL_OFFSET = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _util = require("@jbrowse/core/util");
-
-var _tracks = require("@jbrowse/core/util/tracks");
-
-var _pluginLinearGenomeView = require("@jbrowse/plugin-linear-genome-view");
-
-var _mobx = require("mobx");
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _reactD3AxisMod = require("react-d3-axis-mod");
-
-var _util2 = require("../../util");
-
-var _Tooltip = _interopRequireDefault(require("../components/Tooltip"));
-
-var _WiggleDisplayComponent = require("../components/WiggleDisplayComponent");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var SetMinMaxDlg = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('../components/SetMinMaxDialog'));
-  });
-});
-var SetColorDlg = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('../components/SetColorDialog'));
-  });
-}); // fudge factor for making all labels on the YScalebar visible
-
-var YSCALEBAR_LABEL_OFFSET = 5; // using a map because it preserves order
-
-exports.YSCALEBAR_LABEL_OFFSET = YSCALEBAR_LABEL_OFFSET;
-var rendererTypes = new Map([['xyplot', 'XYPlotRenderer'], ['density', 'DensityRenderer'], ['line', 'LinePlotRenderer']]);
-
-var stateModelFactory = function stateModelFactory(pluginManager, configSchema) {
-  return _mobxStateTree.types.compose('LinearWiggleDisplay', _pluginLinearGenomeView.BaseLinearDisplay, _mobxStateTree.types.model({
-    type: _mobxStateTree.types.literal('LinearWiggleDisplay'),
-    configuration: (0, _configuration.ConfigurationReference)(configSchema),
-    selectedRendering: _mobxStateTree.types.optional(_mobxStateTree.types.string, ''),
-    resolution: _mobxStateTree.types.optional(_mobxStateTree.types.number, 1),
-    fill: _mobxStateTree.types.maybe(_mobxStateTree.types.boolean),
-    color: _mobxStateTree.types.maybe(_mobxStateTree.types.string),
-    posColor: _mobxStateTree.types.maybe(_mobxStateTree.types.string),
-    negColor: _mobxStateTree.types.maybe(_mobxStateTree.types.string),
-    summaryScoreMode: _mobxStateTree.types.maybe(_mobxStateTree.types.string),
-    rendererTypeNameState: _mobxStateTree.types.maybe(_mobxStateTree.types.string),
-    scale: _mobxStateTree.types.maybe(_mobxStateTree.types.string),
-    autoscale: _mobxStateTree.types.maybe(_mobxStateTree.types.string),
-    displayCrossHatches: _mobxStateTree.types.maybe(_mobxStateTree.types.boolean),
-    constraints: _mobxStateTree.types.optional(_mobxStateTree.types.model({
-      max: _mobxStateTree.types.maybe(_mobxStateTree.types.number),
-      min: _mobxStateTree.types.maybe(_mobxStateTree.types.number)
-    }), {})
-  })).volatile(function () {
-    return {
-      statsReady: false,
-      message: undefined,
-      stats: {
-        scoreMin: 0,
-        scoreMax: 50
-      },
-      statsFetchInProgress: undefined
-    };
-  }).actions(function (self) {
-    return {
-      updateStats: function updateStats(_ref) {
-        var scoreMin = _ref.scoreMin,
-            scoreMax = _ref.scoreMax;
-
-        if (self.stats.scoreMin !== scoreMin || self.stats.scoreMax !== scoreMax) {
-          self.stats = {
-            scoreMin: scoreMin,
-            scoreMax: scoreMax
-          };
-        }
-
-        self.statsReady = true;
-      },
-      setColor: function setColor(color) {
-        self.color = color;
-      },
-      setPosColor: function setPosColor(color) {
-        self.posColor = color;
-      },
-      setNegColor: function setNegColor(color) {
-        self.negColor = color;
-      },
-      setLoading: function setLoading(aborter) {
-        var statsFetch = self.statsFetchInProgress;
-
-        if (statsFetch !== undefined && !statsFetch.signal.aborted) {
-          statsFetch.abort();
+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];
         }
-
-        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 selectFeature(feature) {
-        var session = (0, _util.getSession)(self);
-
-        if ((0, _util.isSelectionContainer)(session)) {
-          session.setSelection(feature);
-        }
-      },
-      setResolution: function setResolution(res) {
-        self.resolution = res;
-      },
-      setFill: function setFill(fill) {
-        self.fill = fill;
-      },
-      toggleLogScale: function toggleLogScale() {
-        if (self.scale !== 'log') {
-          self.scale = 'log';
-        } else {
-          self.scale = 'linear';
-        }
-      },
-      setScaleType: function setScaleType(scale) {
-        self.scale = scale;
-      },
-      setSummaryScoreMode: function setSummaryScoreMode(val) {
-        self.summaryScoreMode = val;
-      },
-      setAutoscale: function setAutoscale(val) {
-        self.autoscale = val;
-      },
-      setMaxScore: function setMaxScore(val) {
-        self.constraints.max = val;
-      },
-      setRendererType: function setRendererType(val) {
-        self.rendererTypeNameState = val;
-      },
-      setMinScore: function setMinScore(val) {
-        self.constraints.min = val;
-      },
-      toggleCrossHatches: function toggleCrossHatches() {
-        self.displayCrossHatches = !self.displayCrossHatches;
-      },
-      setCrossHatches: function setCrossHatches(cross) {
-        self.displayCrossHatches = cross;
-      }
+        return t;
     };
-  }).views(function (self) {
-    return {
-      get TooltipComponent() {
-        return _Tooltip.default;
-      },
-
-      get adapterTypeName() {
-        return self.adapterConfig.type;
-      },
-
-      get rendererTypeName() {
-        var viewName = self.rendererTypeNameState || (0, _configuration.getConf)(self, 'defaultRendering');
-        var rendererType = rendererTypes.get(viewName);
-
-        if (!rendererType) {
-          throw new Error("unknown alignments view name ".concat(viewName));
+    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);
         }
-
-        return rendererType;
-      },
-
-      // subclasses can define these, as snpcoverage track does
-      get filters() {
-        return undefined;
-      },
-
-      get scaleType() {
-        return self.scale || (0, _configuration.getConf)(self, 'scaleType');
-      },
-
-      get maxScore() {
-        var max = self.constraints.max;
-        return max !== null && max !== void 0 ? max : (0, _configuration.getConf)(self, 'maxScore');
-      },
-
-      get minScore() {
-        var min = self.constraints.min;
-        return min !== null && min !== void 0 ? min : (0, _configuration.getConf)(self, 'minScore');
-      }
-
-    };
-  }).views(function (self) {
-    return {
-      get rendererConfig() {
-        var configBlob = (0, _configuration.getConf)(self, ['renderers', self.rendererTypeName]) || {};
-        return self.rendererType.configSchema.create(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, configBlob), {}, {
-          filled: self.fill,
-          scaleType: self.scaleType,
-          displayCrossHatches: self.displayCrossHatches,
-          summaryScoreMode: self.summaryScoreMode
-        }, self.color ? {
-          color: self.color
-        } : {}), self.negColor ? {
-          negColor: self.negColor
-        } : {}), self.posColor ? {
-          posColor: self.posColor
-        } : {}), (0, _mobxStateTree.getEnv)(self));
-      }
-
-    };
-  }).views(function (self) {
-    var oldDomain = [0, 0];
-    return {
-      get filled() {
-        var _self$fill;
-
-        return (_self$fill = self.fill) !== null && _self$fill !== void 0 ? _self$fill : (0, _configuration.readConfObject)(self.rendererConfig, 'filled');
-      },
-
-      get summaryScoreModeSetting() {
-        return self.summaryScoreMode || (0, _configuration.readConfObject)(self.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, _util2.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 (JSON.stringify(oldDomain) !== JSON.stringify(ret)) {
-          oldDomain = ret;
+        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 oldDomain;
-      },
-
-      get needsScalebar() {
-        return self.rendererTypeName === 'XYPlotRenderer' || self.rendererTypeName === 'LinePlotRenderer';
-      },
-
-      get scaleOpts() {
-        return {
-          domain: this.domain,
-          stats: self.stats,
-          autoscaleType: this.autoscaleType,
-          scaleType: self.scaleType,
-          inverted: (0, _configuration.getConf)(self, 'inverted')
-        };
-      },
-
-      get canHaveFill() {
-        return self.rendererTypeName === 'XYPlotRenderer';
-      },
-
-      get autoscaleType() {
-        return self.autoscale || (0, _configuration.getConf)(self, 'autoscale');
-      },
-
-      get displayCrossHatchesSetting() {
-        return self.displayCrossHatches || (0, _configuration.readConfObject)(self.rendererConfig, 'displayCrossHatches');
-      }
-
-    };
-  }).views(function (self) {
-    return {
-      get ticks() {
-        var scaleType = self.scaleType,
-            domain = self.domain,
-            height = self.height;
-        var minimalTicks = (0, _configuration.getConf)(self, 'minimalTicks');
-        var range = [height - YSCALEBAR_LABEL_OFFSET, YSCALEBAR_LABEL_OFFSET];
-        var scale = (0, _util2.getScale)({
-          scaleType: scaleType,
-          domain: domain,
-          range: range,
-          inverted: (0, _configuration.getConf)(self, 'inverted')
-        });
-        var ticks = (0, _reactD3AxisMod.axisPropsFromTickScale)(scale, 4);
-        return height < 100 || minimalTicks ? _objectSpread(_objectSpread({}, ticks), {}, {
-          values: domain
-        }) : ticks;
-      }
-
-    };
-  }).views(function (self) {
-    var superRenderProps = self.renderProps;
-    return {
-      renderProps: function renderProps() {
-        var superProps = superRenderProps();
-        return _objectSpread(_objectSpread({}, superProps), {}, {
-          notReady: superProps.notReady || !self.statsReady,
-          rpcDriverName: self.rpcDriverName,
-          displayModel: self,
-          config: self.rendererConfig,
-          scaleOpts: self.scaleOpts,
-          resolution: self.resolution,
-          height: self.height,
-          ticks: self.ticks,
-          displayCrossHatches: self.displayCrossHatches,
-          filters: self.filters
-        });
-      },
-
-      get adapterCapabilities() {
-        return pluginManager.getAdapterType(self.adapterTypeName).adapterCapabilities;
-      },
-
-      get hasResolution() {
-        return this.adapterCapabilities.includes('hasResolution');
-      },
-
-      get hasGlobalStats() {
-        return this.adapterCapabilities.includes('hasGlobalStats');
-      }
-
-    };
-  }).views(function (self) {
-    var superTrackMenuItems = self.trackMenuItems;
-    return {
-      trackMenuItems: function trackMenuItems() {
-        return [].concat((0, _toConsumableArray2.default)(superTrackMenuItems()), (0, _toConsumableArray2.default)(self.hasResolution ? [{
-          label: 'Resolution',
-          subMenu: [{
-            label: 'Finer resolution',
-            onClick: function onClick() {
-              self.setResolution(self.resolution * 5);
+    }
+    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 configuration_1 = require("@jbrowse/core/configuration");
+var util_1 = require("@jbrowse/core/util");
+var plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+var mobx_1 = require("mobx");
+var mobx_state_tree_1 = require("mobx-state-tree");
+var react_d3_axis_mod_1 = require("react-d3-axis-mod");
+var util_2 = require("../../util");
+var Tooltip_1 = __importDefault(require("../components/Tooltip"));
+var WiggleDisplayComponent_1 = require("../components/WiggleDisplayComponent");
+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', 'XYPlotRenderer'],
+    ['density', 'DensityRenderer'],
+    ['line', 'LinePlotRenderer'],
+]);
+var stateModelFactory = function (pluginManager, configSchema) {
+    return mobx_state_tree_1.types
+        .compose('LinearWiggleDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
+        type: mobx_state_tree_1.types.literal('LinearWiggleDisplay'),
+        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),
+        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),
+        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 },
+        statsFetchInProgress: undefined,
+    }); })
+        .actions(function (self) { return ({
+        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;
             }
-          }, {
-            label: 'Coarser resolution',
-            onClick: function onClick() {
-              self.setResolution(self.resolution / 5);
+        },
+        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();
             }
-          }]
-        }, {
-          label: 'Summary score mode',
-          subMenu: ['min', 'max', 'avg', 'whiskers'].map(function (elt) {
-            return {
-              label: elt,
-              onClick: function onClick() {
-                return self.setSummaryScoreMode(elt);
-              }
-            };
-          })
-        }] : []), (0, _toConsumableArray2.default)(self.canHaveFill ? [{
-          label: self.filled ? 'Turn off histogram fill' : 'Turn on histogram fill',
-          onClick: function onClick() {
-            self.setFill(!self.filled);
-          }
-        }] : []), [{
-          label: self.scaleType === 'log' ? 'Set linear scale' : 'Set log scale',
-          onClick: function onClick() {
-            self.toggleLogScale();
-          }
-        }, {
-          type: 'checkbox',
-          label: 'Draw cross hatches',
-          checked: self.displayCrossHatchesSetting,
-          onClick: function onClick() {
-            self.toggleCrossHatches();
-          }
-        }], (0, _toConsumableArray2.default)(Object.keys((0, _configuration.getConf)(self, 'renderers') || {}).length > 1 ? [{
-          label: 'Renderer type',
-          subMenu: (0, _toConsumableArray2.default)(rendererTypes.keys()).map(function (key) {
-            return {
-              label: key,
-              onClick: function onClick() {
-                return self.setRendererType(key);
-              }
-            };
-          })
-        }] : []), [{
-          label: 'Autoscale type',
-          subMenu: [['local', 'Local']].concat((0, _toConsumableArray2.default)(self.hasGlobalStats ? [['global', 'Global'], ['globalsd', 'Global ± 3σ']] : []), [['localsd', 'Local ± 3σ']]).map(function (_ref2) {
-            var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-                val = _ref3[0],
-                label = _ref3[1];
-
-            return {
-              label: label,
-              onClick: function onClick() {
-                self.setAutoscale(val);
-              }
-            };
-          })
-        }, {
-          label: 'Set min/max score',
-          onClick: function onClick() {
-            (0, _util.getSession)(self).queueDialog(function (doneCallback) {
-              return [SetMinMaxDlg, {
-                model: self,
-                handleClose: doneCallback
-              }];
-            });
-          }
-        }, {
-          label: 'Set color',
-          onClick: function onClick() {
-            (0, _util.getSession)(self).queueDialog(function (doneCallback) {
-              return [SetColorDlg, {
-                model: self,
-                handleClose: doneCallback
-              }];
-            });
-          }
-        }]);
-      }
-    };
-  }).actions(function (self) {
-    var superReload = self.reload,
-        superRenderSvg = self.renderSvg;
-
-    function getStats(_x) {
-      return _getStats.apply(this, arguments);
-    }
-
-    function _getStats() {
-      _getStats = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(opts) {
-        var _getSession, rpcManager, nd, adapterConfig, autoscaleType, sessionId, params, results, scoreMin, scoreMean, scoreStdDev, _ref6, dynamicBlocks, bpPerPx, _results, _scoreMin, _scoreMean, _scoreStdDev;
-
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _getSession = (0, _util.getSession)(self), rpcManager = _getSession.rpcManager;
-                nd = (0, _configuration.getConf)(self, 'numStdDev') || 3;
-                adapterConfig = self.adapterConfig, autoscaleType = self.autoscaleType;
-                sessionId = (0, _tracks.getRpcSessionId)(self);
-                params = _objectSpread({
-                  sessionId: sessionId,
-                  adapterConfig: adapterConfig,
-                  statusCallback: function statusCallback(message) {
-                    if ((0, _mobxStateTree.isAlive)(self)) {
-                      self.setMessage(message);
-                    }
-                  }
-                }, opts);
-
-                if (!(autoscaleType === 'global' || autoscaleType === 'globalsd')) {
-                  _context4.next = 11;
-                  break;
-                }
-
-                _context4.next = 8;
-                return rpcManager.call(sessionId, 'WiggleGetGlobalStats', params);
-
-              case 8:
-                results = _context4.sent;
-                scoreMin = results.scoreMin, scoreMean = results.scoreMean, scoreStdDev = results.scoreStdDev; // globalsd uses heuristic to avoid unnecessary scoreMin<0
-                // if the scoreMin is never less than 0
-                // helps with most coverage bigwigs just being >0
-
-                return _context4.abrupt("return", autoscaleType === 'globalsd' ? _objectSpread(_objectSpread({}, results), {}, {
-                  scoreMin: scoreMin >= 0 ? 0 : scoreMean - nd * scoreStdDev,
-                  scoreMax: scoreMean + nd * scoreStdDev
-                }) : results);
-
-              case 11:
-                if (!(autoscaleType === 'local' || autoscaleType === 'localsd')) {
-                  _context4.next = 18;
-                  break;
-                }
-
-                _ref6 = (0, _util.getContainingView)(self), dynamicBlocks = _ref6.dynamicBlocks, bpPerPx = _ref6.bpPerPx;
-                _context4.next = 15;
-                return rpcManager.call(sessionId, 'WiggleGetMultiRegionStats', _objectSpread(_objectSpread({}, params), {}, {
-                  regions: dynamicBlocks.contentBlocks.map(function (region) {
-                    var start = region.start,
-                        end = region.end;
-                    return _objectSpread(_objectSpread({}, JSON.parse(JSON.stringify(region))), {}, {
-                      start: Math.floor(start),
-                      end: Math.ceil(end)
-                    });
-                  }),
-                  bpPerPx: bpPerPx
-                }));
-
-              case 15:
-                _results = _context4.sent;
-                _scoreMin = _results.scoreMin, _scoreMean = _results.scoreMean, _scoreStdDev = _results.scoreStdDev; // localsd uses heuristic to avoid unnecessary scoreMin<0 if the
-                // scoreMin is never less than 0 helps with most coverage bigwigs
-                // just being >0
-
-                return _context4.abrupt("return", autoscaleType === 'localsd' ? _objectSpread(_objectSpread({}, _results), {}, {
-                  scoreMin: _scoreMin >= 0 ? 0 : _scoreMean - nd * _scoreStdDev,
-                  scoreMax: _scoreMean + nd * _scoreStdDev
-                }) : _results);
-
-              case 18:
-                if (!(autoscaleType === 'zscale')) {
-                  _context4.next = 20;
-                  break;
-                }
-
-                return _context4.abrupt("return", rpcManager.call(sessionId, 'WiggleGetGlobalStats', params));
-
-              case 20:
-                throw new Error("invalid autoscaleType '".concat(autoscaleType, "'"));
-
-              case 21:
-              case "end":
-                return _context4.stop();
+            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);
             }
-          }
-        }, _callee4);
-      }));
-      return _getStats.apply(this, arguments);
-    }
-
-    return {
-      // re-runs stats and refresh whole display on reload
-      reload: function reload() {
-        return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-          var aborter, stats;
-          return _regenerator.default.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  self.setError();
-                  aborter = new AbortController();
-                  _context.prev = 2;
-                  _context.next = 5;
-                  return getStats(_objectSpread({
-                    signal: aborter.signal
-                  }, self.renderProps()));
-
-                case 5:
-                  stats = _context.sent;
-
-                  if ((0, _mobxStateTree.isAlive)(self)) {
-                    self.updateStats(stats);
-                    superReload();
-                  }
-
-                  _context.next = 12;
-                  break;
-
-                case 9:
-                  _context.prev = 9;
-                  _context.t0 = _context["catch"](2);
-                  self.setError(_context.t0);
-
-                case 12:
-                case "end":
-                  return _context.stop();
-              }
+        },
+        setResolution: function (res) {
+            self.resolution = res;
+        },
+        setFill: function (fill) {
+            if (fill === 0) {
+                self.fill = true;
+                self.minSize = 0;
             }
-          }, _callee, null, [[2, 9]]);
-        }))();
-      },
-      afterAttach: function afterAttach() {
-        (0, _mobxStateTree.addDisposer)(self, (0, _mobx.autorun)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-          var aborter, view, wiggleStats;
-          return _regenerator.default.wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  _context2.prev = 0;
-                  aborter = new AbortController();
-                  view = (0, _util.getContainingView)(self);
-                  self.setLoading(aborter);
-
-                  if (view.initialized) {
-                    _context2.next = 6;
-                    break;
-                  }
-
-                  return _context2.abrupt("return");
-
-                case 6:
-                  if (self.estimatedStatsReady) {
-                    _context2.next = 8;
-                    break;
-                  }
-
-                  return _context2.abrupt("return");
-
-                case 8:
-                  if (!self.regionTooLarge) {
-                    _context2.next = 10;
-                    break;
-                  }
-
-                  return _context2.abrupt("return");
-
-                case 10:
-                  _context2.next = 12;
-                  return getStats(_objectSpread({
-                    signal: aborter.signal
-                  }, self.renderProps()));
-
-                case 12:
-                  wiggleStats = _context2.sent;
-
-                  if ((0, _mobxStateTree.isAlive)(self)) {
-                    self.updateStats(wiggleStats);
-                  }
-
-                  _context2.next = 19;
-                  break;
-
-                case 16:
-                  _context2.prev = 16;
-                  _context2.t0 = _context2["catch"](0);
-
-                  if (!(0, _util.isAbortException)(_context2.t0) && (0, _mobxStateTree.isAlive)(self)) {
-                    console.error(_context2.t0);
-                    self.setError(_context2.t0);
-                  }
-
-                case 19:
-                case "end":
-                  return _context2.stop();
-              }
+            else if (fill === 1) {
+                self.fill = false;
+                self.minSize = 1;
             }
-          }, _callee2, null, [[0, 16]]);
-        })), {
-          delay: 1000
-        }));
-      },
-      renderSvg: function renderSvg(opts) {
-        return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-          var needsScalebar, stats, _ref5, offsetPx;
-
-          return _regenerator.default.wrap(function _callee3$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  _context3.next = 2;
-                  return (0, _mobx.when)(function () {
-                    return self.statsReady && !!self.regionCannotBeRenderedText;
-                  });
-
-                case 2:
-                  needsScalebar = self.needsScalebar, stats = self.stats;
-                  _ref5 = (0, _util.getContainingView)(self), offsetPx = _ref5.offsetPx;
-                  _context3.t0 = _react.default;
-                  _context3.t1 = _react.default.Fragment;
-                  _context3.t2 = _react.default;
-                  _context3.t3 = {
-                    id: "snpcov"
-                  };
-                  _context3.next = 10;
-                  return superRenderSvg(opts);
-
-                case 10:
-                  _context3.t4 = _context3.sent;
-                  _context3.t5 = _context3.t2.createElement.call(_context3.t2, "g", _context3.t3, _context3.t4);
-                  _context3.t6 = needsScalebar && stats ? /*#__PURE__*/_react.default.createElement("g", {
-                    transform: "translate(".concat(Math.max(-offsetPx, 0), ")")
-                  }, /*#__PURE__*/_react.default.createElement(_WiggleDisplayComponent.YScaleBar, {
-                    model: self,
-                    orientation: "left"
-                  })) : null;
-                  return _context3.abrupt("return", _context3.t0.createElement.call(_context3.t0, _context3.t1, null, _context3.t5, _context3.t6));
-
-                case 14:
-                case "end":
-                  return _context3.stop();
-              }
+            else if (fill === 2) {
+                self.fill = false;
+                self.minSize = 2;
             }
-          }, _callee3);
-        }))();
-      }
-    };
-  });
+        },
+        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 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() {
+            return self.scale || (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) {
+        var oldDomain = [0, 0];
+        return {
+            get filled() {
+                var fill = self.fill, conf = self.rendererConfig;
+                return fill !== null && fill !== void 0 ? fill : (0, configuration_1.readConfObject)(conf, 'filled');
+            },
+            get summaryScoreModeSetting() {
+                var summaryScoreMode = self.summaryScoreMode, conf = self.rendererConfig;
+                return summaryScoreMode !== null && summaryScoreMode !== void 0 ? summaryScoreMode : (0, configuration_1.readConfObject)(conf, 'summaryScoreMode');
+            },
+            get domain() {
+                var stats = self.stats, scaleType = self.scaleType, minScore = self.minScore, maxScore = self.maxScore;
+                var ret = (0, util_2.getNiceDomain)({
+                    domain: [stats.scoreMin, stats.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 (JSON.stringify(oldDomain) !== JSON.stringify(ret)) {
+                    oldDomain = ret;
+                }
+                return oldDomain;
+            },
+            get needsScalebar() {
+                return (self.rendererTypeName === 'XYPlotRenderer' ||
+                    self.rendererTypeName === 'LinePlotRenderer');
+            },
+            get scaleOpts() {
+                return {
+                    domain: this.domain,
+                    stats: self.stats,
+                    autoscaleType: this.autoscaleType,
+                    scaleType: self.scaleType,
+                    inverted: (0, configuration_1.getConf)(self, 'inverted'),
+                };
+            },
+            get canHaveFill() {
+                return self.rendererTypeName === 'XYPlotRenderer';
+            },
+            get autoscaleType() {
+                var _a;
+                return (_a = self.autoscale) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'autoscale');
+            },
+            get displayCrossHatchesSetting() {
+                var hatches = self.displayCrossHatches, conf = self.rendererConfig;
+                return hatches !== null && hatches !== void 0 ? hatches : (0, configuration_1.readConfObject)(conf, 'displayCrossHatches');
+            },
+        };
+    })
+        .views(function (self) { return ({
+        get ticks() {
+            var scaleType = self.scaleType, domain = self.domain, height = self.height;
+            var minimalTicks = (0, configuration_1.getConf)(self, 'minimalTicks');
+            var inverted = (0, configuration_1.getConf)(self, 'inverted');
+            var range = [height - util_2.YSCALEBAR_LABEL_OFFSET, util_2.YSCALEBAR_LABEL_OFFSET];
+            var scale = (0, util_2.getScale)({
+                scaleType: scaleType,
+                domain: domain,
+                range: range,
+                inverted: inverted,
+            });
+            var ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)(scale, 4);
+            return height < 100 || minimalTicks
+                ? __assign(__assign({}, ticks), { values: domain }) : ticks;
+        },
+        get adapterCapabilities() {
+            return pluginManager.getAdapterType(self.adapterTypeName)
+                .adapterCapabilities;
+        },
+    }); })
+        .views(function (self) {
+        var superRenderProps = self.renderProps;
+        return {
+            renderProps: function () {
+                var superProps = superRenderProps();
+                var filters = self.filters, ticks = self.ticks, height = self.height, resolution = self.resolution, scaleOpts = self.scaleOpts;
+                return __assign(__assign({}, superProps), { notReady: superProps.notReady || !self.statsReady, rpcDriverName: self.rpcDriverName, displayModel: self, config: self.rendererConfig, displayCrossHatches: self.displayCrossHatchesSetting, scaleOpts: scaleOpts, resolution: resolution, height: height, ticks: ticks, filters: filters });
+            },
+            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', 'density', 'line'].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 () {
+                            (0, util_1.getSession)(self).queueDialog(function (handleClose) { return [
+                                SetMinMaxDlg,
+                                { model: self, handleClose: handleClose },
+                            ]; });
+                        },
+                    },
+                    {
+                        label: 'Set color',
+                        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();
+                                self.setLoading(aborter);
+                                _a.label = 1;
+                            case 1:
+                                _a.trys.push([1, 3, , 4]);
+                                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 () {
+                (0, util_2.statsAutorun)(self);
+            },
+            renderSvg: function (opts) {
+                return __awaiter(this, void 0, void 0, function () {
+                    var needsScalebar, stats, 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();
+                                needsScalebar = self.needsScalebar, stats = self.stats;
+                                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()])), needsScalebar && stats ? (react_1.default.createElement("g", { transform: "translate(".concat(Math.max(-offsetPx, 0), ")") },
+                                        react_1.default.createElement(WiggleDisplayComponent_1.YScaleBar, { model: self, orientation: "left" }))) : null])))];
+                        }
+                    });
+                });
+            },
+        };
+    });
 };
-
-var _default = stateModelFactory;
-exports.default = _default;
+exports.default = stateModelFactory;
+//# sourceMappingURL=model.js.map