@teselagen/ove 0.8.29 → 0.8.31

package/index.umd.js

@@ -22537,6 +22537,13 @@ var __async = (__this, __arguments, generator) => {
     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() {
@@ -22544,6 +22551,9 @@ var __async = (__this, __arguments, generator) => {
     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) => {
@@ -36296,6 +36306,195 @@ ${latestSubscriptionCallbackError.current.stack}
     );
   }
   __name(DialogFooter, "DialogFooter");
+  var NOT_FOUND = "NOT_FOUND";
+  function createSingletonCache(equals) {
+    var entry;
+    return {
+      get: /* @__PURE__ */ __name(function get2(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 clear() {
+        entry = void 0;
+      }, "clear")
+    };
+  }
+  __name(createSingletonCache, "createSingletonCache");
+  function createLruCache(maxSize, equals) {
+    var entries = [];
+    function get2(key) {
+      var cacheIndex = entries.findIndex(function(entry2) {
+        return equals(key, entry2.key);
+      });
+      if (cacheIndex > -1) {
+        var entry = entries[cacheIndex];
+        if (cacheIndex > 0) {
+          entries.splice(cacheIndex, 1);
+          entries.unshift(entry);
+        }
+        return entry.value;
+      }
+      return NOT_FOUND;
+    }
+    __name(get2, "get");
+    function put(key, value) {
+      if (get2(key) === NOT_FOUND) {
+        entries.unshift({
+          key,
+          value
+        });
+        if (entries.length > maxSize) {
+          entries.pop();
+        }
+      }
+    }
+    __name(put, "put");
+    function getEntries() {
+      return entries;
+    }
+    __name(getEntries, "getEntries");
+    function clear() {
+      entries = [];
+    }
+    __name(clear, "clear");
+    return {
+      get: get2,
+      put,
+      getEntries,
+      clear
+    };
+  }
+  __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 i2 = 0; i2 < length; i2++) {
+        if (!equalityCheck(prev[i2], next[i2])) {
+          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 entries = cache2.getEntries();
+          var matchingEntry = entries.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 i2 = 0; i2 < length; i2++) {
+          params.push(dependencies[i2].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];
@@ -85682,21 +85881,27 @@ ${latestSubscriptionCallbackError.current.stack}
       }
       return false;
     });
+    const dtFormParamsSelector = reactExports.useMemo(
+      () => 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
     );
@@ -86003,11 +86208,9 @@ ${latestSubscriptionCallbackError.current.stack}
             newTableConfig = {
               fieldOptions: []
             };
-            if (isEqual$3(prev, newTableConfig)) {
-              return prev;
-            } else {
-              return newTableConfig;
-            }
+          }
+          if (isEqual$3(prev, newTableConfig)) {
+            return prev;
           } else {
             return newTableConfig;
           }
@@ -103876,14 +104079,16 @@ ${latestSubscriptionCallbackError.current.stack}
     name: name2,
     isProtein: isProtein2,
     isRna: isRna2,
-    isMixedRnaAndDna
+    isMixedRnaAndDna,
+    getAcceptedInsertChars
   } = {}) {
-    const acceptedChars = getAcceptedChars({
+    const sequenceTypeInfo = {
       isOligo: isOligo2,
       isProtein: isProtein2,
       isRna: isRna2,
       isMixedRnaAndDna
-    });
+    };
+    const acceptedChars = isFunction$1(getAcceptedInsertChars) ? getAcceptedInsertChars(sequenceTypeInfo) : getAcceptedChars(sequenceTypeInfo);
     const replaceChars = getReplaceChars({
       isOligo: isOligo2,
       isProtein: isProtein2,
@@ -104119,6 +104324,7 @@ ${latestSubscriptionCallbackError.current.stack}
       doNotProvideIdsForAnnotations,
       noCdsTranslations,
       convertAnnotationsFromAAIndices,
+      getAcceptedInsertChars,
       topLevelSeqData
     } = options;
     let seqData = cloneDeep(pSeqData);
@@ -104150,13 +104356,16 @@ ${latestSubscriptionCallbackError.current.stack}
     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;
       }
     }
@@ -125757,195 +125966,6 @@ ${seq.sequence}
     return sequenceDataSelector(state2).sequence;
   }
   __name(sequenceSelector, "sequenceSelector");
-  var NOT_FOUND = "NOT_FOUND";
-  function createSingletonCache(equals) {
-    var entry;
-    return {
-      get: /* @__PURE__ */ __name(function get2(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 clear() {
-        entry = void 0;
-      }, "clear")
-    };
-  }
-  __name(createSingletonCache, "createSingletonCache");
-  function createLruCache(maxSize, equals) {
-    var entries = [];
-    function get2(key) {
-      var cacheIndex = entries.findIndex(function(entry2) {
-        return equals(key, entry2.key);
-      });
-      if (cacheIndex > -1) {
-        var entry = entries[cacheIndex];
-        if (cacheIndex > 0) {
-          entries.splice(cacheIndex, 1);
-          entries.unshift(entry);
-        }
-        return entry.value;
-      }
-      return NOT_FOUND;
-    }
-    __name(get2, "get");
-    function put(key, value) {
-      if (get2(key) === NOT_FOUND) {
-        entries.unshift({
-          key,
-          value
-        });
-        if (entries.length > maxSize) {
-          entries.pop();
-        }
-      }
-    }
-    __name(put, "put");
-    function getEntries() {
-      return entries;
-    }
-    __name(getEntries, "getEntries");
-    function clear() {
-      entries = [];
-    }
-    __name(clear, "clear");
-    return {
-      get: get2,
-      put,
-      getEntries,
-      clear
-    };
-  }
-  __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 i2 = 0; i2 < length; i2++) {
-        if (!equalityCheck(prev[i2], next[i2])) {
-          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 entries = cache2.getEntries();
-          var matchingEntry = entries.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 i2 = 0; i2 < length; i2++) {
-          params.push(dependencies[i2].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) => {
@@ -125971,7 +125991,34 @@ ${seq.sequence}
   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))
     );
@@ -126004,11 +126051,22 @@ ${seq.sequence}
     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(
@@ -126016,6 +126074,7 @@ ${seq.sequence}
     circularSelector,
     restrictionEnzymesSelector,
     cutsiteLabelColorSelector,
+    (editorState) => editorState.editorSize,
     cutsitesSelector
   );
   function divideBy3(num, shouldDivideBy3) {
@@ -127431,11 +127490,12 @@ ${seq.sequence}
     props,
     overrideName
   }) {
-    var _a2;
+    var _a2, _b2, _c2, _d2;
     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) => {
@@ -127449,16 +127509,28 @@ ${seq.sequence}
     dialogHolder.CustomModalComponent = ModalComponent;
     dialogHolder.props = props;
     dialogHolder.overrideName = overrideName;
-    dialogHolder.setUniqKeyToForceRerender(uuid());
+    if (dialogHolder.editorName && (dialogHolder == null ? void 0 : dialogHolder[dialogHolder.editorName])) {
+      (_c2 = (_b2 = dialogHolder == null ? void 0 : dialogHolder[dialogHolder.editorName]) == null ? void 0 : _b2.setUniqKeyToForceRerender) == null ? void 0 : _c2.call(
+        _b2,
+        uuid()
+      );
+    } else {
+      (_d2 = dialogHolder == null ? void 0 : dialogHolder.setUniqKeyToForceRerender) == null ? void 0 : _d2.call(dialogHolder, uuid());
+    }
   }
   __name(showDialog, "showDialog");
   function hideDialog() {
+    var _a2, _b2, _c2;
     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 {
+      (_c2 = dialogHolder == null ? void 0 : dialogHolder.setUniqKeyToForceRerender) == null ? void 0 : _c2.call(dialogHolder);
+    }
     delete dialogHolder.editorName;
-    dialogHolder.setUniqKeyToForceRerender();
   }
   __name(hideDialog, "hideDialog");
   const typeToDialogType = {
@@ -127733,7 +127805,8 @@ ${seq.sequence}
       readOnly: readOnly2,
       alwaysAllowSave,
       sequenceData: sequenceData2,
-      lastSavedIdUpdate: lastSavedIdUpdate2
+      lastSavedIdUpdate: lastSavedIdUpdate2,
+      getAcceptedInsertChars
     } = props;
     const saveHandler = opts2.isSaveAs ? onSaveAs || onSave : onSave;
     const updateLastSavedIdToCurrent = /* @__PURE__ */ __name(() => {
@@ -127746,7 +127819,8 @@ ${seq.sequence}
       opts2,
       tidyUpSequenceData(sequenceData2, {
         doNotRemoveInvalidChars: true,
-        annotationsAsObjects: true
+        annotationsAsObjects: true,
+        getAcceptedInsertChars
       }),
       props,
       updateLastSavedIdToCurrent
@@ -127928,8 +128002,8 @@ ${seq.sequence}
             caretPositionOrRange,
             options
           } = props.beforeSequenceInsertOrDelete ? (yield props.beforeSequenceInsertOrDelete(
-            tidyUpSequenceData(_sequenceDataToInsert),
-            tidyUpSequenceData(_existingSequenceData),
+            tidyUpSequenceData(_sequenceDataToInsert, { getAcceptedInsertChars: props.getAcceptedInsertChars }),
+            tidyUpSequenceData(_existingSequenceData, { getAcceptedInsertChars: props.getAcceptedInsertChars }),
             _caretPositionOrRange,
             _options
           )) || {} : {};
@@ -128092,7 +128166,11 @@ ${seq.sequence}
     (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) {
@@ -128129,6 +128207,9 @@ ${seq.sequence}
           annotationTypePlural,
           sequenceLength
         );
+        if (dialogHolder.editorName) {
+          annotationToAdd = dialogHolder.editorName === editorName ? annotationToAdd : void 0;
+        }
       }
     });
     const toReturn = __spreadProps(__spreadValues({}, editorState), {
@@ -128356,13 +128437,15 @@ ${seq.sequence}
     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
           })
         ),
         [
@@ -138262,7 +138345,8 @@ ${seq.sequence}
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
    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:
@@ -139048,9 +139132,19 @@ ${seq.sequence}
   };
   __name(_AnnotationPositioner, "AnnotationPositioner");
   let AnnotationPositioner = _AnnotationPositioner;
+  let measureCanvas;
+  function getAnnotationTextWidth(text2, fontSize2 = ANNOTATION_LABEL_FONT_WIDTH, fontFamily2 = "monospace") {
+    if (!measureCanvas) {
+      measureCanvas = document.createElement("canvas");
+    }
+    const ctx = measureCanvas.getContext("2d");
+    ctx.font = `${fontSize2}px ${fontFamily2}`;
+    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 }) {
@@ -139060,6 +139154,78 @@ ${seq.sequence}
     });
   }
   __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,
@@ -139195,27 +139361,17 @@ ${seq.sequence}
       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 {
@@ -145084,7 +145240,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.8.29";
+  const version = "0.8.31";
   const packageJson = {
     version
   };
@@ -146002,7 +146158,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     },
     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")
@@ -147211,6 +147367,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
         caretPosition: caretPosition2,
         sequenceData: sequenceData2,
         maxInsertSize,
+        getAcceptedInsertChars,
         showAminoAcidUnitAsCodon
       } = this.props;
       const { charsToInsert, hasTempError } = this.state;
@@ -147246,7 +147403,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             const [sanitizedVal, warnings] = filterSequenceString(
               e2.target.value,
               __spreadProps(__spreadValues({}, sequenceData2), {
-                name: void 0
+                name: void 0,
+                getAcceptedInsertChars
               })
             );
             if (warnings.length) {
@@ -148125,7 +148283,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             onPaste,
             disableBpEditing,
             sequenceData: sequenceData2,
-            maxInsertSize
+            maxInsertSize,
+            getAcceptedInsertChars
           } = this.props;
           if (disableBpEditing) {
             return this.createDisableBpEditingMsg();
@@ -148164,7 +148323,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             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");
@@ -148184,7 +148344,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             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(
@@ -148208,7 +148369,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             {
               doNotRemoveInvalidChars: true,
               annotationsAsObjects: true,
-              includeProteinSequence: true
+              includeProteinSequence: true,
+              getAcceptedInsertChars
             }
           );
           if (!(this.sequenceDataToCopy || {}).textToCopy && !seqData.sequence.length)
@@ -148226,7 +148388,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               e2,
               tidyUpSequenceData(seqData, {
                 doNotRemoveInvalidChars: true,
-                annotationsAsObjects: true
+                annotationsAsObjects: true,
+                getAcceptedInsertChars
               }),
               this.props
             );
@@ -148276,6 +148439,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             readOnly: readOnly2,
             disableBpEditing,
             maxInsertSize,
+            getAcceptedInsertChars,
             showAminoAcidUnitAsCodon
           } = this.props;
           const sequenceLength = sequenceData2.sequence.length;
@@ -148295,6 +148459,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               sequenceLength,
               caretPosition: caretPosition2,
               maxInsertSize,
+              getAcceptedInsertChars,
               showAminoAcidUnitAsCodon,
               handleInsert: /* @__PURE__ */ __name((seqDataToInsert) => __async(this, null, function* () {
                 yield insertAndSelectHelper({
@@ -153987,6 +154152,30 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       }) : /* @__PURE__ */ React.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
@@ -164542,10 +164731,16 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
         hideDialog();
       };
     }, []);
+    reactExports.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.createElement(
@@ -169309,6 +169504,8 @@ ${seqDataToCopy}\r
     "enzymeManageOverride",
     "enzymeGroupsOverride",
     "additionalEnzymes",
+    "getAcceptedInsertChars",
+    "maxInsertSize",
     "onDelete",
     "onCopy",
     "autoAnnotateFeatures",
@@ -171082,7 +171279,7 @@ ${seqDataToCopy}\r
         readOnly: readOnly2,
         annotationVisibility: annotationVisibility2,
         useAdditionalOrfStartCodons: useAdditionalOrfStartCodons2,
-        orfs: selectors.orfsSelector(editorState),
+        orfs: getMemoOrfs(editorState),
         sequenceLength: sequence2.length,
         sequenceData: sequenceData2,
         minimumOrfSize: minimumOrfSize2
@@ -171272,7 +171469,7 @@ ${seqDataToCopy}\r
       return {
         readOnly: readOnly2,
         translations: selectors.translationsSelector(editorState),
-        orfs: selectors.orfsSelector(editorState),
+        orfs: getMemoOrfs(editorState),
         annotationVisibility: annotationVisibility2,
         sequenceLength: (sequenceData2.sequence || "").length,
         sequenceData: sequenceData2
@@ -172557,6 +172754,7 @@ ${seqDataToCopy}\r
         hoveredId,
         isFullscreen,
         maxInsertSize,
+        getAcceptedInsertChars,
         showAminoAcidUnitAsCodon,
         maxAnnotationsToDisplay,
         minHeight = 400,
@@ -172746,6 +172944,7 @@ ${seqDataToCopy}\r
           }), panelPropsToSpread), {
             editorName,
             maxInsertSize,
+            getAcceptedInsertChars,
             showAminoAcidUnitAsCodon,
             isProtein: sequenceData2.isProtein,
             onlyShowLabelsThatDoNotFit,