@teselagen/ove 0.3.12 → 0.3.14

package/index.umd.js

@@ -57061,17 +57061,17 @@
     throw TypeError("Can't convert object to primitive value");
   };
 
-  var anObject$5 = _anObject;
+  var anObject$3 = _anObject;
   var IE8_DOM_DEFINE$1 = _ie8DomDefine;
   var toPrimitive$2 = _toPrimitive$1;
-  var dP$3 = Object.defineProperty;
+  var dP$2 = Object.defineProperty;
 
   _objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-    anObject$5(O);
+    anObject$3(O);
     P = toPrimitive$2(P, true);
-    anObject$5(Attributes);
+    anObject$3(Attributes);
     if (IE8_DOM_DEFINE$1) try {
-      return dP$3(O, P, Attributes);
+      return dP$2(O, P, Attributes);
     } catch (e) { /* empty */ }
     if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
     if ('value' in Attributes) O[P] = Attributes.value;
@@ -57087,10 +57087,10 @@
     };
   };
 
-  var dP$2 = _objectDp;
+  var dP$1 = _objectDp;
   var createDesc$3 = _propertyDesc;
   var _hide = _descriptors ? function (object, key, value) {
-    return dP$2.f(object, key, createDesc$3(1, value));
+    return dP$1.f(object, key, createDesc$3(1, value));
   } : function (object, key, value) {
     object[key] = value;
     return object;
@@ -57106,7 +57106,7 @@
   var ctx$1 = _ctx;
   var hide$2 = _hide;
   var has$d = _has;
-  var PROTOTYPE$2 = 'prototype';
+  var PROTOTYPE$1 = 'prototype';
 
   var $export$8 = function (type, name, source) {
     var IS_FORCED = type & $export$8.F;
@@ -57116,8 +57116,8 @@
     var IS_BIND = type & $export$8.B;
     var IS_WRAP = type & $export$8.W;
     var exports = IS_GLOBAL ? core$3 : core$3[name] || (core$3[name] = {});
-    var expProto = exports[PROTOTYPE$2];
-    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$2];
+    var expProto = exports[PROTOTYPE$1];
+    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$1];
     var key, own, out;
     if (IS_GLOBAL) source = name;
     for (key in source) {
@@ -57141,7 +57141,7 @@
             } return new C(a, b, c);
           } return C.apply(this, arguments);
         };
-        F[PROTOTYPE$2] = C[PROTOTYPE$2];
+        F[PROTOTYPE$1] = C[PROTOTYPE$1];
         return F;
       // make static versions for prototype methods
       })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -57170,12 +57170,20 @@
     return toString$4.call(it).slice(8, -1);
   };
 
-  // fallback for non-array-like ES3 and non-enumerable old V8 strings
-  var cof$2 = _cof;
-  // eslint-disable-next-line no-prototype-builtins
-  var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-    return cof$2(it) == 'String' ? it.split('') : Object(it);
-  };
+  var _iobject;
+  var hasRequired_iobject;
+
+  function require_iobject () {
+  	if (hasRequired_iobject) return _iobject;
+  	hasRequired_iobject = 1;
+  	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+  	var cof = _cof;
+  	// eslint-disable-next-line no-prototype-builtins
+  	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+  	  return cof(it) == 'String' ? it.split('') : Object(it);
+  	};
+  	return _iobject;
+  }
 
   // 7.2.1 RequireObjectCoercible(argument)
   var _defined = function (it) {
@@ -57184,7 +57192,7 @@
   };
 
   // to indexed object, toObject with fallback for non-array-like ES3 strings
-  var IObject = _iobject;
+  var IObject = require_iobject();
   var defined$2 = _defined;
   var _toIobject = function (it) {
     return IObject(defined$2(it));
@@ -57270,14 +57278,14 @@
   var has$c = _has;
   var toIObject$4 = _toIobject;
   var arrayIndexOf = _arrayIncludes$1(false);
-  var IE_PROTO$2 = _sharedKey('IE_PROTO');
+  var IE_PROTO$1 = _sharedKey('IE_PROTO');
 
   var _objectKeysInternal = function (object, names) {
     var O = toIObject$4(object);
     var i = 0;
     var result = [];
     var key;
-    for (key in O) if (key != IE_PROTO$2) has$c(O, key) && result.push(key);
+    for (key in O) if (key != IE_PROTO$1) has$c(O, key) && result.push(key);
     // Don't enum bug & hidden keys
     while (names.length > i) if (has$c(O, key = names[i++])) {
       ~arrayIndexOf(result, key) || result.push(key);
@@ -57292,10 +57300,10 @@
 
   // 19.1.2.14 / 15.2.3.14 Object.keys(O)
   var $keys$3 = _objectKeysInternal;
-  var enumBugKeys$1 = _enumBugKeys;
+  var enumBugKeys = _enumBugKeys;
 
   var _objectKeys = Object.keys || function keys(O) {
-    return $keys$3(O, enumBugKeys$1);
+    return $keys$3(O, enumBugKeys);
   };
 
   var _objectGops = {};
@@ -57331,7 +57339,7 @@
   	var gOPS = _objectGops;
   	var pIE = require_objectPie();
   	var toObject = _toObject;
-  	var IObject = _iobject;
+  	var IObject = require_iobject();
   	var $assign = Object.assign;
 
   	// should work with symbols and should have deterministic property order (V8 bug)
@@ -57402,19 +57410,27 @@
 
   var _redefine = _hide;
 
-  var dP$1 = _objectDp;
-  var anObject$4 = _anObject;
-  var getKeys$1 = _objectKeys;
+  var _objectDps;
+  var hasRequired_objectDps;
 
-  var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
-    anObject$4(O);
-    var keys = getKeys$1(Properties);
-    var length = keys.length;
-    var i = 0;
-    var P;
-    while (length > i) dP$1.f(O, P = keys[i++], Properties[P]);
-    return O;
-  };
+  function require_objectDps () {
+  	if (hasRequired_objectDps) return _objectDps;
+  	hasRequired_objectDps = 1;
+  	var dP = _objectDp;
+  	var anObject = _anObject;
+  	var getKeys = _objectKeys;
+
+  	_objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
+  	  anObject(O);
+  	  var keys = getKeys(Properties);
+  	  var length = keys.length;
+  	  var i = 0;
+  	  var P;
+  	  while (length > i) dP.f(O, P = keys[i++], Properties[P]);
+  	  return O;
+  	};
+  	return _objectDps;
+  }
 
   var _html;
   var hasRequired_html;
@@ -57427,47 +57443,55 @@
   	return _html;
   }
 
-  // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-  var anObject$3 = _anObject;
-  var dPs = _objectDps;
-  var enumBugKeys = _enumBugKeys;
-  var IE_PROTO$1 = _sharedKey('IE_PROTO');
-  var Empty = function () { /* empty */ };
-  var PROTOTYPE$1 = 'prototype';
+  var _objectCreate;
+  var hasRequired_objectCreate;
 
-  // Create object with fake `null` prototype: use iframe Object with cleared prototype
-  var createDict = function () {
-    // Thrash, waste and sodomy: IE GC bug
-    var iframe = require_domCreate()('iframe');
-    var i = enumBugKeys.length;
-    var lt = '<';
-    var gt = '>';
-    var iframeDocument;
-    iframe.style.display = 'none';
-    require_html().appendChild(iframe);
-    iframe.src = 'javascript:'; // eslint-disable-line no-script-url
-    // createDict = iframe.contentWindow.Object;
-    // html.removeChild(iframe);
-    iframeDocument = iframe.contentWindow.document;
-    iframeDocument.open();
-    iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
-    iframeDocument.close();
-    createDict = iframeDocument.F;
-    while (i--) delete createDict[PROTOTYPE$1][enumBugKeys[i]];
-    return createDict();
-  };
-
-  var _objectCreate = Object.create || function create(O, Properties) {
-    var result;
-    if (O !== null) {
-      Empty[PROTOTYPE$1] = anObject$3(O);
-      result = new Empty();
-      Empty[PROTOTYPE$1] = null;
-      // add "__proto__" for Object.getPrototypeOf polyfill
-      result[IE_PROTO$1] = O;
-    } else result = createDict();
-    return Properties === undefined ? result : dPs(result, Properties);
-  };
+  function require_objectCreate () {
+  	if (hasRequired_objectCreate) return _objectCreate;
+  	hasRequired_objectCreate = 1;
+  	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+  	var anObject = _anObject;
+  	var dPs = require_objectDps();
+  	var enumBugKeys = _enumBugKeys;
+  	var IE_PROTO = _sharedKey('IE_PROTO');
+  	var Empty = function () { /* empty */ };
+  	var PROTOTYPE = 'prototype';
+
+  	// Create object with fake `null` prototype: use iframe Object with cleared prototype
+  	var createDict = function () {
+  	  // Thrash, waste and sodomy: IE GC bug
+  	  var iframe = require_domCreate()('iframe');
+  	  var i = enumBugKeys.length;
+  	  var lt = '<';
+  	  var gt = '>';
+  	  var iframeDocument;
+  	  iframe.style.display = 'none';
+  	  require_html().appendChild(iframe);
+  	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+  	  // createDict = iframe.contentWindow.Object;
+  	  // html.removeChild(iframe);
+  	  iframeDocument = iframe.contentWindow.document;
+  	  iframeDocument.open();
+  	  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+  	  iframeDocument.close();
+  	  createDict = iframeDocument.F;
+  	  while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
+  	  return createDict();
+  	};
+
+  	_objectCreate = Object.create || function create(O, Properties) {
+  	  var result;
+  	  if (O !== null) {
+  	    Empty[PROTOTYPE] = anObject(O);
+  	    result = new Empty();
+  	    Empty[PROTOTYPE] = null;
+  	    // add "__proto__" for Object.getPrototypeOf polyfill
+  	    result[IE_PROTO] = O;
+  	  } else result = createDict();
+  	  return Properties === undefined ? result : dPs(result, Properties);
+  	};
+  	return _objectCreate;
+  }
 
   var _wks = {exports: {}};
 
@@ -57493,7 +57517,7 @@
     if (it && !has$b(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
   };
 
-  var create$4 = _objectCreate;
+  var create$4 = require_objectCreate();
   var descriptor = _propertyDesc;
   var setToStringTag$2 = _setToStringTag;
   var IteratorPrototype = {};
@@ -58136,7 +58160,7 @@
   var toIObject = _toIobject;
   var toPrimitive = _toPrimitive$1;
   var createDesc = _propertyDesc;
-  var _create$1 = _objectCreate;
+  var _create$1 = require_objectCreate();
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
@@ -58446,7 +58470,7 @@
 
   var $export = _export;
   // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-  $export($export.S, 'Object', { create: _objectCreate });
+  $export($export.S, 'Object', { create: require_objectCreate() });
 
   var $Object = _coreExports.Object;
   var create$3 = function create(P, D) {
@@ -120374,6 +120398,8 @@
       userSchema = exampleData,
       initialEntities
     } = props;
+    const rerenderKey = reactExports.useRef(0);
+    rerenderKey.current = rerenderKey.current + 1;
     const data = userSchema.userData && userSchema.userData.length && userSchema.userData.map((row) => {
       const toRet = {
         _isClean: row._isClean
@@ -120420,6 +120446,7 @@
       {
         maxWidth: 800,
         maxHeight: 500,
+        rerenderKey: rerenderKey.current,
         destroyOnUnmount: false,
         doNotValidateUntouchedRows: true,
         formName: datatableFormName || "editableCellTable",
@@ -134974,8 +135001,8 @@
       maxRangeLength
     );
     let overlaps = [];
-    normalizedRangeA.forEach(function(nonCircularRangeA, iA) {
-      normalizedRangeB.forEach(function(nonCircularRangeB, iB) {
+    normalizedRangeA.forEach(function(nonCircularRangeA) {
+      normalizedRangeB.forEach(function(nonCircularRangeB) {
         const overlap = getOverlapOfNonCircularRanges(
           nonCircularRangeA,
           nonCircularRangeB
@@ -134987,7 +135014,7 @@
     });
     if (joinIfPossible && normalizedRangeA.length === 2 && normalizedRangeB.length === 2 && maxRangeLength) {
       const joinedOverlap = {};
-      overlaps = lodashExports.flatMap(overlaps, (o, i) => {
+      overlaps = lodashExports.flatMap(overlaps, (o) => {
         if (o.start === 0) {
           joinedOverlap.end = o.end;
           return [];
@@ -135477,7 +135504,7 @@
     });
   }
 
-  function flipRelativeRange(innerRange, outerRange, sequenceLength, options) {
+  function flipRelativeRange(innerRange, outerRange, sequenceLength) {
     const isFullyContained = isRangeWithinRange(
       innerRange,
       outerRange,
@@ -135489,7 +135516,7 @@
       return flipNonFullyContainedRange(innerRange, outerRange, sequenceLength);
     }
   }
-  function flipNonFullyContainedRange(innerRange, outerRange, sequenceLength, options) {
+  function flipNonFullyContainedRange(innerRange, outerRange, sequenceLength) {
     const outerFullyContained = isRangeWithinRange(
       outerRange,
       innerRange,
@@ -135530,9 +135557,8 @@
         sequenceLength
       );
       if (overlaps.length >= 1) {
-        let overlapExtendsForward;
         const firstOverlap = overlaps[0];
-        overlapExtendsForward = firstOverlap.start !== outerRange.start;
+        const overlapExtendsForward = firstOverlap.start !== outerRange.start;
         const flippedTruncatedInner = flipFullyContainedRange(
           firstOverlap,
           outerRange,
@@ -135553,7 +135579,7 @@
     }
     return flippedInnerRange;
   }
-  function flipFullyContainedRange(innerRange, outerRange, sequenceLength, options) {
+  function flipFullyContainedRange(innerRange, outerRange, sequenceLength) {
     const translateBy = -outerRange.start;
     const translatedOuterRange = translateRange(
       outerRange,
@@ -135681,6 +135707,7 @@
         rangesAlreadyAddedToYOffset.push(range);
         return true;
       }
+      return false;
     });
     if (!openYOffsetFound) {
       yOffset = YOffsetLevelsWithRanges.length;
@@ -142151,9 +142178,9 @@
   function filterAminoAcidSequenceString(sequenceString, options) {
     options = options || {};
     if (options.includeStopCodon) {
-      return sequenceString.replace(/[^xtgalmfwkqespvicyhrndu.*]/gi, "");
+      return sequenceString?.replace(/[^xtgalmfwkqespvicyhrndu.*]/gi, "");
     }
-    return sequenceString.replace(/[^xtgalmfwkqespvicyhrndu]/gi, "");
+    return sequenceString?.replace(/[^xtgalmfwkqespvicyhrndu]/gi, "");
   }
 
   function getDegenerateDnaStringFromAAString(aaString) {
@@ -152384,7 +152411,6 @@
     }
     function parseLocus(line) {
       result = createInitialSequence(options);
-      let locusName;
       let circular;
       let gbDivision;
       let date;
@@ -152395,7 +152421,7 @@
         );
         addMessage("Import Warning: Locus line contains no values: " + line);
       }
-      locusName = lineArr[1];
+      const locusName = lineArr[1];
       for (let i = 1; i < lineArr.length; i++) {
         if (lineArr[i].match(/circular/gi)) {
           circular = true;
@@ -152542,10 +152568,10 @@
       }
     }
     function parseFeatureNote(line) {
-      let newLine, lineArr;
+      let newLine;
       newLine = line.trimLeft();
       newLine = newLine.replace(/^\/|"$/g, "");
-      lineArr = newLine.split(/="|=/);
+      const lineArr = newLine.split(/="|=/);
       let val = lineArr.slice(1).join("=");
       if (val) {
         val = val.replace(/\\/g, " ");
@@ -166013,7 +166039,6 @@
     if (serSeq.sequence.symbols) {
       serSeq.sequence = serSeq.sequence.symbols.split("");
     }
-    let tmp;
     let dnaType;
     if (serSeq.isProtein) {
       dnaType = "";
@@ -166030,7 +166055,7 @@
     line += " ";
     line += StringUtil.lpad(String(serSeq.sequence.length), " ", 11);
     line += serSeq.isProtein ? " aa " : " bp ";
-    tmp = "";
+    const tmp = "";
     line += StringUtil.lpad(tmp, " ", 3);
     line += StringUtil.rpad(dnaType, " ", 6);
     line += "  ";
@@ -170530,6 +170555,7 @@
     if (!editorState) {
       return editorReducer({}, {});
     }
+    const sequenceLength = selectors.sequenceLengthSelector(editorState);
     const { findTool, annotationsToSupport = {} } = editorState;
     const visibilities = getVisibilities(editorState);
     let annotationToAdd;
@@ -170540,7 +170566,13 @@
     ].forEach(([n, type, annotationTypePlural]) => {
       const vals = getFormValues(n)(state);
       if (vals) {
-        annotationToAdd = getAnnToAdd(vals, n, type, annotationTypePlural);
+        annotationToAdd = getAnnToAdd(
+          vals,
+          n,
+          type,
+          annotationTypePlural,
+          sequenceLength
+        );
       }
     });
     const toReturn = {
@@ -170564,7 +170596,6 @@
       editorState,
       ownProps.additionalEnzymes
     );
-    const sequenceLength = selectors.sequenceLengthSelector(editorState);
     const { matchedSearchLayer, searchLayers, matchesTotal } = getSearchLayersAndMatch(editorState);
     const annotationSearchMatches = selectors.annotationSearchSelector(editorState);
     const _sequenceDataToUse = getSequenceDataToUse(
@@ -170840,21 +170871,26 @@
       };
     }
   );
-  const getAnnToAdd = defaultMemoize((vals, n, type, annotationTypePlural) => {
-    const annToAdd = {
-      color: getFeatureToColorMap({ includeHidden: true })[vals.type || "primer_bind"],
-      //we won't have the correct color yet so we set it here
-      ...vals,
-      formName: n,
-      type,
-      annotationTypePlural,
-      name: vals.name || "Untitled"
-    };
-    if (!vals.useLinkedOligo) {
-      delete annToAdd.bases;
+  const getAnnToAdd = defaultMemoize(
+    (vals, n, type, annotationTypePlural, sequenceLength) => {
+      const annToAdd = normalizeRange(
+        {
+          color: getFeatureToColorMap({ includeHidden: true })[vals.type || "primer_bind"],
+          //we won't have the correct color yet so we set it here
+          ...vals,
+          formName: n,
+          type,
+          annotationTypePlural,
+          name: vals.name || "Untitled"
+        },
+        sequenceLength
+      );
+      if (!vals.useLinkedOligo) {
+        delete annToAdd.bases;
+      }
+      return annToAdd;
     }
-    return annToAdd;
-  });
+  );
   const getSeqDataWithAnnToAdd = defaultMemoize(
     (seqData, ann, allowMultipleFeatureDirections) => {
       if (ann) {
@@ -188727,7 +188763,7 @@ double click --> edit`}`;
   }
 
   const name = "@teselagen/ove";
-  const version = "0.3.11";
+  const version = "0.3.13";
   const main = "./src/index.js";
   const exports$1 = {
   	".": {
@@ -189269,6 +189305,184 @@ double click --> edit`}`;
     );
   }
 
+  const style$i = '';
+
+  class ToolbarItem extends React$3.Component {
+    toggleDropdown = ({ forceClose } = {}) => {
+      const { toolName, isOpen } = this.props;
+      this.props.openToolbarItemUpdate(isOpen || forceClose ? "" : toolName);
+    };
+    render() {
+      const { overrides = {} } = this.props;
+      const {
+        isOpen,
+        index,
+        Icon: Icon$1,
+        // dynamicIcon,
+        onIconClick = lodashExports.noop,
+        tooltip = "",
+        tooltipToggled,
+        dropdowntooltip = "",
+        Dropdown,
+        disabled,
+        isHidden,
+        renderIconAbove,
+        noDropdownIcon,
+        IconWrapper,
+        editorName,
+        popoverDisabled,
+        IconWrapperProps,
+        toolName,
+        dropdownicon,
+        tooltipDisabled,
+        toggled = false,
+        ...rest
+      } = { ...this.props, ...overrides };
+      if (!toolName)
+        console.warn("toolName is required!");
+      if (isHidden)
+        return null;
+      let tooltipToDisplay = tooltip;
+      if (toggled && tooltipToggled) {
+        tooltipToDisplay = tooltipToggled;
+      }
+      const buttonTarget = /* @__PURE__ */ React$3.createElement(
+        "div",
+        {
+          className: `veToolbarItemOuter ve-tool-container-${toolName}` + (disabled ? " disabled " : "")
+        },
+        renderIconAbove && /* @__PURE__ */ React$3.createElement("div", null, /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarItem" }, Icon$1)),
+        Icon$1 && !renderIconAbove && /* @__PURE__ */ React$3.createElement(
+          Tooltip,
+          {
+            disabled: tooltipDisabled,
+            portalClassName: "ve-toolbar-item-popover",
+            content: tooltipToDisplay
+          },
+          /* @__PURE__ */ React$3.createElement(
+            AnchorButton,
+            {
+              intent: Intent.PRIMARY,
+              onClick: onIconClick === "toggleDropdown" ? this.toggleDropdown : onIconClick,
+              active: toggled,
+              disabled,
+              minimal: true,
+              icon: React$3.isValidElement(Icon$1) ? Icon$1 : /* @__PURE__ */ React$3.createElement(Icon$1, { toggleDropdown: this.toggleDropdown })
+            }
+          )
+        ),
+        Dropdown && !noDropdownIcon ? /* @__PURE__ */ React$3.createElement(Tooltip, { disabled: tooltipDisabled, content: dropdowntooltip }, /* @__PURE__ */ React$3.createElement(
+          "div",
+          {
+            className: (isOpen ? " isOpen " : "") + (dropdownicon ? "" : " veToolbarDropdown"),
+            onClick: this.toggleDropdown
+          },
+          dropdownicon ? /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarIcon" }, /* @__PURE__ */ React$3.createElement("div", null, dropdownicon)) : isOpen ? /* @__PURE__ */ React$3.createElement(
+            Icon,
+            {
+              "data-test": toolName + "Dropdown",
+              iconSize: 13,
+              icon: "caret-up"
+            }
+          ) : /* @__PURE__ */ React$3.createElement(
+            Icon,
+            {
+              "data-test": toolName + "Dropdown",
+              iconSize: 13,
+              icon: "caret-down"
+            }
+          )
+        )) : null
+      );
+      const content = /* @__PURE__ */ React$3.createElement(
+        "div",
+        {
+          ref: (n) => {
+            if (n)
+              this.dropdownNode = n;
+          },
+          style: { padding: 10, minWidth: 250, maxWidth: 350 },
+          className: "ve-toolbar-dropdown content"
+        },
+        Dropdown && /* @__PURE__ */ React$3.createElement(
+          Dropdown,
+          {
+            ...rest,
+            editorName,
+            toggleDropdown: this.toggleDropdown
+          }
+        )
+      );
+      const target = IconWrapper ? /* @__PURE__ */ React$3.createElement(IconWrapper, { ...IconWrapperProps }, ({ getRootProps, getInputProps }) => /* @__PURE__ */ React$3.createElement("div", { ...getRootProps() }, /* @__PURE__ */ React$3.createElement("input", { ...getInputProps() }), buttonTarget)) : buttonTarget;
+      return /* @__PURE__ */ React$3.createElement("div", { style: { display: "flex", alignItems: "center" } }, index !== 0 && /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarSpacer" }), /* @__PURE__ */ React$3.createElement(
+        Popover,
+        {
+          disabled: popoverDisabled,
+          isOpen: !!Dropdown && isOpen,
+          onClose: (e) => {
+            let srcElement;
+            if (e) {
+              srcElement = e.srcElement || e.target;
+            }
+            if (e && srcElement && this.dropdownNode && (this.dropdownNode.contains(srcElement) || !document.body.contains(srcElement))) {
+              return;
+            }
+            this.toggleDropdown({ forceClose: true });
+          },
+          canEscapeKeyClose: true,
+          minimal: true,
+          position: Position.BOTTOM,
+          target,
+          content
+        }
+      ));
+    }
+  }
+  const ToolbarItem$1 = connectToEditor(({ toolBar = {} }, { toolName }) => ({
+    isOpen: toolBar.openItem === toolName
+  }))(ToolbarItem);
+
+  const editTool = connectToEditor((editorState) => {
+    return {
+      readOnly: editorState.readOnly
+    };
+  })((props) => {
+    const { toolbarItemProps, readOnly, disableSetReadOnly } = props;
+    const [isLoading, setIsLoading] = reactExports.useState(false);
+    const readOnlyTooltip = ({ readOnly: readOnly2, disableSetReadOnly: disableSetReadOnly2 }) => {
+      if (isLoading) {
+        return "Loading...";
+      } else if (disableSetReadOnly2) {
+        return "You do not have permission to edit locks on this sequence";
+      }
+      return readOnly2 ? "Click to enable editing" : "Click to disable editing";
+    };
+    return /* @__PURE__ */ React$3.createElement(
+      ToolbarItem$1,
+      {
+        ...{
+          disabled: isLoading || disableSetReadOnly,
+          Icon: /* @__PURE__ */ React$3.createElement(Icon, { icon: readOnly ? "lock" : "unlock" }),
+          onIconClick: () => handleReadOnlyChange(!readOnly, { ...props, setIsLoading }),
+          tooltip: readOnlyTooltip({ readOnly, disableSetReadOnly }),
+          ...toolbarItemProps
+        }
+      }
+    );
+  });
+  async function handleReadOnlyChange(newVal, { beforeReadOnlyChange, updateReadOnlyMode, setIsLoading = () => {
+  } }) {
+    if (beforeReadOnlyChange) {
+      setIsLoading(true);
+      const shouldChange = await beforeReadOnlyChange(newVal);
+      setIsLoading(false);
+      if (shouldChange === false) {
+        return;
+      }
+    }
+    updateReadOnlyMode(newVal);
+  }
+
   const isProtein = (props) => props.sequenceData && props.sequenceData.isProtein;
   const isOligo = (props) => props.sequenceData && props.sequenceData.isOligo;
   const isRna = (props) => props.sequenceData && props.sequenceData.isRna;
@@ -189352,7 +189566,7 @@ double click --> edit`}`;
       isDisabled: (props) => props.disableSetReadOnly || !props.onSave,
       isHidden: (props) => !props.toggleReadOnlyMode,
       isActive: (props) => props.readOnly,
-      handler: (props) => props.toggleReadOnlyMode()
+      handler: (props) => handleReadOnlyChange(!props.readOnly, props)
     },
     importSequence: {
       isHidden: (props) => props.hideSingleImport,
@@ -192621,7 +192835,7 @@ double click --> edit`}`;
     ];
   }
 
-  const style$i = '';
+  const style$h = '';
 
   function SequenceName({ sequenceName, sequenceLength, isProtein }) {
     return /* @__PURE__ */ React$3.createElement("div", { key: "circViewSvgCenterText", style: { textAlign: "center" } }, /* @__PURE__ */ React$3.createElement("span", null, sequenceName, " "), /* @__PURE__ */ React$3.createElement("br", null), /* @__PURE__ */ React$3.createElement("span", null, isProtein ? `${Math.floor(sequenceLength / 3)} AAs` : `${sequenceLength} bps`));
@@ -195007,7 +195221,7 @@ double click --> edit`}`;
     );
   }
 
-  const style$h = '';
+  const style$g = '';
 
   const simpleDialog = '';
 
@@ -195284,7 +195498,7 @@ double click --> edit`}`;
     return combinedLabels;
   }
 
-  const style$g = '';
+  const style$f = '';
 
   const fontWidthToFontSize = 1.75;
   const getTextLength = (text) => {
@@ -197487,7 +197701,7 @@ double click --> edit`}`;
   }
   const DrawAnnotation = withHover(DrawAnnotationInner);
 
-  const style$f = '';
+  const style$e = '';
 
   function c(u,e,c){var i=this,a=reactExports.useRef(null),o=reactExports.useRef(0),f=reactExports.useRef(null),l=reactExports.useRef([]),m=reactExports.useRef(),v=reactExports.useRef(),d=reactExports.useRef(u),p=reactExports.useRef(!0);reactExports.useEffect(function(){d.current=u;},[u]);var g=!e&&0!==e&&"undefined"!=typeof window;if("function"!=typeof u)throw new TypeError("Expected a function");e=+e||0;var w=!!(c=c||{}).leading,s=!("trailing"in c)||!!c.trailing,x="maxWait"in c,y=x?Math.max(+c.maxWait||0,e):null;reactExports.useEffect(function(){return p.current=!0,function(){p.current=!1;}},[]);var h=reactExports.useMemo(function(){var r=function(r){var n=l.current,t=m.current;return l.current=m.current=null,o.current=r,v.current=d.current.apply(t,n)},n=function(r,n){g&&cancelAnimationFrame(f.current),f.current=g?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!p.current)return !1;var n=r-a.current;return !a.current||n>=e||n<0||x&&r-o.current>=y},u=function(n){return f.current=null,s&&l.current?r(n):(l.current=m.current=null,v.current)},c=function r(){var c=Date.now();if(t(c))return u(c);if(p.current){var i=e-(c-a.current),f=x?Math.min(i,y-(c-o.current)):i;n(r,f);}},h=function(){var u=Date.now(),d=t(u);if(l.current=[].slice.call(arguments),m.current=i,a.current=u,d){if(!f.current&&p.current)return o.current=a.current,n(c,e),w?r(a.current):v.current;if(x)return n(c,e),r(a.current)}return f.current||n(c,e),v.current};return h.cancel=function(){f.current&&(g?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=m.current=f.current=null;},h.isPending=function(){return !!f.current},h.flush=function(){return f.current?u(Date.now()):v.current},h},[w,x,e,y,s,g]);return h}
 
@@ -198420,7 +198634,7 @@ double click --> edit`}`;
   }
   const CircularView$1 = withEditorInteractions(CircularView);
 
-  const style$e = '';
+  const style$d = '';
 
   class PrintDialog extends React$3.Component {
     state = {
@@ -198901,7 +199115,7 @@ double click --> edit`}`;
     tgFormValues("ignoreName", "ignoreStrand", "ignoreStartAndEnd")
   )(RemoveDuplicatesDialog);
 
-  const style$d = '';
+  const style$c = '';
 
   var isMobile$2 = {exports: {}};
 
@@ -199923,7 +200137,7 @@ double click --> edit`}`;
     return normalizedVal;
   };
 
-  const style$c = '';
+  const style$b = '';
 
   const EnzymeViewer = ({
     extraClasses = "",
@@ -199998,7 +200212,7 @@ double click --> edit`}`;
     );
   };
 
-  const style$b = '';
+  const style$a = '';
 
   const upsertLocalEnzymeGroups = (newGroups) => {
     const existingGroups = window.getExistingEnzymeGroups();
@@ -200694,7 +200908,7 @@ double click --> edit`}`;
     );
   });
 
-  const style$a = '';
+  const style$9 = '';
 
   const CreateCustomEnzyme = function(props) {
     const paddingStart = "-------";
@@ -201519,143 +201733,6 @@ double click --> edit`}`;
     return isHidden;
   }
 
-  const style$9 = '';
-
-  class ToolbarItem extends React$3.Component {
-    toggleDropdown = ({ forceClose } = {}) => {
-      const { toolName, isOpen } = this.props;
-      this.props.openToolbarItemUpdate(isOpen || forceClose ? "" : toolName);
-    };
-    render() {
-      const { overrides = {} } = this.props;
-      const {
-        isOpen,
-        index,
-        Icon: Icon$1,
-        // dynamicIcon,
-        onIconClick = lodashExports.noop,
-        tooltip = "",
-        tooltipToggled,
-        dropdowntooltip = "",
-        Dropdown,
-        disabled,
-        isHidden,
-        renderIconAbove,
-        noDropdownIcon,
-        IconWrapper,
-        editorName,
-        popoverDisabled,
-        IconWrapperProps,
-        toolName,
-        dropdownicon,
-        tooltipDisabled,
-        toggled = false,
-        ...rest
-      } = { ...this.props, ...overrides };
-      if (!toolName)
-        console.warn("toolName is required!");
-      if (isHidden)
-        return null;
-      let tooltipToDisplay = tooltip;
-      if (toggled && tooltipToggled) {
-        tooltipToDisplay = tooltipToggled;
-      }
-      const buttonTarget = /* @__PURE__ */ React$3.createElement(
-        "div",
-        {
-          className: `veToolbarItemOuter ve-tool-container-${toolName}` + (disabled ? " disabled " : "")
-        },
-        renderIconAbove && /* @__PURE__ */ React$3.createElement("div", null, /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarItem" }, Icon$1)),
-        Icon$1 && !renderIconAbove && /* @__PURE__ */ React$3.createElement(
-          Tooltip,
-          {
-            disabled: tooltipDisabled,
-            portalClassName: "ve-toolbar-item-popover",
-            content: tooltipToDisplay
-          },
-          /* @__PURE__ */ React$3.createElement(
-            AnchorButton,
-            {
-              intent: Intent.PRIMARY,
-              onClick: onIconClick === "toggleDropdown" ? this.toggleDropdown : onIconClick,
-              active: toggled,
-              disabled,
-              minimal: true,
-              icon: React$3.isValidElement(Icon$1) ? Icon$1 : /* @__PURE__ */ React$3.createElement(Icon$1, { toggleDropdown: this.toggleDropdown })
-            }
-          )
-        ),
-        Dropdown && !noDropdownIcon ? /* @__PURE__ */ React$3.createElement(Tooltip, { disabled: tooltipDisabled, content: dropdowntooltip }, /* @__PURE__ */ React$3.createElement(
-          "div",
-          {
-            className: (isOpen ? " isOpen " : "") + (dropdownicon ? "" : " veToolbarDropdown"),
-            onClick: this.toggleDropdown
-          },
-          dropdownicon ? /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarIcon" }, /* @__PURE__ */ React$3.createElement("div", null, dropdownicon)) : isOpen ? /* @__PURE__ */ React$3.createElement(
-            Icon,
-            {
-              "data-test": toolName + "Dropdown",
-              iconSize: 13,
-              icon: "caret-up"
-            }
-          ) : /* @__PURE__ */ React$3.createElement(
-            Icon,
-            {
-              "data-test": toolName + "Dropdown",
-              iconSize: 13,
-              icon: "caret-down"
-            }
-          )
-        )) : null
-      );
-      const content = /* @__PURE__ */ React$3.createElement(
-        "div",
-        {
-          ref: (n) => {
-            if (n)
-              this.dropdownNode = n;
-          },
-          style: { padding: 10, minWidth: 250, maxWidth: 350 },
-          className: "ve-toolbar-dropdown content"
-        },
-        Dropdown && /* @__PURE__ */ React$3.createElement(
-          Dropdown,
-          {
-            ...rest,
-            editorName,
-            toggleDropdown: this.toggleDropdown
-          }
-        )
-      );
-      const target = IconWrapper ? /* @__PURE__ */ React$3.createElement(IconWrapper, { ...IconWrapperProps }, ({ getRootProps, getInputProps }) => /* @__PURE__ */ React$3.createElement("div", { ...getRootProps() }, /* @__PURE__ */ React$3.createElement("input", { ...getInputProps() }), buttonTarget)) : buttonTarget;
-      return /* @__PURE__ */ React$3.createElement("div", { style: { display: "flex", alignItems: "center" } }, index !== 0 && /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarSpacer" }), /* @__PURE__ */ React$3.createElement(
-        Popover,
-        {
-          disabled: popoverDisabled,
-          isOpen: !!Dropdown && isOpen,
-          onClose: (e) => {
-            let srcElement;
-            if (e) {
-              srcElement = e.srcElement || e.target;
-            }
-            if (e && srcElement && this.dropdownNode && (this.dropdownNode.contains(srcElement) || !document.body.contains(srcElement))) {
-              return;
-            }
-            this.toggleDropdown({ forceClose: true });
-          },
-          canEscapeKeyClose: true,
-          minimal: true,
-          position: Position.BOTTOM,
-          target,
-          content
-        }
-      ));
-    }
-  }
-  const ToolbarItem$1 = connectToEditor(({ toolBar = {} }, { toolName }) => ({
-    isOpen: toolBar.openItem === toolName
-  }))(ToolbarItem);
-
   function array_move(arr, old_index, new_index) {
     if (new_index >= arr.length) {
       let k = new_index - arr.length + 1;
@@ -202309,30 +202386,30 @@ double click --> edit`}`;
     formatStart = (val) => {
       const { isProtein } = this.props.sequenceData || {};
       if (isProtein) {
-        return (val + 2) / 3;
+        return lodashExports.round((val + 2) / 3);
       }
-      return val;
+      return lodashExports.round(val);
     };
     formatEnd = (val) => {
       const { isProtein } = this.props.sequenceData || {};
       if (isProtein) {
-        return val / 3;
+        return lodashExports.round(val / 3);
       }
-      return val;
+      return lodashExports.round(val);
     };
     parseStart = (val) => {
       const { isProtein } = this.props.sequenceData || {};
       if (isProtein) {
-        return val * 3 - 2;
+        return lodashExports.round(val * 3 - 2);
       }
-      return val;
+      return lodashExports.round(val);
     };
     parseEnd = (val) => {
       const { isProtein } = this.props.sequenceData || {};
       if (isProtein) {
-        return val * 3;
+        return lodashExports.round(val * 3);
       }
-      return val;
+      return lodashExports.round(val);
     };
     renderLocations = (props) => {
       const { fields } = props;
@@ -207131,7 +207208,7 @@ ${seqDataToCopy}\r
   }
 
   const userDefinedHandlersAndOpts = [
-    "onChangeEditLock",
+    "beforeReadOnlyChange",
     "defaultLinkedOligoMessage",
     "allowMultipleFeatureDirections",
     "getAdditionalEditAnnotationComps",
@@ -207394,49 +207471,6 @@ ${seqDataToCopy}\r
     }
   );
 
-  const editTool = connectToEditor((editorState) => {
-    return {
-      readOnly: editorState.readOnly
-    };
-  })(
-    ({
-      toolbarItemProps,
-      readOnly,
-      toggleReadOnlyMode,
-      disableSetReadOnly,
-      onChangeEditLock
-    }) => {
-      const [isLoading, setIsLoading] = reactExports.useState(false);
-      const readOnlyTooltip = ({ readOnly: readOnly2, disableSetReadOnly: disableSetReadOnly2 }) => {
-        if (isLoading) {
-          return "Loading...";
-        } else if (disableSetReadOnly2) {
-          return "You do not have permission to edit locks on this sequence";
-        }
-        return readOnly2 ? "Click to enable editing" : "Click to disable editing";
-      };
-      return /* @__PURE__ */ React$3.createElement(
-        ToolbarItem$1,
-        {
-          ...{
-            disabled: isLoading || disableSetReadOnly,
-            Icon: /* @__PURE__ */ React$3.createElement(Icon, { icon: readOnly ? "lock" : "unlock" }),
-            onIconClick: async () => {
-              if (onChangeEditLock) {
-                setIsLoading(true);
-                await onChangeEditLock(!readOnly);
-                setIsLoading(false);
-              }
-              toggleReadOnlyMode();
-            },
-            tooltip: readOnlyTooltip({ readOnly, disableSetReadOnly }),
-            ...toolbarItemProps
-          }
-        }
-      );
-    }
-  );
-
   const style$4 = '';
 
   const opts = [
@@ -208057,31 +208091,22 @@ ${seqDataToCopy}\r
 
   const EditReadOnlyItem = connectToEditor(({ readOnly }) => ({
     readOnly
-  }))(
-    ({
-      onSave,
-      readOnly,
-      showReadOnly,
-      disableSetReadOnly,
-      updateReadOnlyMode
-    }) => {
-      return showReadOnly ? /* @__PURE__ */ React$3.createElement(StatusBarItem, { dataTest: "veStatusBar-readOnly" }, onSave ? /* @__PURE__ */ React$3.createElement(
-        HTMLSelect,
-        {
-          options: [
-            { label: "Read Only", value: "readOnly" },
-            { label: "Editable", value: "editable" }
-          ],
-          disabled: disableSetReadOnly || !onSave,
-          className: MINIMAL,
-          value: readOnly ? "readOnly" : "editable",
-          onChange: ({ target: { value } }) => {
-            updateReadOnlyMode(value === "readOnly");
-          }
-        }
-      ) : readOnly ? "Read Only" : "Editable") : null;
-    }
-  );
+  }))((props) => {
+    const { onSave, readOnly, showReadOnly, disableSetReadOnly } = props;
+    return showReadOnly ? /* @__PURE__ */ React$3.createElement(StatusBarItem, { dataTest: "veStatusBar-readOnly" }, onSave ? /* @__PURE__ */ React$3.createElement(
+      HTMLSelect,
+      {
+        options: [
+          { label: "Read Only", value: "readOnly" },
+          { label: "Editable", value: "editable" }
+        ],
+        disabled: disableSetReadOnly || !onSave,
+        className: MINIMAL,
+        value: readOnly ? "readOnly" : "editable",
+        onChange: ({ target: { value } }) => handleReadOnlyChange(value === "readOnly", props)
+      }
+    ) : readOnly ? "Read Only" : "Editable") : null;
+  });
   const ShowSelectionItem = compose(
     connectToEditor(
       ({ selectionLayer, caretPosition, sequenceData = { sequence: "" } }, ownProps, ...rest) => {
@@ -208228,11 +208253,13 @@ ${seqDataToCopy}\r
     showGCContentByDefault,
     onSelectionOrCaretChanged,
     GCDecimalDigits = 1,
-    isProtein
+    isProtein,
+    beforeReadOnlyChange
   }) {
     return /* @__PURE__ */ React$3.createElement("div", { className: "veStatusBar" }, showMoleculeType && /* @__PURE__ */ React$3.createElement(ShowTypeItem, { editorName }), /* @__PURE__ */ React$3.createElement(
       EditReadOnlyItem,
       {
+        beforeReadOnlyChange,
         editorName,
         onSave,
         disableSetReadOnly,
@@ -208671,7 +208698,6 @@ ${seqDataToCopy}\r
         disableSetReadOnly,
         updateAvailability,
         sequenceData,
-        updateReadOnlyMode,
         onSave,
         showAvailability,
         sequenceNameUpdate
@@ -208726,10 +208752,9 @@ ${seqDataToCopy}\r
       ))), /* @__PURE__ */ React$3.createElement("div", { className: "ve-flex-row" }, /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-left bp3-label" }, "Length"), " ", /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-right" }, " ", isProtein ? proteinSequence.length : sequence.length)), showReadOnly && /* @__PURE__ */ React$3.createElement("div", { className: "ve-flex-row" }, /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-left bp3-label" }, "Is Editable"), " ", /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-right" }, " ", /* @__PURE__ */ React$3.createElement(
         BPSelect,
         {
+          className: "veReadOnlySelect",
           disabled: !onSave || disableSetReadOnly,
-          onChange: (val) => {
-            updateReadOnlyMode(val === "readOnly");
-          },
+          onChange: (val) => handleReadOnlyChange(val === "readOnly", this.props),
           value: readOnly ? "readOnly" : "editable",
           options: [
             { label: "Read Only", value: "readOnly" },
@@ -218802,7 +218827,7 @@ ${seqDataToCopy}\r
             contentLeft: this.props.contentLeft,
             editorName,
             withDigestTool: true,
-            onChangeEditLock: this.props.onChangeEditLock,
+            beforeReadOnlyChange: this.props.beforeReadOnlyChange,
             ...ToolBarProps
           }
         ),