@teselagen/ove 0.8.29 → 0.8.31

package/index.es.js

@@ -2906,6 +2906,13 @@ document.addEventListener("mouseup", () => {
   isDragging$1 = false;
 });
 let tippys = [];
+function isInAllowedContainer(element2) {
+  if (window.onlyAllowTooltipsInVeEditor) {
+    return element2.closest(".veEditor") !== null;
+  }
+  return true;
+}
+__name(isInAllowedContainer, "isInAllowedContainer");
 let recentlyHidden = false;
 let clearMe;
 (function() {
@@ -2913,6 +2920,9 @@ let clearMe;
   document.addEventListener("mouseover", function(event) {
     var _a2, _b2;
     const element2 = event.target;
+    if (!isInAllowedContainer(element2)) {
+      return;
+    }
     if (element2 instanceof Element && element2 !== lastMouseOverElement) {
       let clearOldTippys = /* @__PURE__ */ __name(function(maybeInst) {
         tippys = tippys.filter((t2) => {
@@ -9237,6 +9247,195 @@ function DialogFooter({
   );
 }
 __name(DialogFooter, "DialogFooter");
+var NOT_FOUND = "NOT_FOUND";
+function createSingletonCache(equals) {
+  var entry;
+  return {
+    get: /* @__PURE__ */ __name(function get7(key) {
+      if (entry && equals(entry.key, key)) {
+        return entry.value;
+      }
+      return NOT_FOUND;
+    }, "get"),
+    put: /* @__PURE__ */ __name(function put(key, value) {
+      entry = {
+        key,
+        value
+      };
+    }, "put"),
+    getEntries: /* @__PURE__ */ __name(function getEntries() {
+      return entry ? [entry] : [];
+    }, "getEntries"),
+    clear: /* @__PURE__ */ __name(function clear3() {
+      entry = void 0;
+    }, "clear")
+  };
+}
+__name(createSingletonCache, "createSingletonCache");
+function createLruCache(maxSize, equals) {
+  var entries2 = [];
+  function get7(key) {
+    var cacheIndex = entries2.findIndex(function(entry2) {
+      return equals(key, entry2.key);
+    });
+    if (cacheIndex > -1) {
+      var entry = entries2[cacheIndex];
+      if (cacheIndex > 0) {
+        entries2.splice(cacheIndex, 1);
+        entries2.unshift(entry);
+      }
+      return entry.value;
+    }
+    return NOT_FOUND;
+  }
+  __name(get7, "get");
+  function put(key, value) {
+    if (get7(key) === NOT_FOUND) {
+      entries2.unshift({
+        key,
+        value
+      });
+      if (entries2.length > maxSize) {
+        entries2.pop();
+      }
+    }
+  }
+  __name(put, "put");
+  function getEntries() {
+    return entries2;
+  }
+  __name(getEntries, "getEntries");
+  function clear3() {
+    entries2 = [];
+  }
+  __name(clear3, "clear");
+  return {
+    get: get7,
+    put,
+    getEntries,
+    clear: clear3
+  };
+}
+__name(createLruCache, "createLruCache");
+var defaultEqualityCheck = /* @__PURE__ */ __name(function defaultEqualityCheck2(a2, b3) {
+  return a2 === b3;
+}, "defaultEqualityCheck");
+function createCacheKeyComparator(equalityCheck) {
+  return /* @__PURE__ */ __name(function areArgumentsShallowlyEqual(prev, next) {
+    if (prev === null || next === null || prev.length !== next.length) {
+      return false;
+    }
+    var length = prev.length;
+    for (var i = 0; i < length; i++) {
+      if (!equalityCheck(prev[i], next[i])) {
+        return false;
+      }
+    }
+    return true;
+  }, "areArgumentsShallowlyEqual");
+}
+__name(createCacheKeyComparator, "createCacheKeyComparator");
+function defaultMemoize(func, equalityCheckOrOptions) {
+  var providedOptions = typeof equalityCheckOrOptions === "object" ? equalityCheckOrOptions : {
+    equalityCheck: equalityCheckOrOptions
+  };
+  var _providedOptions$equa = providedOptions.equalityCheck, equalityCheck = _providedOptions$equa === void 0 ? defaultEqualityCheck : _providedOptions$equa, _providedOptions$maxS = providedOptions.maxSize, maxSize = _providedOptions$maxS === void 0 ? 1 : _providedOptions$maxS, resultEqualityCheck = providedOptions.resultEqualityCheck;
+  var comparator = createCacheKeyComparator(equalityCheck);
+  var cache2 = maxSize === 1 ? createSingletonCache(comparator) : createLruCache(maxSize, comparator);
+  function memoized() {
+    var value = cache2.get(arguments);
+    if (value === NOT_FOUND) {
+      value = func.apply(null, arguments);
+      if (resultEqualityCheck) {
+        var entries2 = cache2.getEntries();
+        var matchingEntry = entries2.find(function(entry) {
+          return resultEqualityCheck(entry.value, value);
+        });
+        if (matchingEntry) {
+          value = matchingEntry.value;
+        }
+      }
+      cache2.put(arguments, value);
+    }
+    return value;
+  }
+  __name(memoized, "memoized");
+  memoized.clearCache = function() {
+    return cache2.clear();
+  };
+  return memoized;
+}
+__name(defaultMemoize, "defaultMemoize");
+function getDependencies(funcs) {
+  var dependencies = Array.isArray(funcs[0]) ? funcs[0] : funcs;
+  if (!dependencies.every(function(dep) {
+    return typeof dep === "function";
+  })) {
+    var dependencyTypes = dependencies.map(function(dep) {
+      return typeof dep === "function" ? "function " + (dep.name || "unnamed") + "()" : typeof dep;
+    }).join(", ");
+    throw new Error("createSelector expects all input-selectors to be functions, but received the following types: [" + dependencyTypes + "]");
+  }
+  return dependencies;
+}
+__name(getDependencies, "getDependencies");
+function createSelectorCreator(memoize2) {
+  for (var _len = arguments.length, memoizeOptionsFromArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    memoizeOptionsFromArgs[_key - 1] = arguments[_key];
+  }
+  var createSelector2 = /* @__PURE__ */ __name(function createSelector3() {
+    for (var _len2 = arguments.length, funcs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      funcs[_key2] = arguments[_key2];
+    }
+    var _recomputations = 0;
+    var _lastResult;
+    var directlyPassedOptions = {
+      memoizeOptions: void 0
+    };
+    var resultFunc = funcs.pop();
+    if (typeof resultFunc === "object") {
+      directlyPassedOptions = resultFunc;
+      resultFunc = funcs.pop();
+    }
+    if (typeof resultFunc !== "function") {
+      throw new Error("createSelector expects an output function after the inputs, but received: [" + typeof resultFunc + "]");
+    }
+    var _directlyPassedOption = directlyPassedOptions, _directlyPassedOption2 = _directlyPassedOption.memoizeOptions, memoizeOptions = _directlyPassedOption2 === void 0 ? memoizeOptionsFromArgs : _directlyPassedOption2;
+    var finalMemoizeOptions = Array.isArray(memoizeOptions) ? memoizeOptions : [memoizeOptions];
+    var dependencies = getDependencies(funcs);
+    var memoizedResultFunc = memoize2.apply(void 0, [/* @__PURE__ */ __name(function recomputationWrapper() {
+      _recomputations++;
+      return resultFunc.apply(null, arguments);
+    }, "recomputationWrapper")].concat(finalMemoizeOptions));
+    var selector = memoize2(/* @__PURE__ */ __name(function dependenciesChecker() {
+      var params = [];
+      var length = dependencies.length;
+      for (var i = 0; i < length; i++) {
+        params.push(dependencies[i].apply(null, arguments));
+      }
+      _lastResult = memoizedResultFunc.apply(null, params);
+      return _lastResult;
+    }, "dependenciesChecker"));
+    Object.assign(selector, {
+      resultFunc,
+      memoizedResultFunc,
+      dependencies,
+      lastResult: /* @__PURE__ */ __name(function lastResult() {
+        return _lastResult;
+      }, "lastResult"),
+      recomputations: /* @__PURE__ */ __name(function recomputations() {
+        return _recomputations;
+      }, "recomputations"),
+      resetRecomputations: /* @__PURE__ */ __name(function resetRecomputations() {
+        return _recomputations = 0;
+      }, "resetRecomputations")
+    });
+    return selector;
+  }, "createSelector");
+  return createSelector2;
+}
+__name(createSelectorCreator, "createSelectorCreator");
+var createSelector = /* @__PURE__ */ createSelectorCreator(defaultMemoize);
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
@@ -56633,21 +56832,27 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     }
     return false;
   });
+  const dtFormParamsSelector = useMemo$1(
+    () => createSelector(
+      (state2) => formValueSelector(formName)(
+        state2,
+        "reduxFormCellValidation",
+        "reduxFormEntities",
+        "reduxFormQueryParams",
+        "reduxFormSelectedEntityIdMap"
+      ),
+      (result) => result
+      // identity, but memoized
+    ),
+    [formName]
+  );
   const {
     reduxFormCellValidation: _reduxFormCellValidation,
     reduxFormEditingCell,
     reduxFormEntities,
     reduxFormQueryParams: _reduxFormQueryParams = {},
     reduxFormSelectedEntityIdMap: _reduxFormSelectedEntityIdMap = {}
-  } = useSelector(/* @__PURE__ */ __name(function dtFormParamsSelector(state2) {
-    return formValueSelector(formName)(
-      state2,
-      "reduxFormCellValidation",
-      "reduxFormEntities",
-      "reduxFormQueryParams",
-      "reduxFormSelectedEntityIdMap"
-    );
-  }, "dtFormParamsSelector"));
+  } = useSelector(dtFormParamsSelector);
   const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
     _reduxFormCellValidation
   );
@@ -56954,11 +57159,9 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
           newTableConfig = {
             fieldOptions: []
           };
-          if (isEqual$3(prev, newTableConfig)) {
-            return prev;
-          } else {
-            return newTableConfig;
-          }
+        }
+        if (isEqual$3(prev, newTableConfig)) {
+          return prev;
         } else {
           return newTableConfig;
         }
@@ -74955,14 +75158,16 @@ function filterSequenceString(sequenceString = "", {
   name: name2,
   isProtein: isProtein2,
   isRna: isRna2,
-  isMixedRnaAndDna
+  isMixedRnaAndDna,
+  getAcceptedInsertChars
 } = {}) {
-  const acceptedChars = getAcceptedChars({
+  const sequenceTypeInfo = {
     isOligo: isOligo2,
     isProtein: isProtein2,
     isRna: isRna2,
     isMixedRnaAndDna
-  });
+  };
+  const acceptedChars = isFunction$2(getAcceptedInsertChars) ? getAcceptedInsertChars(sequenceTypeInfo) : getAcceptedChars(sequenceTypeInfo);
   const replaceChars = getReplaceChars({
     isOligo: isOligo2,
     isProtein: isProtein2,
@@ -75198,6 +75403,7 @@ function tidyUpSequenceData(pSeqData, options = {}) {
     doNotProvideIdsForAnnotations,
     noCdsTranslations,
     convertAnnotationsFromAAIndices,
+    getAcceptedInsertChars,
     topLevelSeqData
   } = options;
   let seqData = cloneDeep(pSeqData);
@@ -75229,13 +75435,16 @@ function tidyUpSequenceData(pSeqData, options = {}) {
   if (!doNotRemoveInvalidChars) {
     if (seqData.isProtein) {
       const [newSeq] = filterSequenceString(seqData.proteinSequence, __spreadProps(__spreadValues({}, topLevelSeqData || seqData), {
-        isProtein: true
+        isProtein: true,
+        getAcceptedInsertChars
       }));
       seqData.proteinSequence = newSeq;
     } else {
-      const [newSeq] = filterSequenceString(seqData.sequence, __spreadValues({
+      const [newSeq] = filterSequenceString(seqData.sequence, __spreadProps(__spreadValues({
         additionalValidChars
-      }, topLevelSeqData || seqData));
+      }, topLevelSeqData || seqData), {
+        getAcceptedInsertChars
+      }));
       seqData.sequence = newSeq;
     }
   }
@@ -97591,195 +97800,6 @@ function sequenceSelector(state2) {
   return sequenceDataSelector(state2).sequence;
 }
 __name(sequenceSelector, "sequenceSelector");
-var NOT_FOUND = "NOT_FOUND";
-function createSingletonCache(equals) {
-  var entry;
-  return {
-    get: /* @__PURE__ */ __name(function get7(key) {
-      if (entry && equals(entry.key, key)) {
-        return entry.value;
-      }
-      return NOT_FOUND;
-    }, "get"),
-    put: /* @__PURE__ */ __name(function put(key, value) {
-      entry = {
-        key,
-        value
-      };
-    }, "put"),
-    getEntries: /* @__PURE__ */ __name(function getEntries() {
-      return entry ? [entry] : [];
-    }, "getEntries"),
-    clear: /* @__PURE__ */ __name(function clear3() {
-      entry = void 0;
-    }, "clear")
-  };
-}
-__name(createSingletonCache, "createSingletonCache");
-function createLruCache(maxSize, equals) {
-  var entries2 = [];
-  function get7(key) {
-    var cacheIndex = entries2.findIndex(function(entry2) {
-      return equals(key, entry2.key);
-    });
-    if (cacheIndex > -1) {
-      var entry = entries2[cacheIndex];
-      if (cacheIndex > 0) {
-        entries2.splice(cacheIndex, 1);
-        entries2.unshift(entry);
-      }
-      return entry.value;
-    }
-    return NOT_FOUND;
-  }
-  __name(get7, "get");
-  function put(key, value) {
-    if (get7(key) === NOT_FOUND) {
-      entries2.unshift({
-        key,
-        value
-      });
-      if (entries2.length > maxSize) {
-        entries2.pop();
-      }
-    }
-  }
-  __name(put, "put");
-  function getEntries() {
-    return entries2;
-  }
-  __name(getEntries, "getEntries");
-  function clear3() {
-    entries2 = [];
-  }
-  __name(clear3, "clear");
-  return {
-    get: get7,
-    put,
-    getEntries,
-    clear: clear3
-  };
-}
-__name(createLruCache, "createLruCache");
-var defaultEqualityCheck = /* @__PURE__ */ __name(function defaultEqualityCheck2(a2, b3) {
-  return a2 === b3;
-}, "defaultEqualityCheck");
-function createCacheKeyComparator(equalityCheck) {
-  return /* @__PURE__ */ __name(function areArgumentsShallowlyEqual(prev, next) {
-    if (prev === null || next === null || prev.length !== next.length) {
-      return false;
-    }
-    var length = prev.length;
-    for (var i = 0; i < length; i++) {
-      if (!equalityCheck(prev[i], next[i])) {
-        return false;
-      }
-    }
-    return true;
-  }, "areArgumentsShallowlyEqual");
-}
-__name(createCacheKeyComparator, "createCacheKeyComparator");
-function defaultMemoize(func, equalityCheckOrOptions) {
-  var providedOptions = typeof equalityCheckOrOptions === "object" ? equalityCheckOrOptions : {
-    equalityCheck: equalityCheckOrOptions
-  };
-  var _providedOptions$equa = providedOptions.equalityCheck, equalityCheck = _providedOptions$equa === void 0 ? defaultEqualityCheck : _providedOptions$equa, _providedOptions$maxS = providedOptions.maxSize, maxSize = _providedOptions$maxS === void 0 ? 1 : _providedOptions$maxS, resultEqualityCheck = providedOptions.resultEqualityCheck;
-  var comparator = createCacheKeyComparator(equalityCheck);
-  var cache2 = maxSize === 1 ? createSingletonCache(comparator) : createLruCache(maxSize, comparator);
-  function memoized() {
-    var value = cache2.get(arguments);
-    if (value === NOT_FOUND) {
-      value = func.apply(null, arguments);
-      if (resultEqualityCheck) {
-        var entries2 = cache2.getEntries();
-        var matchingEntry = entries2.find(function(entry) {
-          return resultEqualityCheck(entry.value, value);
-        });
-        if (matchingEntry) {
-          value = matchingEntry.value;
-        }
-      }
-      cache2.put(arguments, value);
-    }
-    return value;
-  }
-  __name(memoized, "memoized");
-  memoized.clearCache = function() {
-    return cache2.clear();
-  };
-  return memoized;
-}
-__name(defaultMemoize, "defaultMemoize");
-function getDependencies(funcs) {
-  var dependencies = Array.isArray(funcs[0]) ? funcs[0] : funcs;
-  if (!dependencies.every(function(dep) {
-    return typeof dep === "function";
-  })) {
-    var dependencyTypes = dependencies.map(function(dep) {
-      return typeof dep === "function" ? "function " + (dep.name || "unnamed") + "()" : typeof dep;
-    }).join(", ");
-    throw new Error("createSelector expects all input-selectors to be functions, but received the following types: [" + dependencyTypes + "]");
-  }
-  return dependencies;
-}
-__name(getDependencies, "getDependencies");
-function createSelectorCreator(memoize2) {
-  for (var _len = arguments.length, memoizeOptionsFromArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    memoizeOptionsFromArgs[_key - 1] = arguments[_key];
-  }
-  var createSelector2 = /* @__PURE__ */ __name(function createSelector3() {
-    for (var _len2 = arguments.length, funcs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      funcs[_key2] = arguments[_key2];
-    }
-    var _recomputations = 0;
-    var _lastResult;
-    var directlyPassedOptions = {
-      memoizeOptions: void 0
-    };
-    var resultFunc = funcs.pop();
-    if (typeof resultFunc === "object") {
-      directlyPassedOptions = resultFunc;
-      resultFunc = funcs.pop();
-    }
-    if (typeof resultFunc !== "function") {
-      throw new Error("createSelector expects an output function after the inputs, but received: [" + typeof resultFunc + "]");
-    }
-    var _directlyPassedOption = directlyPassedOptions, _directlyPassedOption2 = _directlyPassedOption.memoizeOptions, memoizeOptions = _directlyPassedOption2 === void 0 ? memoizeOptionsFromArgs : _directlyPassedOption2;
-    var finalMemoizeOptions = Array.isArray(memoizeOptions) ? memoizeOptions : [memoizeOptions];
-    var dependencies = getDependencies(funcs);
-    var memoizedResultFunc = memoize2.apply(void 0, [/* @__PURE__ */ __name(function recomputationWrapper() {
-      _recomputations++;
-      return resultFunc.apply(null, arguments);
-    }, "recomputationWrapper")].concat(finalMemoizeOptions));
-    var selector = memoize2(/* @__PURE__ */ __name(function dependenciesChecker() {
-      var params = [];
-      var length = dependencies.length;
-      for (var i = 0; i < length; i++) {
-        params.push(dependencies[i].apply(null, arguments));
-      }
-      _lastResult = memoizedResultFunc.apply(null, params);
-      return _lastResult;
-    }, "dependenciesChecker"));
-    Object.assign(selector, {
-      resultFunc,
-      memoizedResultFunc,
-      dependencies,
-      lastResult: /* @__PURE__ */ __name(function lastResult() {
-        return _lastResult;
-      }, "lastResult"),
-      recomputations: /* @__PURE__ */ __name(function recomputations() {
-        return _recomputations;
-      }, "recomputations"),
-      resetRecomputations: /* @__PURE__ */ __name(function resetRecomputations() {
-        return _recomputations = 0;
-      }, "resetRecomputations")
-    });
-    return selector;
-  }, "createSelector");
-  return createSelector2;
-}
-__name(createSelectorCreator, "createSelectorCreator");
-var createSelector = /* @__PURE__ */ createSelectorCreator(defaultMemoize);
 const restrictionEnzymesSelector = createSelector(
   () => defaultEnzymesByName,
   (state2, additionalEnzymes) => {
@@ -97805,7 +97825,34 @@ const restrictionEnzymesSelector = createSelector(
 const cutsiteLabelColorSelector = createSelector(sequenceDataSelector, function(sequenceData2) {
   return sequenceData2.cutsiteLabelColors;
 });
-function cutsitesSelector(sequence2, circular2, enzymeList, cutsiteLabelColors) {
+const cutsitesCache = [];
+function getCachedResult(argsObj) {
+  const idx = cutsitesCache.findIndex(
+    (entry) => entry && isEqual$3(entry.args, argsObj)
+  );
+  if (idx === -1) return;
+  const hit = cutsitesCache[idx];
+  return hit.result;
+}
+__name(getCachedResult, "getCachedResult");
+function setCachedResult(argsObj, result, cacheSize = 1) {
+  cutsitesCache.push({
+    args: argsObj,
+    result
+  });
+  if (cutsitesCache.length > cacheSize) cutsitesCache.shift();
+}
+__name(setCachedResult, "setCachedResult");
+function cutsitesSelector(sequence2, circular2, enzymeList, cutsiteLabelColors, editorSize = 1) {
+  const cachedResult = getCachedResult({
+    sequence: sequence2,
+    circular: circular2,
+    enzymeList,
+    cutsiteLabelColors
+  });
+  if (cachedResult) {
+    return cachedResult;
+  }
   const cutsitesByName = getLowerCaseObj(
     getCutsitesFromSequence(sequence2, circular2, map$3(enzymeList))
   );
@@ -97838,11 +97885,22 @@ function cutsitesSelector(sequence2, circular2, enzymeList, cutsiteLabelColors)
   const cutsitesArray = flatMap(cutsitesByName, function(cutsitesForEnzyme) {
     return cutsitesForEnzyme;
   });
-  return {
+  const result = {
     cutsitesByName,
     cutsitesById,
     cutsitesArray
   };
+  setCachedResult(
+    {
+      sequence: sequence2,
+      circular: circular2,
+      enzymeList,
+      cutsiteLabelColors
+    },
+    result,
+    editorSize
+  );
+  return result;
 }
 __name(cutsitesSelector, "cutsitesSelector");
 const cutsitesSelector$1 = createSelector(
@@ -97850,6 +97908,7 @@ const cutsitesSelector$1 = createSelector(
   circularSelector,
   restrictionEnzymesSelector,
   cutsiteLabelColorSelector,
+  (editorState) => editorState.editorSize,
   cutsitesSelector
 );
 function divideBy3(num, shouldDivideBy3) {
@@ -99265,11 +99324,12 @@ function showDialog({
   props,
   overrideName
 }) {
-  var _a2;
+  var _a2, _b2, _c, _d;
   dialogHolder.dialogType = dialogType;
   if (!dialogHolder.dialogType && ModalComponent) {
     dialogHolder.dialogType = "TGCustomModal";
   }
+  dialogHolder.editorName = props == null ? void 0 : props.editorName;
   if (document.activeElement && document.activeElement.closest(".veEditor")) {
     let editorName;
     (_a2 = document.activeElement.closest(".veEditor")) == null ? void 0 : _a2.className.split(" ").forEach((c2) => {
@@ -99283,16 +99343,28 @@ function showDialog({
   dialogHolder.CustomModalComponent = ModalComponent;
   dialogHolder.props = props;
   dialogHolder.overrideName = overrideName;
-  dialogHolder.setUniqKeyToForceRerender(uuid());
+  if (dialogHolder.editorName && (dialogHolder == null ? void 0 : dialogHolder[dialogHolder.editorName])) {
+    (_c = (_b2 = dialogHolder == null ? void 0 : dialogHolder[dialogHolder.editorName]) == null ? void 0 : _b2.setUniqKeyToForceRerender) == null ? void 0 : _c.call(
+      _b2,
+      uuid()
+    );
+  } else {
+    (_d = dialogHolder == null ? void 0 : dialogHolder.setUniqKeyToForceRerender) == null ? void 0 : _d.call(dialogHolder, uuid());
+  }
 }
 __name(showDialog, "showDialog");
 function hideDialog() {
+  var _a2, _b2, _c;
   delete dialogHolder.dialogType;
   delete dialogHolder.CustomModalComponent;
   delete dialogHolder.props;
   delete dialogHolder.overrideName;
+  if (dialogHolder.editorName && (dialogHolder == null ? void 0 : dialogHolder[dialogHolder.editorName])) {
+    (_b2 = (_a2 = dialogHolder == null ? void 0 : dialogHolder[dialogHolder.editorName]) == null ? void 0 : _a2.setUniqKeyToForceRerender) == null ? void 0 : _b2.call(_a2);
+  } else {
+    (_c = dialogHolder == null ? void 0 : dialogHolder.setUniqKeyToForceRerender) == null ? void 0 : _c.call(dialogHolder);
+  }
   delete dialogHolder.editorName;
-  dialogHolder.setUniqKeyToForceRerender();
 }
 __name(hideDialog, "hideDialog");
 const typeToDialogType = {
@@ -99567,7 +99639,8 @@ const handleSave = /* @__PURE__ */ __name((props) => (..._0) => __async(void 0,
     readOnly: readOnly2,
     alwaysAllowSave,
     sequenceData: sequenceData2,
-    lastSavedIdUpdate: lastSavedIdUpdate2
+    lastSavedIdUpdate: lastSavedIdUpdate2,
+    getAcceptedInsertChars
   } = props;
   const saveHandler = opts2.isSaveAs ? onSaveAs || onSave : onSave;
   const updateLastSavedIdToCurrent = /* @__PURE__ */ __name(() => {
@@ -99580,7 +99653,8 @@ const handleSave = /* @__PURE__ */ __name((props) => (..._0) => __async(void 0,
     opts2,
     tidyUpSequenceData(sequenceData2, {
       doNotRemoveInvalidChars: true,
-      annotationsAsObjects: true
+      annotationsAsObjects: true,
+      getAcceptedInsertChars
     }),
     props,
     updateLastSavedIdToCurrent
@@ -99762,8 +99836,8 @@ const withEditorProps = compose(
           caretPositionOrRange,
           options
         } = props.beforeSequenceInsertOrDelete ? (yield props.beforeSequenceInsertOrDelete(
-          tidyUpSequenceData(_sequenceDataToInsert),
-          tidyUpSequenceData(_existingSequenceData),
+          tidyUpSequenceData(_sequenceDataToInsert, { getAcceptedInsertChars: props.getAcceptedInsertChars }),
+          tidyUpSequenceData(_existingSequenceData, { getAcceptedInsertChars: props.getAcceptedInsertChars }),
           _caretPositionOrRange,
           _options
         )) || {} : {};
@@ -99926,7 +100000,11 @@ const getEditorState = createSelector(
   (state2) => state2.VectorEditor,
   (state2, editorName) => editorName,
   (VectorEditor, editorName) => {
-    return VectorEditor[editorName];
+    const editorState = VectorEditor[editorName];
+    editorState && (editorState.editorSize = Object.values(VectorEditor).filter(
+      (editorItem) => editorItem == null ? void 0 : editorItem.sequenceData
+    ).length);
+    return editorState;
   }
 );
 function mapStateToProps(state2, ownProps) {
@@ -99963,6 +100041,9 @@ function mapStateToProps(state2, ownProps) {
         annotationTypePlural,
         sequenceLength
       );
+      if (dialogHolder.editorName) {
+        annotationToAdd = dialogHolder.editorName === editorName ? annotationToAdd : void 0;
+      }
     }
   });
   const toReturn = __spreadProps(__spreadValues({}, editorState), {
@@ -100190,13 +100271,15 @@ function getShowGCContent(state2, ownProps) {
   return toRet;
 }
 __name(getShowGCContent, "getShowGCContent");
-function jsonToJson(incomingJson) {
+function jsonToJson(incomingJson, options) {
+  const { getAcceptedInsertChars } = options || {};
   return JSON.stringify(
     omit$1(
       cleanUpTeselagenJsonForExport(
         tidyUpSequenceData(incomingJson, {
           doNotRemoveInvalidChars: true,
-          annotationsAsObjects: false
+          annotationsAsObjects: false,
+          getAcceptedInsertChars
         })
       ),
       [
@@ -110096,7 +110179,8 @@ function getAnnotationNameAndStartStopString({
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
    click → top cut position
    alt/option+click → bottom cut position
-   cmd/ctrl+click → recognition range` : `
+   cmd/ctrl+click → recognition range
+   double click → show info` : `
 
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   INTERACTIONS:
@@ -110882,9 +110966,19 @@ const _AnnotationPositioner = class _AnnotationPositioner extends React__default
 };
 __name(_AnnotationPositioner, "AnnotationPositioner");
 let AnnotationPositioner = _AnnotationPositioner;
+let measureCanvas;
+function getAnnotationTextWidth(text2, fontSize = ANNOTATION_LABEL_FONT_WIDTH, fontFamily = "monospace") {
+  if (!measureCanvas) {
+    measureCanvas = document.createElement("canvas");
+  }
+  const ctx = measureCanvas.getContext("2d");
+  ctx.font = `${fontSize}px ${fontFamily}`;
+  return ctx.measureText(text2).width;
+}
+__name(getAnnotationTextWidth, "getAnnotationTextWidth");
 const doesLabelFitInAnnotation = /* @__PURE__ */ __name((text2 = "", { range: range2, width }, charWidth2) => {
-  const textLength = text2.length * ANNOTATION_LABEL_FONT_WIDTH;
-  const widthMinusOne = (range2 ? getWidth(range2, charWidth2, 0) : width) - charWidth2;
+  const textLength = getAnnotationTextWidth(text2);
+  const widthMinusOne = range2 ? getWidth(range2, charWidth2, 0) - ANNOTATION_LABEL_FONT_WIDTH * 2 : width - ANNOTATION_LABEL_FONT_WIDTH * 2;
   return widthMinusOne > textLength;
 }, "doesLabelFitInAnnotation");
 function getAnnotationClassnames({ overlapsSelf }, { viewName, type: type2 }) {
@@ -110894,6 +110988,78 @@ function getAnnotationClassnames({ overlapsSelf }, { viewName, type: type2 }) {
   });
 }
 __name(getAnnotationClassnames, "getAnnotationClassnames");
+function getAnnotationTextOffset({
+  width,
+  nameToDisplay,
+  hasAPoint,
+  pointiness,
+  forward
+}) {
+  return width / 2 - getAnnotationTextWidth(nameToDisplay) / 2 - (hasAPoint ? (pointiness / 2 + ANNOTATION_LABEL_FONT_WIDTH / 2) * (forward ? 1 : -1) : 0);
+}
+__name(getAnnotationTextOffset, "getAnnotationTextOffset");
+function getAnnotationNameInfo({
+  name: name2,
+  width,
+  hasAPoint,
+  pointiness,
+  forward,
+  charWidth: charWidth2,
+  truncateLabelsThatDoNotFit,
+  onlyShowLabelsThatDoNotFit,
+  annotation
+}) {
+  let nameToDisplay = name2;
+  let textOffset = getAnnotationTextOffset({
+    width,
+    nameToDisplay,
+    hasAPoint,
+    pointiness,
+    forward
+  });
+  const widthAvailableForText = width - ANNOTATION_LABEL_FONT_WIDTH * 2;
+  if (!doesLabelFitInAnnotation(name2, { width }, charWidth2) || !onlyShowLabelsThatDoNotFit && ["parts", "features"].includes(annotation.annotationTypePlural)) {
+    if (truncateLabelsThatDoNotFit) {
+      let left2 = 0;
+      let right2 = name2.length;
+      let bestFit = "";
+      while (left2 <= right2) {
+        const mid = Math.floor((left2 + right2) / 2);
+        const candidate = name2.slice(0, mid);
+        const candidateWidth = getAnnotationTextWidth(candidate);
+        if (candidateWidth <= widthAvailableForText) {
+          if (candidate.length > bestFit.length) {
+            bestFit = candidate;
+          }
+          left2 = mid + 1;
+        } else {
+          right2 = mid - 1;
+        }
+      }
+      if (bestFit.length < name2.length) {
+        bestFit = bestFit.slice(0, -2) + "..";
+      }
+      nameToDisplay = bestFit;
+      if (nameToDisplay.length <= 3) {
+        textOffset = 0;
+        nameToDisplay = "";
+      } else {
+        textOffset = getAnnotationTextOffset({
+          width,
+          nameToDisplay,
+          hasAPoint,
+          pointiness,
+          forward
+        });
+      }
+    } else {
+      textOffset = 0;
+      nameToDisplay = "";
+    }
+  }
+  return { textOffset, nameToDisplay };
+}
+__name(getAnnotationNameInfo, "getAnnotationNameInfo");
 function PointedAnnotation(props) {
   const {
     className,
@@ -111029,27 +111195,17 @@ function PointedAnnotation(props) {
       Q ${pointiness},${height / 2} ${0},${0}
       z`;
   }
-  let nameToDisplay = name2;
-  let textOffset = width / 2 - name2.length * 5 / 2 - (hasAPoint ? pointiness / 2 * (forward ? 1 : -1) : 0);
-  if (!doesLabelFitInAnnotation(name2, { width }, charWidth2) || !onlyShowLabelsThatDoNotFit && ["parts", "features"].includes(annotation.annotationTypePlural)) {
-    if (truncateLabelsThatDoNotFit) {
-      const fractionToDisplay = width / (name2.length * ANNOTATION_LABEL_FONT_WIDTH);
-      const numLetters = Math.floor(fractionToDisplay * name2.length);
-      nameToDisplay = name2.slice(0, numLetters);
-      if (nameToDisplay.length > 3) {
-        if (nameToDisplay.length !== name2.length) {
-          nameToDisplay += "..";
-        }
-        textOffset = width / 2 - nameToDisplay.length * 5 / 2 - (hasAPoint ? pointiness / 2 * (forward ? 1 : -1) : 0);
-      } else {
-        textOffset = 0;
-        nameToDisplay = "";
-      }
-    } else {
-      textOffset = 0;
-      nameToDisplay = "";
-    }
-  }
+  const { textOffset, nameToDisplay } = getAnnotationNameInfo({
+    name: name2,
+    width,
+    hasAPoint,
+    pointiness,
+    forward,
+    charWidth: charWidth2,
+    truncateLabelsThatDoNotFit,
+    onlyShowLabelsThatDoNotFit,
+    annotation
+  });
   let _textColor = textColor;
   if (!textColor) {
     try {
@@ -116968,7 +117124,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.29";
+const version = "0.8.31";
 const packageJson = {
   version
 };
@@ -117886,7 +118042,7 @@ const fileCommandDefs = __spreadValues(__spreadProps(__spreadValues({
   },
   exportSequenceAsTeselagenJson: {
     name: "Download Teselagen JSON File",
-    handler: /* @__PURE__ */ __name((props) => props.exportSequenceToFile("teselagenJson"), "handler")
+    handler: /* @__PURE__ */ __name((props) => props.exportSequenceToFile("teselagenJson", { getAcceptedInsertChars: props.getAcceptedInsertChars }), "handler")
   },
   viewProperties: {
     handler: /* @__PURE__ */ __name((props) => props.propertiesViewOpen(), "handler")
@@ -120697,6 +120853,7 @@ const _SequenceInputNoHotkeys = class _SequenceInputNoHotkeys extends React__def
       caretPosition: caretPosition2,
       sequenceData: sequenceData2,
       maxInsertSize,
+      getAcceptedInsertChars,
       showAminoAcidUnitAsCodon
     } = this.props;
     const { charsToInsert, hasTempError } = this.state;
@@ -120732,7 +120889,8 @@ const _SequenceInputNoHotkeys = class _SequenceInputNoHotkeys extends React__def
           const [sanitizedVal, warnings] = filterSequenceString(
             e.target.value,
             __spreadProps(__spreadValues({}, sequenceData2), {
-              name: void 0
+              name: void 0,
+              getAcceptedInsertChars
             })
           );
           if (warnings.length) {
@@ -121611,7 +121769,8 @@ function VectorInteractionHOC(Component2) {
           onPaste,
           disableBpEditing,
           sequenceData: sequenceData2,
-          maxInsertSize
+          maxInsertSize,
+          getAcceptedInsertChars
         } = this.props;
         if (disableBpEditing) {
           return this.createDisableBpEditingMsg();
@@ -121650,7 +121809,8 @@ function VectorInteractionHOC(Component2) {
           topLevelSeqData: sequenceData2,
           provideNewIdsForAnnotations: true,
           annotationsAsObjects: true,
-          noCdsTranslations: true
+          noCdsTranslations: true,
+          getAcceptedInsertChars
         });
         if (!seqDataToInsert.sequence.length)
           return window.toastr.warning("Sorry no valid base pairs to paste");
@@ -121670,7 +121830,8 @@ function VectorInteractionHOC(Component2) {
           selectionLayer: selectionLayer2,
           copyOptions: copyOptions2,
           disableBpEditing,
-          readOnly: readOnly2
+          readOnly: readOnly2,
+          getAcceptedInsertChars
         } = this.props;
         const onCut = this.props.onCut || this.props.onCopy || noop$8;
         const seqData = tidyUpSequenceData(
@@ -121694,7 +121855,8 @@ function VectorInteractionHOC(Component2) {
           {
             doNotRemoveInvalidChars: true,
             annotationsAsObjects: true,
-            includeProteinSequence: true
+            includeProteinSequence: true,
+            getAcceptedInsertChars
           }
         );
         if (!(this.sequenceDataToCopy || {}).textToCopy && !seqData.sequence.length)
@@ -121712,7 +121874,8 @@ function VectorInteractionHOC(Component2) {
             e,
             tidyUpSequenceData(seqData, {
               doNotRemoveInvalidChars: true,
-              annotationsAsObjects: true
+              annotationsAsObjects: true,
+              getAcceptedInsertChars
             }),
             this.props
           );
@@ -121762,6 +121925,7 @@ function VectorInteractionHOC(Component2) {
           readOnly: readOnly2,
           disableBpEditing,
           maxInsertSize,
+          getAcceptedInsertChars,
           showAminoAcidUnitAsCodon
         } = this.props;
         const sequenceLength = sequenceData2.sequence.length;
@@ -121781,6 +121945,7 @@ function VectorInteractionHOC(Component2) {
             sequenceLength,
             caretPosition: caretPosition2,
             maxInsertSize,
+            getAcceptedInsertChars,
             showAminoAcidUnitAsCodon,
             handleInsert: /* @__PURE__ */ __name((seqDataToInsert) => __async(this, null, function* () {
               yield insertAndSelectHelper({
@@ -127473,6 +127638,30 @@ const sizeSchema = /* @__PURE__ */ __name((isProtein2) => ({
     }) : /* @__PURE__ */ React__default.createElement("span", null, "(", base1Range.start, "-", base1Range.end, ")")));
   }, "render")
 }), "sizeSchema");
+const getMemoOrfs = /* @__PURE__ */ (() => {
+  let lastDeps;
+  let lastResult;
+  return (editorState) => {
+    const {
+      sequenceData: sequenceData2,
+      minimumOrfSize: minimumOrfSize2,
+      useAdditionalOrfStartCodons: useAdditionalOrfStartCodons2
+    } = editorState;
+    const { sequence: sequence2, circular: circular2 } = sequenceData2;
+    const deps = {
+      sequence: sequence2,
+      circular: circular2,
+      minimumOrfSize: minimumOrfSize2,
+      useAdditionalOrfStartCodons: useAdditionalOrfStartCodons2
+    };
+    if (lastResult && isEqual$3(deps, lastDeps)) {
+      return lastResult;
+    }
+    lastResult = selectors.orfsSelector(editorState);
+    lastDeps = deps;
+    return lastResult;
+  };
+})();
 var lodash$1 = { exports: {} };
 /**
  * @license
@@ -138028,10 +138217,16 @@ function GlobalDialog(props) {
       hideDialog();
     };
   }, []);
+  useEffect(() => {
+    dialogHolder.setUniqKeyToForceRerender = setUniqKeyToForceRerender;
+    if (editorName) {
+      const slot = dialogHolder[editorName] = dialogHolder[editorName] || {};
+      slot.setUniqKeyToForceRerender = setUniqKeyToForceRerender;
+    }
+  }, [editorName]);
   if (dialogHolder.editorName && editorName && dialogHolder.editorName !== editorName) {
     return null;
   }
-  dialogHolder.setUniqKeyToForceRerender = setUniqKeyToForceRerender;
   const Comp = dialogHolder.CustomModalComponent || dialogOverrides[dialogHolder.overrideName] || Dialogs[dialogHolder.dialogType];
   if (!Comp) return null;
   return /* @__PURE__ */ React__default.createElement(
@@ -142795,6 +142990,8 @@ const userDefinedHandlersAndOpts = [
   "enzymeManageOverride",
   "enzymeGroupsOverride",
   "additionalEnzymes",
+  "getAcceptedInsertChars",
+  "maxInsertSize",
   "onDelete",
   "onCopy",
   "autoAnnotateFeatures",
@@ -144568,7 +144765,7 @@ const OrfProperties$1 = compose(
       readOnly: readOnly2,
       annotationVisibility: annotationVisibility2,
       useAdditionalOrfStartCodons: useAdditionalOrfStartCodons2,
-      orfs: selectors.orfsSelector(editorState),
+      orfs: getMemoOrfs(editorState),
       sequenceLength: sequence2.length,
       sequenceData: sequenceData2,
       minimumOrfSize: minimumOrfSize2
@@ -144758,7 +144955,7 @@ const TranslationProperties$1 = compose(
     return {
       readOnly: readOnly2,
       translations: selectors.translationsSelector(editorState),
-      orfs: selectors.orfsSelector(editorState),
+      orfs: getMemoOrfs(editorState),
       annotationVisibility: annotationVisibility2,
       sequenceLength: (sequenceData2.sequence || "").length,
       sequenceData: sequenceData2
@@ -146043,6 +146240,7 @@ const _Editor = class _Editor extends React__default.Component {
       hoveredId,
       isFullscreen,
       maxInsertSize,
+      getAcceptedInsertChars,
       showAminoAcidUnitAsCodon,
       maxAnnotationsToDisplay,
       minHeight = 400,
@@ -146232,6 +146430,7 @@ const _Editor = class _Editor extends React__default.Component {
         }), panelPropsToSpread), {
           editorName,
           maxInsertSize,
+          getAcceptedInsertChars,
           showAminoAcidUnitAsCodon,
           isProtein: sequenceData2.isProtein,
           onlyShowLabelsThatDoNotFit,