@jbrowse/plugin-grid-bookmark 1.6.8 → 1.7.1

package/dist/plugin-grid-bookmark.esm.js

@@ -1,1919 +0,0 @@
-import React, { useState, lazy } from 'react';
-import BookmarkIcon from '@material-ui/icons/Bookmark';
-import BookmarksIcon from '@material-ui/icons/Bookmarks';
-import WidgetType from '@jbrowse/core/pluggableElementTypes/WidgetType';
-import Plugin from '@jbrowse/core/Plugin';
-import { assembleLocString, parseLocString, when, getSession, measureText, isSessionModelWithWidgets } from '@jbrowse/core/util';
-import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import { observer } from 'mobx-react';
-import { Typography, FormControl, Select, MenuItem, makeStyles, Dialog, DialogTitle, IconButton, DialogContent, DialogActions, Button, Link } from '@material-ui/core';
-import { DataGrid } from '@mui/x-data-grid';
-import DeleteIcon from '@material-ui/icons/Delete';
-import ViewCompactIcon from '@material-ui/icons/ViewCompact';
-import CloseIcon from '@material-ui/icons/Close';
-import GetAppIcon from '@material-ui/icons/GetApp';
-import { saveAs } from 'file-saver';
-import AssemblySelector$2 from '@jbrowse/core/ui/AssemblySelector';
-import { FileSelector } from '@jbrowse/core/ui';
-import { openLocation } from '@jbrowse/core/util/io';
-import ImportIcon from '@material-ui/icons/Publish';
-import ClearAllIcon from '@material-ui/icons/ClearAll';
-import { types, cast } from 'mobx-state-tree';
-import { ElementId, Region } from '@jbrowse/core/util/types/mst';
-
-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 _objectSpread2(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) {
-      _defineProperty(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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-
-      _next(undefined);
-    });
-  };
-}
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-
-  return _assertThisInitialized(self);
-}
-
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-        result;
-
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return _possibleConstructorReturn(this, result);
-  };
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-var useStyles = /*#__PURE__*/makeStyles(function () {
-  return {
-    container: {
-      display: 'flex',
-      flexDirection: 'row',
-      margin: 5
-    },
-    selectText: {
-      marginRight: 8,
-      marginTop: 10
-    },
-    flexItem: {
-      marginRight: 8
-    }
-  };
-});
-
-function AssemblySelector(_ref) {
-  var model = _ref.model;
-  var classes = useStyles();
-  var assemblies = model.assemblies,
-      selectedAssembly = model.selectedAssembly,
-      setSelectedAssembly = model.setSelectedAssembly;
-  var noAssemblies = assemblies.length === 0 ? true : false;
-
-  var determineCurrentValue = function determineCurrentValue(selectedAssembly) {
-    if (selectedAssembly === 'all') {
-      return 'all';
-    } else {
-      if (assemblies.includes(selectedAssembly)) {
-        return selectedAssembly;
-      }
-    }
-
-    return 'none';
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.container
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: classes.selectText
-  }, "Select assembly:"), /*#__PURE__*/React.createElement(FormControl, {
-    className: classes.flexItem,
-    disabled: noAssemblies
-  }, /*#__PURE__*/React.createElement(Select, {
-    value: determineCurrentValue(selectedAssembly),
-    onChange: function onChange(event) {
-      return setSelectedAssembly(event.target.value);
-    }
-  }, /*#__PURE__*/React.createElement(MenuItem, {
-    value: "none",
-    key: "no-assembly"
-  }, "none"), /*#__PURE__*/React.createElement(MenuItem, {
-    value: "all",
-    key: "all-assemblies"
-  }, "all"), assemblies.map(function (assembly) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      value: assembly,
-      key: assembly
-    }, assembly);
-  }))));
-}
-
-var AssemblySelector$1 = /*#__PURE__*/observer(AssemblySelector);
-
-var useStyles$1 = /*#__PURE__*/makeStyles(function () {
-  return {
-    closeDialog: {
-      position: 'absolute',
-      right: 0,
-      top: 0
-    },
-    dialogContainer: {
-      margin: 15
-    }
-  };
-});
-
-function DeleteBookmarkDialog(_ref) {
-  var rowNumber = _ref.rowNumber,
-      model = _ref.model,
-      onClose = _ref.onClose;
-  var classes = useStyles$1();
-  var removeBookmark = model.removeBookmark;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: rowNumber !== undefined,
-    onClose: onClose
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, "Delete bookmark", /*#__PURE__*/React.createElement(IconButton, {
-    className: classes.closeDialog,
-    "aria-label": "close-dialog",
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Typography, null, "Remove", ' ', /*#__PURE__*/React.createElement("code", null, rowNumber !== undefined ? assembleLocString(model.bookmarkedRegions[rowNumber]) : ''), ' ', "?")), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    color: "secondary",
-    onClick: function onClick() {
-      onClose();
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    color: "primary",
-    onClick: function onClick() {
-      if (rowNumber !== undefined) {
-        removeBookmark(rowNumber);
-        onClose();
-      }
-    }
-  }, "Confirm")));
-}
-
-var DeleteBookmarkDialog$1 = /*#__PURE__*/observer(DeleteBookmarkDialog);
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
-  /**
-   * Copyright (c) 2014-present, Facebook, Inc.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  var runtime = function (exports) {
-
-    var Op = Object.prototype;
-    var hasOwn = Op.hasOwnProperty;
-    var undefined$1; // More compressible than void 0.
-
-    var $Symbol = typeof Symbol === "function" ? Symbol : {};
-    var iteratorSymbol = $Symbol.iterator || "@@iterator";
-    var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-    var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-    function define(obj, key, value) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-      return obj[key];
-    }
-
-    try {
-      // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-      define({}, "");
-    } catch (err) {
-      define = function define(obj, key, value) {
-        return obj[key] = value;
-      };
-    }
-
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-      // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-      var generator = Object.create(protoGenerator.prototype);
-      var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
-      // .throw, and .return methods.
-
-      generator._invoke = makeInvokeMethod(innerFn, self, context);
-      return generator;
-    }
-
-    exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
-    // record like context.tryEntries[i].completion. This interface could
-    // have been (and was previously) designed to take a closure to be
-    // invoked without arguments, but in all the cases we care about we
-    // already have an existing method we want to call, so there's no need
-    // to create a new function object. We can even get away with assuming
-    // the method takes exactly one argument, since that happens to be true
-    // in every case, so we don't have to touch the arguments object. The
-    // only additional allocation required is the completion record, which
-    // has a stable shape and so hopefully should be cheap to allocate.
-
-    function tryCatch(fn, obj, arg) {
-      try {
-        return {
-          type: "normal",
-          arg: fn.call(obj, arg)
-        };
-      } catch (err) {
-        return {
-          type: "throw",
-          arg: err
-        };
-      }
-    }
-
-    var GenStateSuspendedStart = "suspendedStart";
-    var GenStateSuspendedYield = "suspendedYield";
-    var GenStateExecuting = "executing";
-    var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
-    // breaking out of the dispatch switch statement.
-
-    var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
-    // .constructor.prototype properties for functions that return Generator
-    // objects. For full spec compliance, you may wish to configure your
-    // minifier not to mangle the names of these two functions.
-
-    function Generator() {}
-
-    function GeneratorFunction() {}
-
-    function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
-    // don't natively support it.
-
-
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
-      return this;
-    });
-    var getProto = Object.getPrototypeOf;
-    var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-
-    if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-      // This environment has a native %IteratorPrototype%; use it instead
-      // of the polyfill.
-      IteratorPrototype = NativeIteratorPrototype;
-    }
-
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    GeneratorFunction.prototype = GeneratorFunctionPrototype;
-    define(Gp, "constructor", GeneratorFunctionPrototype);
-    define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
-    // Iterator interface in terms of a single ._invoke method.
-
-    function defineIteratorMethods(prototype) {
-      ["next", "throw", "return"].forEach(function (method) {
-        define(prototype, method, function (arg) {
-          return this._invoke(method, arg);
-        });
-      });
-    }
-
-    exports.isGeneratorFunction = function (genFun) {
-      var ctor = typeof genFun === "function" && genFun.constructor;
-      return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
-      // do is to check its .name property.
-      (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
-    };
-
-    exports.mark = function (genFun) {
-      if (Object.setPrototypeOf) {
-        Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-      } else {
-        genFun.__proto__ = GeneratorFunctionPrototype;
-        define(genFun, toStringTagSymbol, "GeneratorFunction");
-      }
-
-      genFun.prototype = Object.create(Gp);
-      return genFun;
-    }; // Within the body of any async function, `await x` is transformed to
-    // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-    // `hasOwn.call(value, "__await")` to determine if the yielded value is
-    // meant to be awaited.
-
-
-    exports.awrap = function (arg) {
-      return {
-        __await: arg
-      };
-    };
-
-    function AsyncIterator(generator, PromiseImpl) {
-      function invoke(method, arg, resolve, reject) {
-        var record = tryCatch(generator[method], generator, arg);
-
-        if (record.type === "throw") {
-          reject(record.arg);
-        } else {
-          var result = record.arg;
-          var value = result.value;
-
-          if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
-            return PromiseImpl.resolve(value.__await).then(function (value) {
-              invoke("next", value, resolve, reject);
-            }, function (err) {
-              invoke("throw", err, resolve, reject);
-            });
-          }
-
-          return PromiseImpl.resolve(value).then(function (unwrapped) {
-            // When a yielded Promise is resolved, its final value becomes
-            // the .value of the Promise<{value,done}> result for the
-            // current iteration.
-            result.value = unwrapped;
-            resolve(result);
-          }, function (error) {
-            // If a rejected Promise was yielded, throw the rejection back
-            // into the async generator function so it can be handled there.
-            return invoke("throw", error, resolve, reject);
-          });
-        }
-      }
-
-      var previousPromise;
-
-      function enqueue(method, arg) {
-        function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
-          });
-        }
-
-        return previousPromise = // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
-        // invocations of the iterator.
-        callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      } // Define the unified helper method that is used to implement .next,
-      // .throw, and .return (see defineIteratorMethods).
-
-
-      this._invoke = enqueue;
-    }
-
-    defineIteratorMethods(AsyncIterator.prototype);
-    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-      return this;
-    });
-    exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
-    // AsyncIterator objects; they just return a Promise for the value of
-    // the final result produced by the iterator.
-
-    exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-      if (PromiseImpl === void 0) PromiseImpl = Promise;
-      var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-      return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function (result) {
-        return result.done ? result.value : iter.next();
-      });
-    };
-
-    function makeInvokeMethod(innerFn, self, context) {
-      var state = GenStateSuspendedStart;
-      return function invoke(method, arg) {
-        if (state === GenStateExecuting) {
-          throw new Error("Generator is already running");
-        }
-
-        if (state === GenStateCompleted) {
-          if (method === "throw") {
-            throw arg;
-          } // Be forgiving, per 25.3.3.3.3 of the spec:
-          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-
-
-          return doneResult();
-        }
-
-        context.method = method;
-        context.arg = arg;
-
-        while (true) {
-          var delegate = context.delegate;
-
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-
-          if (context.method === "next") {
-            // Setting context._sent for legacy support of Babel's
-            // function.sent implementation.
-            context.sent = context._sent = context.arg;
-          } else if (context.method === "throw") {
-            if (state === GenStateSuspendedStart) {
-              state = GenStateCompleted;
-              throw context.arg;
-            }
-
-            context.dispatchException(context.arg);
-          } else if (context.method === "return") {
-            context.abrupt("return", context.arg);
-          }
-
-          state = GenStateExecuting;
-          var record = tryCatch(innerFn, self, context);
-
-          if (record.type === "normal") {
-            // If an exception is thrown from innerFn, we leave state ===
-            // GenStateExecuting and loop back for another invocation.
-            state = context.done ? GenStateCompleted : GenStateSuspendedYield;
-
-            if (record.arg === ContinueSentinel) {
-              continue;
-            }
-
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          } else if (record.type === "throw") {
-            state = GenStateCompleted; // Dispatch the exception by looping back around to the
-            // context.dispatchException(context.arg) call above.
-
-            context.method = "throw";
-            context.arg = record.arg;
-          }
-        }
-      };
-    } // Call delegate.iterator[context.method](context.arg) and handle the
-    // result, either by returning a { value, done } result from the
-    // delegate iterator, or by modifying context.method and context.arg,
-    // setting context.delegate to null, and returning the ContinueSentinel.
-
-
-    function maybeInvokeDelegate(delegate, context) {
-      var method = delegate.iterator[context.method];
-
-      if (method === undefined$1) {
-        // A .throw or .return when the delegate iterator has no .throw
-        // method always terminates the yield* loop.
-        context.delegate = null;
-
-        if (context.method === "throw") {
-          // Note: ["return"] must be used for ES3 parsing compatibility.
-          if (delegate.iterator["return"]) {
-            // If the delegate iterator has a return method, give it a
-            // chance to clean up.
-            context.method = "return";
-            context.arg = undefined$1;
-            maybeInvokeDelegate(delegate, context);
-
-            if (context.method === "throw") {
-              // If maybeInvokeDelegate(context) changed context.method from
-              // "return" to "throw", let that override the TypeError below.
-              return ContinueSentinel;
-            }
-          }
-
-          context.method = "throw";
-          context.arg = new TypeError("The iterator does not provide a 'throw' method");
-        }
-
-        return ContinueSentinel;
-      }
-
-      var record = tryCatch(method, delegate.iterator, context.arg);
-
-      if (record.type === "throw") {
-        context.method = "throw";
-        context.arg = record.arg;
-        context.delegate = null;
-        return ContinueSentinel;
-      }
-
-      var info = record.arg;
-
-      if (!info) {
-        context.method = "throw";
-        context.arg = new TypeError("iterator result is not an object");
-        context.delegate = null;
-        return ContinueSentinel;
-      }
-
-      if (info.done) {
-        // Assign the result of the finished delegate to the temporary
-        // variable specified by delegate.resultName (see delegateYield).
-        context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
-
-        context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
-        // exception, let the outer generator proceed normally. If
-        // context.method was "next", forget context.arg since it has been
-        // "consumed" by the delegate iterator. If context.method was
-        // "return", allow the original .return call to continue in the
-        // outer generator.
-
-        if (context.method !== "return") {
-          context.method = "next";
-          context.arg = undefined$1;
-        }
-      } else {
-        // Re-yield the result returned by the delegate method.
-        return info;
-      } // The delegate iterator is finished, so forget it and continue with
-      // the outer generator.
-
-
-      context.delegate = null;
-      return ContinueSentinel;
-    } // Define Generator.prototype.{next,throw,return} in terms of the
-    // unified ._invoke helper method.
-
-
-    defineIteratorMethods(Gp);
-    define(Gp, toStringTagSymbol, "Generator"); // A Generator should always return itself as the iterator object when the
-    // @@iterator function is called on it. Some browsers' implementations of the
-    // iterator prototype chain incorrectly implement this, causing the Generator
-    // object to not be returned from this call. This ensures that doesn't happen.
-    // See https://github.com/facebook/regenerator/issues/274 for more details.
-
-    define(Gp, iteratorSymbol, function () {
-      return this;
-    });
-    define(Gp, "toString", function () {
-      return "[object Generator]";
-    });
-
-    function pushTryEntry(locs) {
-      var entry = {
-        tryLoc: locs[0]
-      };
-
-      if (1 in locs) {
-        entry.catchLoc = locs[1];
-      }
-
-      if (2 in locs) {
-        entry.finallyLoc = locs[2];
-        entry.afterLoc = locs[3];
-      }
-
-      this.tryEntries.push(entry);
-    }
-
-    function resetTryEntry(entry) {
-      var record = entry.completion || {};
-      record.type = "normal";
-      delete record.arg;
-      entry.completion = record;
-    }
-
-    function Context(tryLocsList) {
-      // The root entry object (effectively a try statement without a catch
-      // or a finally block) gives us a place to store values thrown from
-      // locations where there is no enclosing try statement.
-      this.tryEntries = [{
-        tryLoc: "root"
-      }];
-      tryLocsList.forEach(pushTryEntry, this);
-      this.reset(true);
-    }
-
-    exports.keys = function (object) {
-      var keys = [];
-
-      for (var key in object) {
-        keys.push(key);
-      }
-
-      keys.reverse(); // Rather than returning an object with a next method, we keep
-      // things simple and return the next function itself.
-
-      return function next() {
-        while (keys.length) {
-          var key = keys.pop();
-
-          if (key in object) {
-            next.value = key;
-            next.done = false;
-            return next;
-          }
-        } // To avoid creating an additional object, we just hang the .value
-        // and .done properties off the next function object itself. This
-        // also ensures that the minifier will not anonymize the function.
-
-
-        next.done = true;
-        return next;
-      };
-    };
-
-    function values(iterable) {
-      if (iterable) {
-        var iteratorMethod = iterable[iteratorSymbol];
-
-        if (iteratorMethod) {
-          return iteratorMethod.call(iterable);
-        }
-
-        if (typeof iterable.next === "function") {
-          return iterable;
-        }
-
-        if (!isNaN(iterable.length)) {
-          var i = -1,
-              next = function next() {
-            while (++i < iterable.length) {
-              if (hasOwn.call(iterable, i)) {
-                next.value = iterable[i];
-                next.done = false;
-                return next;
-              }
-            }
-
-            next.value = undefined$1;
-            next.done = true;
-            return next;
-          };
-
-          return next.next = next;
-        }
-      } // Return an iterator with no values.
-
-
-      return {
-        next: doneResult
-      };
-    }
-
-    exports.values = values;
-
-    function doneResult() {
-      return {
-        value: undefined$1,
-        done: true
-      };
-    }
-
-    Context.prototype = {
-      constructor: Context,
-      reset: function reset(skipTempReset) {
-        this.prev = 0;
-        this.next = 0; // Resetting context._sent for legacy support of Babel's
-        // function.sent implementation.
-
-        this.sent = this._sent = undefined$1;
-        this.done = false;
-        this.delegate = null;
-        this.method = "next";
-        this.arg = undefined$1;
-        this.tryEntries.forEach(resetTryEntry);
-
-        if (!skipTempReset) {
-          for (var name in this) {
-            // Not sure about the optimal order of these conditions:
-            if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {
-              this[name] = undefined$1;
-            }
-          }
-        }
-      },
-      stop: function stop() {
-        this.done = true;
-        var rootEntry = this.tryEntries[0];
-        var rootRecord = rootEntry.completion;
-
-        if (rootRecord.type === "throw") {
-          throw rootRecord.arg;
-        }
-
-        return this.rval;
-      },
-      dispatchException: function dispatchException(exception) {
-        if (this.done) {
-          throw exception;
-        }
-
-        var context = this;
-
-        function handle(loc, caught) {
-          record.type = "throw";
-          record.arg = exception;
-          context.next = loc;
-
-          if (caught) {
-            // If the dispatched exception was caught by a catch block,
-            // then let that catch block handle the exception normally.
-            context.method = "next";
-            context.arg = undefined$1;
-          }
-
-          return !!caught;
-        }
-
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          var record = entry.completion;
-
-          if (entry.tryLoc === "root") {
-            // Exception thrown outside of any try block that could handle
-            // it, so set the completion value of the entire function to
-            // throw the exception.
-            return handle("end");
-          }
-
-          if (entry.tryLoc <= this.prev) {
-            var hasCatch = hasOwn.call(entry, "catchLoc");
-            var hasFinally = hasOwn.call(entry, "finallyLoc");
-
-            if (hasCatch && hasFinally) {
-              if (this.prev < entry.catchLoc) {
-                return handle(entry.catchLoc, true);
-              } else if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else if (hasCatch) {
-              if (this.prev < entry.catchLoc) {
-                return handle(entry.catchLoc, true);
-              }
-            } else if (hasFinally) {
-              if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else {
-              throw new Error("try statement without catch or finally");
-            }
-          }
-        }
-      },
-      abrupt: function abrupt(type, arg) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-            var finallyEntry = entry;
-            break;
-          }
-        }
-
-        if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
-          // Ignore the finally entry if control is not jumping to a
-          // location outside the try/catch block.
-          finallyEntry = null;
-        }
-
-        var record = finallyEntry ? finallyEntry.completion : {};
-        record.type = type;
-        record.arg = arg;
-
-        if (finallyEntry) {
-          this.method = "next";
-          this.next = finallyEntry.finallyLoc;
-          return ContinueSentinel;
-        }
-
-        return this.complete(record);
-      },
-      complete: function complete(record, afterLoc) {
-        if (record.type === "throw") {
-          throw record.arg;
-        }
-
-        if (record.type === "break" || record.type === "continue") {
-          this.next = record.arg;
-        } else if (record.type === "return") {
-          this.rval = this.arg = record.arg;
-          this.method = "return";
-          this.next = "end";
-        } else if (record.type === "normal" && afterLoc) {
-          this.next = afterLoc;
-        }
-
-        return ContinueSentinel;
-      },
-      finish: function finish(finallyLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.finallyLoc === finallyLoc) {
-            this.complete(entry.completion, entry.afterLoc);
-            resetTryEntry(entry);
-            return ContinueSentinel;
-          }
-        }
-      },
-      "catch": function _catch(tryLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.tryLoc === tryLoc) {
-            var record = entry.completion;
-
-            if (record.type === "throw") {
-              var thrown = record.arg;
-              resetTryEntry(entry);
-            }
-
-            return thrown;
-          }
-        } // The context.catch method must only be called with a location
-        // argument that corresponds to a known catch block.
-
-
-        throw new Error("illegal catch attempt");
-      },
-      delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-        this.delegate = {
-          iterator: values(iterable),
-          resultName: resultName,
-          nextLoc: nextLoc
-        };
-
-        if (this.method === "next") {
-          // Deliberately forget the last sent value so that we don't
-          // accidentally pass it on to the delegate.
-          this.arg = undefined$1;
-        }
-
-        return ContinueSentinel;
-      }
-    }; // Regardless of whether this script is executing as a CommonJS module
-    // or not, return the runtime object so that we can declare the variable
-    // regeneratorRuntime in the outer scope, which allows this module to be
-    // injected easily by `bin/regenerator --include-runtime script.js`.
-
-    return exports;
-  }( // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-   module.exports );
-
-  try {
-    regeneratorRuntime = runtime;
-  } catch (accidentalStrictMode) {
-    // This module should not be running in strict mode, so the above
-    // assignment should always work unless something is misconfigured. Just
-    // in case runtime.js accidentally runs in strict mode, in modern engines
-    // we can explicitly access globalThis. In older engines we can escape
-    // strict mode using a global Function call. This could conceivably fail
-    // if a Content Security Policy forbids using Function, but in that case
-    // the proper solution is to fix the accidental strict mode problem. If
-    // you've misconfigured your bundler to force strict mode and applied a
-    // CSP to forbid Function, and you're not willing to fix either of those
-    // problems, please detail your unique predicament in a GitHub issue.
-    if (typeof globalThis === "object") {
-      globalThis.regeneratorRuntime = runtime;
-    } else {
-      Function("r", "regeneratorRuntime = r")(runtime);
-    }
-  }
-});
-
-function navToBookmark(_x, _x2, _x3) {
-  return _navToBookmark.apply(this, arguments);
-}
-
-function _navToBookmark() {
-  _navToBookmark = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(locString, views, model) {
-    var selectedAssembly, lgv, session, assemblyManager, assembly, loc, refName, regions, canonicalRefName, newDisplayedRegion, view;
-    return runtime_1.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            selectedAssembly = model.selectedAssembly;
-            lgv = views.find(function (view) {
-              return view.type === 'LinearGenomeView' && // @ts-ignore
-              view.assemblyNames[0] === selectedAssembly;
-            });
-
-            if (!lgv) {
-              _context.next = 6;
-              break;
-            }
-
-            lgv.navToLocString(locString);
-            _context.next = 28;
-            break;
-
-          case 6:
-            session = getSession(model);
-            assemblyManager = session.assemblyManager;
-            _context.next = 10;
-            return assemblyManager.waitForAssembly(selectedAssembly);
-
-          case 10:
-            assembly = _context.sent;
-
-            if (!assembly) {
-              _context.next = 28;
-              break;
-            }
-
-            _context.prev = 12;
-            loc = parseLocString(locString, function (refName) {
-              return session.assemblyManager.isValidRefName(refName, selectedAssembly);
-            });
-            refName = loc.refName;
-            regions = assembly.regions;
-            canonicalRefName = assembly.getCanonicalRefName(refName);
-
-            if (regions) {
-              newDisplayedRegion = regions.find(function (region) {
-                return region.refName === canonicalRefName;
-              });
-            }
-
-            view = session.addView('LinearGenomeView', {
-              displayName: selectedAssembly
-            });
-            _context.next = 21;
-            return when(function () {
-              return view.initialized;
-            });
-
-          case 21:
-            view.setDisplayedRegions([JSON.parse(JSON.stringify(newDisplayedRegion))]);
-            view.navToLocString(locString);
-            _context.next = 28;
-            break;
-
-          case 25:
-            _context.prev = 25;
-            _context.t0 = _context["catch"](12);
-            session.notify("".concat(_context.t0), 'error');
-
-          case 28:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[12, 25]]);
-  }));
-  return _navToBookmark.apply(this, arguments);
-}
-
-function downloadBookmarkFile(bookmarkedRegions, fileFormat, model) {
-  var selectedAssembly = model.selectedAssembly;
-  var fileHeader = fileFormat === 'TSV' ? 'chrom\tstart\tend\tlabel\tassembly_name\tcoord_range\n' : '';
-  var fileContents = bookmarkedRegions.map(function (b) {
-    var label = b.label;
-    var labelVal = label === '' ? '.' : label;
-    var locString = assembleLocString(b);
-
-    if (fileFormat === 'BED') {
-      if (b.assemblyName === selectedAssembly || selectedAssembly === 'all') {
-        // the "name" column (column 4) in a BED has a max of 255 characters
-        // according to the new spec: https://github.com/samtools/hts-specs/pull/570
-        return "".concat(b.refName, "\t").concat(b.start, "\t").concat(b.end, "\t").concat(labelVal.slice(0, 255), "\n");
-      }
-
-      return '';
-    } else {
-      return "".concat(b.refName, "\t").concat(b.start + 1, "\t").concat(b.end, "\t").concat(labelVal, "\t").concat(b.assemblyName, "\t").concat(locString, "\n");
-    }
-  }).reduce(function (a, b) {
-    return a + b;
-  }, fileHeader);
-  var blob = new Blob([fileContents || ''], {
-    type: fileFormat === 'BED' ? 'text/x-bed;charset=utf-8' : 'text/tab-separated-values;charset=utf-8'
-  });
-  var fileName;
-
-  if (fileFormat === 'BED') {
-    fileName = "jbrowse_bookmarks_".concat(selectedAssembly, ".bed");
-  } else {
-    fileName = 'jbrowse_bookmarks.tsv';
-  }
-
-  saveAs(blob, fileName);
-}
-
-var useStyles$2 = /*#__PURE__*/makeStyles(function () {
-  return {
-    closeDialog: {
-      position: 'absolute',
-      right: 0,
-      top: 0
-    },
-    dialogContainer: {
-      margin: 15
-    },
-    flexItem: {
-      margin: 5
-    },
-    flexContainer: {
-      display: 'flex',
-      justifyContent: 'space-evenly',
-      width: 200
-    }
-  };
-});
-
-function DownloadBookmarks(_ref) {
-  var model = _ref.model;
-  var classes = useStyles$2();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
-  var _useState3 = useState('BED'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      fileType = _useState4[0],
-      setFileType = _useState4[1];
-
-  var bookmarkedRegions = model.bookmarkedRegions;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    startIcon: /*#__PURE__*/React.createElement(GetAppIcon, null),
-    onClick: function onClick() {
-      return setDialogOpen(true);
-    }
-  }, "Download"), /*#__PURE__*/React.createElement(Dialog, {
-    open: dialogOpen,
-    onClose: function onClose() {
-      return setDialogOpen(false);
-    }
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, /*#__PURE__*/React.createElement(IconButton, {
-    className: classes.closeDialog,
-    "aria-label": "close-dialog",
-    onClick: function onClick() {
-      return setDialogOpen(false);
-    }
-  }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Typography, null, "Format to download"), /*#__PURE__*/React.createElement(Select, {
-    className: classes.flexItem,
-    "data-testid": "selectFileType",
-    value: fileType,
-    onChange: function onChange(event) {
-      return setFileType(event.target.value);
-    }
-  }, /*#__PURE__*/React.createElement(MenuItem, {
-    value: "BED"
-  }, "BED"), /*#__PURE__*/React.createElement(MenuItem, {
-    value: "TSV"
-  }, "TSV"))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    color: "secondary",
-    onClick: function onClick() {
-      return setDialogOpen(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
-    className: classes.flexItem,
-    "data-testid": "dialogDownload",
-    variant: "contained",
-    color: "primary",
-    startIcon: /*#__PURE__*/React.createElement(GetAppIcon, null),
-    onClick: function onClick() {
-      downloadBookmarkFile(bookmarkedRegions, fileType, model);
-      setDialogOpen(false);
-    }
-  }, "Download"))));
-}
-
-var DownloadBookmarks$1 = /*#__PURE__*/observer(DownloadBookmarks);
-
-var useStyles$3 = /*#__PURE__*/makeStyles(function () {
-  return {
-    closeDialog: {
-      position: 'absolute',
-      right: 0,
-      top: 0
-    },
-    dialogContainer: {
-      margin: 15
-    },
-    flexItem: {
-      margin: 5
-    }
-  };
-});
-
-function ImportBookmarks(_ref) {
-  var model = _ref.model,
-      assemblyName = _ref.assemblyName;
-  var classes = useStyles$3();
-  var session = getSession(model);
-  var assemblyNames = session.assemblyNames;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      location = _useState4[0],
-      setLocation = _useState4[1];
-
-  var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      error = _useState6[0],
-      setError = _useState6[1];
-
-  var _useState7 = useState(assemblyName || assemblyNames[0]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      selectedAsm = _useState8[0],
-      setSelectedAsm = _useState8[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    startIcon: /*#__PURE__*/React.createElement(ImportIcon, null),
-    onClick: function onClick() {
-      return setDialogOpen(true);
-    }
-  }, "Import"), /*#__PURE__*/React.createElement(Dialog, {
-    open: dialogOpen,
-    onClose: function onClose() {
-      return setDialogOpen(false);
-    },
-    maxWidth: "xl"
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, "Import bookmarks", /*#__PURE__*/React.createElement(IconButton, {
-    className: classes.closeDialog,
-    "aria-label": "close-dialog",
-    onClick: function onClick() {
-      return setDialogOpen(false);
-    }
-  }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Typography, null, "Choose a BED format file to import. The first 4 columns will be used"), /*#__PURE__*/React.createElement(FileSelector, {
-    location: location,
-    setLocation: setLocation,
-    name: "File"
-  }), /*#__PURE__*/React.createElement(Typography, null, "Select assembly that your data belongs to"), /*#__PURE__*/React.createElement(AssemblySelector$2, {
-    onChange: function onChange(val) {
-      return setSelectedAsm(val);
-    },
-    session: session,
-    selected: selectedAsm
-  }), error ? /*#__PURE__*/React.createElement(Typography, {
-    color: "error",
-    variant: "h6"
-  }, "".concat(error)) : null), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    color: "secondary",
-    onClick: function onClick() {
-      return setDialogOpen(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
-    className: classes.flexItem,
-    "data-testid": "dialogImport",
-    variant: "contained",
-    color: "primary",
-    disabled: !location,
-    startIcon: /*#__PURE__*/React.createElement(ImportIcon, null),
-    onClick: function () {
-      var _onClick = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-        var data, regions;
-        return runtime_1.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-
-                if (location) {
-                  _context.next = 3;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 3:
-                _context.next = 5;
-                return openLocation(location).readFile('utf8');
-
-              case 5:
-                data = _context.sent;
-                regions = data.split('\n').filter(function (f) {
-                  return !!f.trim();
-                }).filter(function (f) {
-                  return !f.startsWith('#') && !f.startsWith('track') && !f.startsWith('browser');
-                }).map(function (line) {
-                  var _line$split = line.split('\t'),
-                      _line$split2 = _slicedToArray(_line$split, 4),
-                      refName = _line$split2[0],
-                      start = _line$split2[1],
-                      end = _line$split2[2],
-                      name = _line$split2[3];
-
-                  return {
-                    assemblyName: selectedAsm,
-                    refName: refName,
-                    start: +start,
-                    end: +end,
-                    label: name === '.' ? undefined : name
-                  };
-                });
-                model.importBookmarks(regions);
-                setDialogOpen(false);
-                _context.next = 15;
-                break;
-
-              case 11:
-                _context.prev = 11;
-                _context.t0 = _context["catch"](0);
-                console.error(_context.t0);
-                setError(_context.t0);
-
-              case 15:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 11]]);
-      }));
-
-      function onClick() {
-        return _onClick.apply(this, arguments);
-      }
-
-      return onClick;
-    }()
-  }, "Import"))));
-}
-
-var ImportBookmarks$1 = /*#__PURE__*/observer(ImportBookmarks);
-
-var useStyles$4 = /*#__PURE__*/makeStyles(function () {
-  return {
-    closeDialog: {
-      position: 'absolute',
-      right: 0,
-      top: 0
-    },
-    dialogContainer: {
-      margin: 15
-    }
-  };
-});
-
-function ClearBookmarks(_ref) {
-  var model = _ref.model;
-  var classes = useStyles$4();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
-  var clearAllBookmarks = model.clearAllBookmarks;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    startIcon: /*#__PURE__*/React.createElement(ClearAllIcon, null),
-    "aria-label": "clear bookmarks",
-    onClick: function onClick() {
-      return setDialogOpen(true);
-    }
-  }, "Clear"), /*#__PURE__*/React.createElement(Dialog, {
-    open: dialogOpen,
-    onClose: function onClose() {
-      return setDialogOpen(false);
-    }
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, "Clear bookmarks", /*#__PURE__*/React.createElement(IconButton, {
-    className: classes.closeDialog,
-    "aria-label": "close-dialog",
-    onClick: function onClick() {
-      return setDialogOpen(false);
-    }
-  }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Typography, null, "Clear all bookmarks? Note this will clear bookmarks for all assemblies")), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    color: "secondary",
-    onClick: function onClick() {
-      setDialogOpen(false);
-    }
-  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    color: "primary",
-    onClick: function onClick() {
-      clearAllBookmarks();
-      setDialogOpen(false);
-    }
-  }, "Confirm"))));
-}
-
-var ClearBookmarks$1 = /*#__PURE__*/observer(ClearBookmarks);
-
-var _excluded = ["assemblyName"];
-var useStyles$5 = /*#__PURE__*/makeStyles(function () {
-  return {
-    link: {
-      cursor: 'pointer'
-    }
-  };
-}); // creates a coarse measurement of column width, similar to code in
-// BaseFeatureDetails
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-var measure = function measure(row, col) {
-  return Math.min(Math.max(measureText(String(row[col]), 14) + 20, 80), 1000);
-};
-
-var BookmarkGrid = /*#__PURE__*/observer(function (_ref) {
-  var compact = _ref.compact,
-      model = _ref.model;
-  var classes = useStyles$5();
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      dialogRowNumber = _useState2[0],
-      setDialogRowNumber = _useState2[1];
-
-  var bookmarkedRegions = model.bookmarkedRegions,
-      selectedAssembly = model.selectedAssembly;
-
-  var _getSession = getSession(model),
-      views = _getSession.views;
-
-  var bookmarkRows = bookmarkedRegions.toJS().filter(function (region) {
-    return selectedAssembly === 'all' || region.assemblyName === selectedAssembly;
-  }).map(function (region, index) {
-    var rest = _objectWithoutProperties(region, _excluded);
-
-    return _objectSpread2(_objectSpread2({}, region), {}, {
-      id: index,
-      "delete": index,
-      locString: assembleLocString(selectedAssembly === 'all' ? region : rest)
-    });
-  });
-  var columns = [{
-    field: 'locString',
-    headerName: 'bookmark link',
-    width: Math.max.apply(Math, _toConsumableArray(bookmarkRows.map(function (row) {
-      return measure(row, 'locString');
-    }))),
-    renderCell: function renderCell(params) {
-      var value = params.value;
-      return /*#__PURE__*/React.createElement(Link, {
-        className: classes.link,
-        onClick: function onClick(event) {
-          navToBookmark(value, views, model);
-          event.preventDefault();
-        }
-      }, value);
-    }
-  }, {
-    field: 'label',
-    width: Math.max(100, Math.max.apply(Math, _toConsumableArray(bookmarkRows.map(function (row) {
-      return measure(row, 'label');
-    })))),
-    editable: true
-  }, {
-    field: 'delete',
-    width: 30,
-    renderCell: function renderCell(params) {
-      var value = params.value;
-      return /*#__PURE__*/React.createElement(IconButton, {
-        "data-testid": "deleteBookmark",
-        "aria-label": "delete",
-        onClick: function onClick() {
-          if (value !== null && value !== undefined) {
-            setDialogRowNumber(+value);
-          }
-        }
-      }, /*#__PURE__*/React.createElement(DeleteIcon, null));
-    }
-  }];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DataGrid, {
-    rows: bookmarkRows,
-    rowHeight: compact ? 25 : undefined,
-    headerHeight: compact ? 25 : undefined,
-    columns: columns,
-    onCellEditCommit: function onCellEditCommit(args) {
-      var value = args.value,
-          id = args.id;
-      model.updateBookmarkLabel(id, value);
-    },
-    disableSelectionOnClick: true
-  }), /*#__PURE__*/React.createElement(DeleteBookmarkDialog$1, {
-    rowNumber: dialogRowNumber,
-    model: model,
-    onClose: function onClose() {
-      return setDialogRowNumber(undefined);
-    }
-  }));
-});
-
-function GridBookmarkWidget(_ref2) {
-  var model = _ref2.model;
-  var selectedAssembly = model.selectedAssembly;
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      compact = _useState4[0],
-      setCompact = _useState4[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AssemblySelector$1, {
-    model: model
-  }), /*#__PURE__*/React.createElement(DownloadBookmarks$1, {
-    model: model
-  }), /*#__PURE__*/React.createElement(ImportBookmarks$1, {
-    model: model,
-    assemblyName: selectedAssembly
-  }), /*#__PURE__*/React.createElement(ClearBookmarks$1, {
-    model: model
-  }), /*#__PURE__*/React.createElement(Button, {
-    startIcon: /*#__PURE__*/React.createElement(ViewCompactIcon, null),
-    onClick: function onClick() {
-      return setCompact(!compact);
-    }
-  }, "Compact"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      margin: 12
-    }
-  }, /*#__PURE__*/React.createElement(Typography, null, "Note: you can double click the ", /*#__PURE__*/React.createElement("code", null, "label"), " field to add your own custom notes")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 750,
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(BookmarkGrid, {
-    model: model,
-    compact: compact
-  })));
-}
-
-var GridBookmarkWidget$1 = /*#__PURE__*/observer(GridBookmarkWidget);
-
-var GridBookmarkWidget$2 = {
-  __proto__: null,
-  'default': GridBookmarkWidget$1
-};
-
-var LabeledRegionModel = /*#__PURE__*/types.compose(Region, types.model('Label', {
-  label: types.optional(types.string, '')
-})).actions(function (self) {
-  return {
-    setLabel: function setLabel(label) {
-      self.label = label;
-    }
-  };
-});
-function f(pluginManager) {
-  return types.model('GridBookmarkModel', {
-    id: ElementId,
-    type: types.literal('GridBookmarkWidget'),
-    view: types.safeReference(pluginManager.pluggableMstType('view', 'stateModel')),
-    bookmarkedRegions: types.array(LabeledRegionModel),
-    modelSelectedAssembly: ''
-  }).actions(function (self) {
-    return {
-      importBookmarks: function importBookmarks(regions) {
-        self.bookmarkedRegions = cast(self.bookmarkedRegions.concat(regions));
-      },
-      addBookmark: function addBookmark(region) {
-        self.bookmarkedRegions.push(region);
-      },
-      removeBookmark: function removeBookmark(index) {
-        self.bookmarkedRegions.splice(index, 1);
-      },
-      clearAllBookmarks: function clearAllBookmarks() {
-        self.bookmarkedRegions.clear();
-      },
-      updateBookmarkLabel: function updateBookmarkLabel(index, label) {
-        var _self$bookmarkedRegio;
-
-        (_self$bookmarkedRegio = self.bookmarkedRegions[index]) === null || _self$bookmarkedRegio === void 0 ? void 0 : _self$bookmarkedRegio.setLabel(label);
-      },
-      setSelectedAssembly: function setSelectedAssembly(assembly) {
-        self.modelSelectedAssembly = assembly;
-      }
-    };
-  }).views(function (self) {
-    return {
-      get selectedAssembly() {
-        return self.modelSelectedAssembly || (self.bookmarkedRegions.length ? self.bookmarkedRegions[0].assemblyName : '');
-      },
-
-      get assemblies() {
-        return _toConsumableArray(new Set(self.bookmarkedRegions.map(function (region) {
-          return region.assemblyName;
-        })));
-      }
-
-    };
-  });
-}
-
-var configSchema = /*#__PURE__*/ConfigurationSchema('GridBookmarkWidget', {});
-
-var _default = /*#__PURE__*/function (_Plugin) {
-  _inherits(_default, _Plugin);
-
-  var _super = /*#__PURE__*/_createSuper(_default);
-
-  function _default() {
-    var _this;
-
-    _classCallCheck(this, _default);
-
-    _this = _super.apply(this, arguments);
-    _this.name = 'GridBookmarkPlugin';
-    return _this;
-  }
-
-  _createClass(_default, [{
-    key: "install",
-    value: function install(pluginManager) {
-      pluginManager.addWidgetType(function () {
-        return new WidgetType({
-          name: 'GridBookmarkWidget',
-          heading: 'Bookmarked regions',
-          configSchema: configSchema,
-          stateModel: f(pluginManager),
-          ReactComponent: /*#__PURE__*/lazy(function () {
-            return Promise.resolve().then(function () { return GridBookmarkWidget$2; });
-          })
-        });
-      });
-      pluginManager.addToExtensionPoint('Core-extendPluggableElement', function (pluggableElement) {
-        if (pluggableElement.name === 'LinearGenomeView') {
-          var stateModel = pluggableElement.stateModel;
-          var newStateModel = stateModel.extend(function (self) {
-            var superMenuItems = self.menuItems;
-            var superRubberBandMenuItems = self.rubberBandMenuItems;
-            return {
-              actions: {
-                activateBookmarkWidget: function activateBookmarkWidget() {
-                  var session = getSession(self);
-
-                  if (isSessionModelWithWidgets(session)) {
-                    var bookmarkWidget = session.widgets.get('GridBookmark');
-
-                    if (!bookmarkWidget) {
-                      bookmarkWidget = session.addWidget('GridBookmarkWidget', 'GridBookmark', {
-                        view: self
-                      });
-                    }
-
-                    session.showWidget(bookmarkWidget);
-                    return bookmarkWidget;
-                  }
-
-                  throw new Error('Could not open bookmark widget');
-                },
-                bookmarkCurrentRegion: function bookmarkCurrentRegion() {
-                  var selectedRegions = self.getSelectedRegions(self.leftOffset, self.rightOffset);
-                  var firstRegion = selectedRegions[0];
-                  var session = getSession(self);
-
-                  if (isSessionModelWithWidgets(session)) {
-                    var widgets = session.widgets;
-                    var bookmarkWidget = widgets.get('GridBookmark');
-
-                    if (!bookmarkWidget) {
-                      this.activateBookmarkWidget();
-                      bookmarkWidget = widgets.get('GridBookmark');
-                    } // @ts-ignore
-
-
-                    bookmarkWidget.addBookmark(firstRegion);
-                  }
-                }
-              },
-              views: {
-                menuItems: function menuItems() {
-                  var newMenuItems = [].concat(_toConsumableArray(superMenuItems()), [{
-                    type: 'divider'
-                  }, {
-                    label: 'Open bookmark widget',
-                    icon: BookmarksIcon,
-                    // @ts-ignore
-                    onClick: self.activateBookmarkWidget
-                  }, {
-                    label: 'Bookmark current region',
-                    icon: BookmarkIcon,
-                    // @ts-ignore
-                    onClick: self.bookmarkCurrentRegion
-                  }]);
-                  return newMenuItems;
-                },
-                rubberBandMenuItems: function rubberBandMenuItems() {
-                  var newRubberBandMenuItems = [].concat(_toConsumableArray(superRubberBandMenuItems()), [{
-                    label: 'Bookmark region',
-                    icon: BookmarkIcon,
-                    onClick: function onClick() {
-                      var leftOffset = self.leftOffset,
-                          rightOffset = self.rightOffset;
-                      var selectedRegions = self.getSelectedRegions(leftOffset, rightOffset);
-                      var firstRegion = selectedRegions[0];
-                      var session = getSession(self);
-
-                      if (isSessionModelWithWidgets(session)) {
-                        var widgets = session.widgets;
-                        var bookmarkWidget = widgets.get('GridBookmark');
-
-                        if (!bookmarkWidget) {
-                          // @ts-ignore
-                          self.activateBookmarkWidget();
-                          bookmarkWidget = widgets.get('GridBookmark');
-                        } // @ts-ignore
-
-
-                        bookmarkWidget.addBookmark(firstRegion);
-                      }
-                    }
-                  }]);
-                  return newRubberBandMenuItems;
-                }
-              }
-            };
-          });
-          pluggableElement.stateModel = newStateModel;
-        }
-
-        return pluggableElement;
-      });
-    }
-  }, {
-    key: "configure",
-    value: function configure(_pluginManager) {}
-  }]);
-
-  return _default;
-}(Plugin);
-
-export default _default;
-//# sourceMappingURL=plugin-grid-bookmark.esm.js.map