@teselagen/ove 0.5.13 → 0.5.15

package/index.umd.js

@@ -10047,7 +10047,7 @@ var __async = (__this, __arguments, generator) => {
     }, _typeof$7(o2);
   }
   __name(_typeof$7, "_typeof$7");
-  function toPrimitive$3(t2, r2) {
+  function toPrimitive$4(t2, r2) {
     if ("object" != _typeof$7(t2) || !t2)
       return t2;
     var e2 = t2[Symbol.toPrimitive];
@@ -10059,9 +10059,9 @@ var __async = (__this, __arguments, generator) => {
     }
     return ("string" === r2 ? String : Number)(t2);
   }
-  __name(toPrimitive$3, "toPrimitive$3");
+  __name(toPrimitive$4, "toPrimitive$4");
   function toPropertyKey(t2) {
-    var i2 = toPrimitive$3(t2, "string");
+    var i2 = toPrimitive$4(t2, "string");
     return "symbol" == _typeof$7(i2) ? i2 : String(i2);
   }
   __name(toPropertyKey, "toPropertyKey");
@@ -25997,10 +25997,10 @@ var __async = (__this, __arguments, generator) => {
     /* istanbul ignore next */
     Object.getOwnPropertyNames
   );
-  function toPrimitive$2(value) {
+  function toPrimitive$3(value) {
     return value === null ? null : typeof value === "object" ? "" + value : value;
   }
-  __name(toPrimitive$2, "toPrimitive$2");
+  __name(toPrimitive$3, "toPrimitive$3");
   function hasProp(target, prop2) {
     return objectPrototype$2.hasOwnProperty.call(target, prop2);
   }
@@ -27019,7 +27019,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.value_ + "]";
     }, "toString2");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive] = function() {
       return this.valueOf();
@@ -27204,7 +27204,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.derivation.toString() + "]";
     }, "toString2");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive$1] = function() {
       return this.valueOf();
@@ -40904,20 +40904,11 @@ ${latestSubscriptionCallbackError.current.stack}
       return true;
     }
   }, "_fails");
-  var _descriptors;
-  var hasRequired_descriptors;
-  function require_descriptors() {
-    if (hasRequired_descriptors)
-      return _descriptors;
-    hasRequired_descriptors = 1;
-    _descriptors = !_fails(function() {
-      return Object.defineProperty({}, "a", { get: function() {
-        return 7;
-      } }).a != 7;
-    });
-    return _descriptors;
-  }
-  __name(require_descriptors, "require_descriptors");
+  var _descriptors = !_fails(function() {
+    return Object.defineProperty({}, "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
   var _domCreate;
   var hasRequired_domCreate;
   function require_domCreate() {
@@ -40933,20 +40924,11 @@ ${latestSubscriptionCallbackError.current.stack}
     return _domCreate;
   }
   __name(require_domCreate, "require_domCreate");
-  var _ie8DomDefine;
-  var hasRequired_ie8DomDefine;
-  function require_ie8DomDefine() {
-    if (hasRequired_ie8DomDefine)
-      return _ie8DomDefine;
-    hasRequired_ie8DomDefine = 1;
-    _ie8DomDefine = !require_descriptors() && !_fails(function() {
-      return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
-        return 7;
-      } }).a != 7;
-    });
-    return _ie8DomDefine;
-  }
-  __name(require_ie8DomDefine, "require_ie8DomDefine");
+  var _ie8DomDefine = !_descriptors && !_fails(function() {
+    return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
   var isObject$5 = _isObject;
   var _toPrimitive$1 = /* @__PURE__ */ __name(function(it, S2) {
     if (!isObject$5(it))
@@ -40960,33 +40942,25 @@ ${latestSubscriptionCallbackError.current.stack}
       return val2;
     throw TypeError("Can't convert object to primitive value");
   }, "_toPrimitive$1");
-  var hasRequired_objectDp;
-  function require_objectDp() {
-    if (hasRequired_objectDp)
-      return _objectDp;
-    hasRequired_objectDp = 1;
-    var anObject2 = _anObject;
-    var IE8_DOM_DEFINE2 = require_ie8DomDefine();
-    var toPrimitive2 = _toPrimitive$1;
-    var dP2 = Object.defineProperty;
-    _objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
-      anObject2(O2);
-      P2 = toPrimitive2(P2, true);
-      anObject2(Attributes);
-      if (IE8_DOM_DEFINE2)
-        try {
-          return dP2(O2, P2, Attributes);
-        } catch (e2) {
-        }
-      if ("get" in Attributes || "set" in Attributes)
-        throw TypeError("Accessors not supported!");
-      if ("value" in Attributes)
-        O2[P2] = Attributes.value;
-      return O2;
-    }, "defineProperty");
-    return _objectDp;
-  }
-  __name(require_objectDp, "require_objectDp");
+  var anObject$5 = _anObject;
+  var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+  var toPrimitive$2 = _toPrimitive$1;
+  var dP$3 = Object.defineProperty;
+  _objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+    anObject$5(O2);
+    P2 = toPrimitive$2(P2, true);
+    anObject$5(Attributes);
+    if (IE8_DOM_DEFINE$1)
+      try {
+        return dP$3(O2, P2, Attributes);
+      } catch (e2) {
+      }
+    if ("get" in Attributes || "set" in Attributes)
+      throw TypeError("Accessors not supported!");
+    if ("value" in Attributes)
+      O2[P2] = Attributes.value;
+    return O2;
+  }, "defineProperty");
   var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     return {
       enumerable: !(bitmap & 1),
@@ -40995,9 +40969,9 @@ ${latestSubscriptionCallbackError.current.stack}
       value
     };
   }, "_propertyDesc");
-  var dP$2 = require_objectDp();
+  var dP$2 = _objectDp;
   var createDesc$3 = _propertyDesc;
-  var _hide = require_descriptors() ? function(object2, key2, value) {
+  var _hide = _descriptors ? function(object2, key2, value) {
     return dP$2.f(object2, key2, createDesc$3(1, value));
   } : function(object2, key2, value) {
     object2[key2] = value;
@@ -41203,7 +41177,7 @@ ${latestSubscriptionCallbackError.current.stack}
     if (hasRequired_objectAssign)
       return _objectAssign;
     hasRequired_objectAssign = 1;
-    var DESCRIPTORS2 = require_descriptors();
+    var DESCRIPTORS2 = _descriptors;
     var getKeys2 = _objectKeys;
     var gOPS2 = _objectGops;
     var pIE2 = require_objectPie();
@@ -41269,10 +41243,10 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_iterStep");
   var _iterators = {};
   var _redefine = _hide;
-  var dP$1 = require_objectDp();
+  var dP$1 = _objectDp;
   var anObject$4 = _anObject;
   var getKeys$1 = _objectKeys;
-  var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
+  var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
     anObject$4(O2);
     var keys2 = getKeys$1(Properties2);
     var length = keys2.length;
@@ -41339,7 +41313,7 @@ ${latestSubscriptionCallbackError.current.stack}
   };
   $exports.store = store$2;
   var _wksExports = _wks.exports;
-  var def = require_objectDp().f;
+  var def = _objectDp.f;
   var has$b = _has;
   var TAG$1 = _wksExports("toStringTag");
   var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -41612,7 +41586,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _isArrayIter = /* @__PURE__ */ __name(function(it) {
     return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
   }, "_isArrayIter");
-  var $defineProperty$1 = require_objectDp();
+  var $defineProperty$1 = _objectDp;
   var createDesc$2 = _propertyDesc;
   var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
     if (index2 in object2)
@@ -41741,7 +41715,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }
   }, "_default$8");
   var $export$3 = _export;
-  $export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
+  $export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
   var $Object$1 = _coreExports.Object;
   var defineProperty$4 = /* @__PURE__ */ __name(function defineProperty2(it, key2, desc) {
     return $Object$1.defineProperty(it, key2, desc);
@@ -41782,7 +41756,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var META$1 = _uid("meta");
   var isObject$4 = _isObject;
   var has$9 = _has;
-  var setDesc = require_objectDp().f;
+  var setDesc = _objectDp.f;
   var id$1 = 0;
   var isExtensible = Object.isExtensible || function() {
     return true;
@@ -41835,7 +41809,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _metaExports = _meta.exports;
   var core = _coreExports;
   var wksExt$1 = _wksExt;
-  var defineProperty$2 = require_objectDp().f;
+  var defineProperty$2 = _objectDp.f;
   var _wksDefine = /* @__PURE__ */ __name(function(name2) {
     var $Symbol2 = core.Symbol || (core.Symbol = {});
     if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -41889,9 +41863,9 @@ ${latestSubscriptionCallbackError.current.stack}
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive$1;
   var has$8 = _has;
-  var IE8_DOM_DEFINE = require_ie8DomDefine();
+  var IE8_DOM_DEFINE = _ie8DomDefine;
   var gOPD$2 = Object.getOwnPropertyDescriptor;
-  _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
+  _objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
     O2 = toIObject$1(O2);
     P2 = toPrimitive$1(P2, true);
     if (IE8_DOM_DEFINE)
@@ -41904,7 +41878,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "getOwnPropertyDescriptor");
   var global$1 = _globalExports;
   var has$7 = _has;
-  var DESCRIPTORS = require_descriptors();
+  var DESCRIPTORS = _descriptors;
   var $export$2 = _export;
   var redefine = _redefine;
   var META = _metaExports.KEY;
@@ -41927,7 +41901,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
-  var $DP = require_objectDp();
+  var $DP = _objectDp;
   var $keys$1 = _objectKeys;
   var gOPD$1 = $GOPD.f;
   var dP = $DP.f;
@@ -62119,6 +62093,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }
   __name(getKeyedTagsAndTagOptions, "getKeyedTagsAndTagOptions");
   function getTagColorStyle(color2) {
+    console.log(`color:`, color2);
     return color2 ? {
       style: {
         backgroundColor: color2,
@@ -62484,22 +62459,6 @@ ${latestSubscriptionCallbackError.current.stack}
           })
         }), rest)
       );
-      if (backgroundColor2) {
-        return /* @__PURE__ */ React$2.createElement(
-          "div",
-          {
-            style: {
-              backgroundColor: backgroundColor2,
-              borderRadius: "4px 4px 4px 4px",
-              overflow: "hidden",
-              width: "fit-content",
-              color: "white",
-              border: "2px solid white"
-            }
-          },
-          toRet
-        );
-      }
       return toRet;
     }
   };
@@ -108790,123 +108749,167 @@ ${latestSubscriptionCallbackError.current.stack}
     return proteinAlphabet[letter.toUpperCase()];
   }
   __name(getAminoAcidFromSequenceTriplet, "getAminoAcidFromSequenceTriplet");
-  function getAminoAcidDataForEachBaseOfDna(originalSequenceString, forward, optionalSubrangeRange, isProteinSequence) {
+  function getNextTriplet(index2, sequenceString, exonRange) {
+    let triplet = "";
+    let internalIndex;
+    const codonPositions = [];
+    const isBaseInExon = /* @__PURE__ */ __name((baseIndex) => exonRange.some(
+      (r2) => isPositionWithinRange(baseIndex, r2, sequenceString.length, true, false)
+    ), "isBaseInExon");
+    for (internalIndex = index2; internalIndex < sequenceString.length; internalIndex++) {
+      if (triplet.length === 3) {
+        break;
+      }
+      if (isBaseInExon(internalIndex)) {
+        triplet += sequenceString[internalIndex];
+        codonPositions.push(internalIndex);
+      }
+    }
+    return { triplet, basesRead: internalIndex - index2, codonPositions };
+  }
+  __name(getNextTriplet, "getNextTriplet");
+  function getTranslatedSequenceProperties(originalSequenceString, forward, optionalSubrangeRange, isProteinSequence) {
     const originalSequenceStringLength = isProteinSequence ? originalSequenceString.length * 3 : originalSequenceString.length;
     let sequenceString = originalSequenceString;
-    let startOffset = 0;
+    const translationRange = { start: 0, end: originalSequenceStringLength - 1 };
     if (optionalSubrangeRange) {
       sequenceString = getSequenceWithinRange(
         optionalSubrangeRange,
         originalSequenceString
       );
-      startOffset = optionalSubrangeRange.start;
+      translationRange.start = optionalSubrangeRange.start;
+      translationRange.end = optionalSubrangeRange.end;
     }
     const sequenceStringLength = isProteinSequence ? sequenceString.length * 3 : sequenceString.length;
-    const aminoAcidDataForEachBaseOfDNA = [];
-    let codonRange;
-    let revCompGapLength = 0;
-    let aminoAcidIndex = 0;
-    if (!forward) {
-      aminoAcidIndex = Math.floor((sequenceStringLength - 1) / 3);
-      revCompGapLength = sequenceStringLength % 3;
-      codonRange = translateRange(
-        {
-          start: 0,
-          end: revCompGapLength - 1
-        },
-        startOffset,
+    if (!isProteinSequence && !forward) {
+      sequenceString = getReverseComplementSequenceString(sequenceString);
+    }
+    const absoluteExonRange = !isProteinSequence && optionalSubrangeRange && optionalSubrangeRange.locations ? optionalSubrangeRange.locations : [translationRange];
+    const exonRange = absoluteExonRange.map((range2) => {
+      let outputRange = translateRange(
+        range2,
+        -translationRange.start,
         originalSequenceStringLength
       );
-      if (revCompGapLength > 0) {
-        for (let i2 = 0; i2 < revCompGapLength; i2++) {
-          aminoAcidDataForEachBaseOfDNA.push({
-            aminoAcid: getAminoAcidFromSequenceTriplet("xxx"),
-            //fake xxx triplet returns the ambiguous X amino acid
-            positionInCodon: revCompGapLength - i2 - 1,
-            aminoAcidIndex,
-            sequenceIndex: codonRange.start + i2,
-            codonRange,
-            fullCodon: false
-          });
-        }
-        aminoAcidIndex--;
+      if (!forward) {
+        outputRange = flipRelativeRange(
+          outputRange,
+          { start: 0, end: sequenceStringLength - 1 },
+          sequenceStringLength
+        );
       }
+      return outputRange;
+    });
+    return {
+      sequenceString,
+      translationRange,
+      sequenceStringLength,
+      originalSequenceStringLength,
+      exonRange
+    };
+  }
+  __name(getTranslatedSequenceProperties, "getTranslatedSequenceProperties");
+  function positionInCdsToPositionInMainSequence(index2, forward, translationRange, mainSequenceLength) {
+    let outputRange = translateRange(
+      { start: index2, end: index2 },
+      translationRange.start,
+      mainSequenceLength
+    );
+    if (!forward) {
+      outputRange = flipRelativeRange(
+        outputRange,
+        translationRange,
+        mainSequenceLength
+      );
     }
-    for (let index2 = 2 + revCompGapLength; index2 < sequenceStringLength; index2 += 3) {
+    return outputRange.start;
+  }
+  __name(positionInCdsToPositionInMainSequence, "positionInCdsToPositionInMainSequence");
+  function getAminoAcidDataForEachBaseOfDna(originalSequenceString, forward, optionalSubrangeRange, isProteinSequence) {
+    const {
+      sequenceString,
+      translationRange,
+      sequenceStringLength,
+      originalSequenceStringLength,
+      exonRange
+    } = getTranslatedSequenceProperties(
+      originalSequenceString,
+      forward,
+      optionalSubrangeRange,
+      isProteinSequence
+    );
+    const aminoAcidDataForEachBaseOfDNA = [];
+    for (let index2 = 0; index2 < sequenceStringLength; index2 += 3) {
       let aminoAcid;
+      const aminoAcidIndex = index2 / 3;
+      let codonPositionsInCDS;
+      let basesRead;
       if (isProteinSequence) {
-        aminoAcid = proteinAlphabet[sequenceString[(index2 - 2) / 3].toUpperCase()];
+        codonPositionsInCDS = [0, 1, 2].map((i2) => index2 + i2);
+        basesRead = 3;
+        aminoAcid = proteinAlphabet[sequenceString[index2 / 3].toUpperCase()];
       } else {
-        let triplet = sequenceString.slice(index2 - 2, index2 + 1);
-        if (!forward) {
-          triplet = getReverseComplementSequenceString(triplet);
-        }
-        aminoAcid = getAminoAcidFromSequenceTriplet(triplet);
-      }
-      codonRange = translateRange(
-        {
-          start: index2 - 2,
-          end: index2
-        },
-        startOffset,
-        originalSequenceStringLength
+        const {
+          triplet,
+          basesRead: _basesRead,
+          codonPositions
+        } = getNextTriplet(index2, sequenceString, exonRange);
+        basesRead = _basesRead;
+        codonPositionsInCDS = codonPositions;
+        aminoAcid = triplet.length === 3 ? getAminoAcidFromSequenceTriplet(triplet) : getAminoAcidFromSequenceTriplet("xxx");
+      }
+      const absoluteCodonPositions = codonPositionsInCDS.map(
+        (i2) => positionInCdsToPositionInMainSequence(
+          i2,
+          forward,
+          translationRange,
+          originalSequenceStringLength
+        )
       );
-      aminoAcidDataForEachBaseOfDNA.push({
-        aminoAcid,
-        //gap amino acid
-        positionInCodon: forward ? 0 : 2,
-        aminoAcidIndex,
-        sequenceIndex: codonRange.start,
-        codonRange,
-        fullCodon: true
-      });
-      aminoAcidDataForEachBaseOfDNA.push({
-        aminoAcid,
-        //gap amino acid
-        positionInCodon: 1,
-        aminoAcidIndex,
-        sequenceIndex: codonRange.start + 1,
-        codonRange,
-        fullCodon: true
-      });
-      aminoAcidDataForEachBaseOfDNA.push({
-        aminoAcid,
-        //gap amino acid
-        positionInCodon: forward ? 2 : 0,
-        aminoAcidIndex,
-        sequenceIndex: codonRange.start + 2,
-        codonRange,
-        fullCodon: true
-      });
-      if (forward) {
-        aminoAcidIndex++;
-      } else {
-        aminoAcidIndex--;
+      const codonRange = forward ? {
+        start: absoluteCodonPositions[0],
+        end: absoluteCodonPositions[codonPositionsInCDS.length - 1]
+      } : {
+        start: absoluteCodonPositions[codonPositionsInCDS.length - 1],
+        end: absoluteCodonPositions[0]
+      };
+      let positionInCodon = 0;
+      for (let i2 = 0; i2 < basesRead; i2++) {
+        const posInCds = i2 + index2;
+        if (codonPositionsInCDS.includes(posInCds)) {
+          aminoAcidDataForEachBaseOfDNA.push({
+            aminoAcid,
+            positionInCodon,
+            aminoAcidIndex,
+            sequenceIndex: absoluteCodonPositions[i2],
+            codonRange,
+            fullCodon: codonPositionsInCDS.length === 3
+          });
+          positionInCodon++;
+        } else {
+          aminoAcidDataForEachBaseOfDNA.push({
+            aminoAcid: null,
+            positionInCodon: null,
+            aminoAcidIndex: null,
+            sequenceIndex: positionInCdsToPositionInMainSequence(
+              posInCds,
+              forward,
+              translationRange,
+              originalSequenceStringLength
+            ),
+            codonRange: null,
+            fullCodon: null
+          });
+        }
       }
-    }
-    const lengthOfEndBpsNotCoveredByAminoAcids = sequenceStringLength - aminoAcidDataForEachBaseOfDNA.length;
-    codonRange = translateRange(
-      {
-        start: sequenceStringLength - lengthOfEndBpsNotCoveredByAminoAcids,
-        end: sequenceStringLength - 1
-      },
-      startOffset,
-      originalSequenceStringLength
-    );
-    for (let j2 = 0; j2 < lengthOfEndBpsNotCoveredByAminoAcids; j2++) {
-      aminoAcidDataForEachBaseOfDNA.push({
-        aminoAcid: getAminoAcidFromSequenceTriplet("xxx"),
-        //fake xxx triplet returns the gap amino acid
-        positionInCodon: j2,
-        aminoAcidIndex,
-        sequenceIndex: codonRange.start + j2,
-        fullCodon: false,
-        codonRange
-      });
+      index2 += basesRead - codonPositionsInCDS.length;
     }
     if (sequenceStringLength !== aminoAcidDataForEachBaseOfDNA.length) {
       throw new Error("something went wrong!");
     }
+    if (!forward) {
+      aminoAcidDataForEachBaseOfDNA.reverse();
+    }
     return aminoAcidDataForEachBaseOfDNA;
   }
   __name(getAminoAcidDataForEachBaseOfDna, "getAminoAcidDataForEachBaseOfDna");
@@ -134881,7 +134884,7 @@ ${seq.sequence}
       (_a2 = document.activeElement.closest(".veEditor")) == null ? void 0 : _a2.className.split(" ").forEach((c2) => {
         if (!c2.trim())
           return;
-        if (!c2.trim().includes("veEditor")) {
+        if (!c2.trim().includes("veEditor") && !c2.trim().includes("previewModeFullscreen")) {
           editorName = c2;
         }
       });
@@ -135360,18 +135363,19 @@ ${seq.sequence}
     ),
     withHandlers({
       wrappedInsertSequenceDataAtPositionOrRange: (props) => {
-        return (_sequenceDataToInsert, _existingSequenceData, _caretPositionOrRange, _options) => {
+        return (_sequenceDataToInsert, _existingSequenceData, _caretPositionOrRange, _options) => __async(this, null, function* () {
           const {
             sequenceDataToInsert,
             existingSequenceData,
             caretPositionOrRange,
             options
-          } = props.beforeSequenceInsertOrDelete ? props.beforeSequenceInsertOrDelete(
+          } = props.beforeSequenceInsertOrDelete ? (yield props.beforeSequenceInsertOrDelete(
             tidyUpSequenceData(_sequenceDataToInsert),
             tidyUpSequenceData(_existingSequenceData),
             _caretPositionOrRange,
             _options
-          ) || {} : {};
+          )) || {} : {};
+          console.log(`zoink2`);
           return [
             insertSequenceDataAtPositionOrRange(
               sequenceDataToInsert || _sequenceDataToInsert,
@@ -135381,7 +135385,7 @@ ${seq.sequence}
             ),
             options || _options || {}
           ];
-        };
+        });
       },
       upsertTranslation: (props) => {
         return (translationToUpsert) => __async(this, null, function* () {
@@ -135466,7 +135470,7 @@ ${seq.sequence}
         );
         caretPositionUpdate2(0);
       },
-      handleReverseComplementSelection: (props) => () => {
+      handleReverseComplementSelection: (props) => () => __async(this, null, function* () {
         const {
           sequenceData: sequenceData2,
           updateSequenceData: updateSequenceData2,
@@ -135482,7 +135486,7 @@ ${seq.sequence}
             range: selectionLayer2
           }
         );
-        const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+        const [newSeqData] = yield wrappedInsertSequenceDataAtPositionOrRange(
           reversedSeqData,
           sequenceData2,
           selectionLayer2,
@@ -135491,8 +135495,8 @@ ${seq.sequence}
           }
         );
         updateSequenceData2(newSeqData);
-      },
-      handleComplementSelection: (props) => () => {
+      }),
+      handleComplementSelection: (props) => () => __async(this, null, function* () {
         const {
           sequenceData: sequenceData2,
           updateSequenceData: updateSequenceData2,
@@ -135505,7 +135509,7 @@ ${seq.sequence}
         const comp = getComplementSequenceAndAnnotations(sequenceData2, {
           range: selectionLayer2
         });
-        const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+        const [newSeqData] = yield wrappedInsertSequenceDataAtPositionOrRange(
           comp,
           sequenceData2,
           selectionLayer2,
@@ -135514,7 +135518,7 @@ ${seq.sequence}
           }
         );
         updateSequenceData2(newSeqData);
-      },
+      }),
       handleReverseComplementSequence: (props) => () => {
         const { sequenceData: sequenceData2, updateSequenceData: updateSequenceData2 } = props;
         updateSequenceData2(
@@ -147931,7 +147935,7 @@ double click --> edit`}`;
           fill: color2 || "gray"
         }
       )),
-      !isFiller && /* @__PURE__ */ React$2.createElement(
+      (!isFiller || isTruncatedEnd && isTruncatedStart) && /* @__PURE__ */ React$2.createElement(
         "text",
         {
           fontSize: 25,
@@ -148008,18 +148012,39 @@ double click --> edit`}`;
         subrangeStartRelativeToAnnotationStart,
         aminoAcids
       );
+      let prevAaSliver;
+      let nextAaSliver = aminoAcidsForSubrange[1];
+      const lastIndex = aminoAcidsForSubrange.length - 1;
       const translationSVG = aminoAcidsForSubrange.map(
         function(aminoAcidSliver, index2) {
-          const isEndFiller = index2 === 0 && aminoAcidSliver.positionInCodon === (annotation.forward ? 2 : 0);
-          let isTruncatedEnd = index2 === 0 && aminoAcidSliver.positionInCodon === 1;
-          let isTruncatedStart = index2 === aminoAcidsForSubrange.length - 1 && aminoAcidSliver.positionInCodon === 1;
+          if (aminoAcidSliver.positionInCodon === null) {
+            prevAaSliver = aminoAcidSliver;
+            nextAaSliver = aminoAcidsForSubrange[index2 + 2];
+            return /* @__PURE__ */ React$2.createElement(
+              "rect",
+              {
+                x: index2 * charWidth2,
+                y: height2 / 2 - height2 / 16,
+                width: charWidth2,
+                height: height2 / 8,
+                fill: "grey",
+                stroke: "black",
+                strokeWidth: 1
+              }
+            );
+          }
+          const isEndFiller = (index2 === 0 || (prevAaSliver == null ? void 0 : prevAaSliver.positionInCodon) === null) && aminoAcidSliver.positionInCodon === (annotation.forward ? 2 : 0);
+          const isStartFiller = (index2 === lastIndex || (nextAaSliver == null ? void 0 : nextAaSliver.positionInCodon) === null) && aminoAcidSliver.positionInCodon === (annotation.forward ? 0 : 2);
+          let isTruncatedEnd = (index2 === 0 || (prevAaSliver == null ? void 0 : prevAaSliver.positionInCodon) === null) && aminoAcidSliver.positionInCodon === 1;
+          let isTruncatedStart = (index2 === lastIndex || (nextAaSliver == null ? void 0 : nextAaSliver.positionInCodon) === null) && aminoAcidSliver.positionInCodon === 1;
           if (!annotation.forward) {
             const holder = isTruncatedEnd;
             isTruncatedEnd = isTruncatedStart;
             isTruncatedStart = holder;
           }
-          const isStartFiller = index2 === aminoAcidsForSubrange.length - 1 && aminoAcidSliver.positionInCodon === (annotation.forward ? 0 : 2);
           if (aminoAcidSliver.positionInCodon !== 1 && !isStartFiller && !isEndFiller) {
+            prevAaSliver = aminoAcidSliver;
+            nextAaSliver = aminoAcidsForSubrange[index2 + 2];
             return null;
           }
           const { gapsInside, gapsBefore } = getGaps(aminoAcidSliver.codonRange);
@@ -148036,10 +148061,12 @@ double click --> edit`}`;
           } else {
             color2 = aminoAcid.color;
           }
+          prevAaSliver = aminoAcidSliver;
+          nextAaSliver = aminoAcidsForSubrange[index2 + 2];
           return /* @__PURE__ */ React$2.createElement(
             AASliver$1,
             {
-              isFiller: isEndFiller || isStartFiller,
+              isFiller: isEndFiller || isStartFiller || isTruncatedEnd && isTruncatedStart,
               isTruncatedEnd,
               isTruncatedStart,
               onClick: function(event) {
@@ -150251,7 +150278,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.5.12";
+  const version = "0.5.14";
   const main = "./src/index.js";
   const type = "module";
   const exports$1 = {
@@ -153318,7 +153345,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             caretPositionUpdate: this.caretPositionUpdate
           });
         }, "updateSelectionOrCaret"));
-        __publicField(this, "handlePaste", /* @__PURE__ */ __name((e2) => {
+        __publicField(this, "handlePaste", /* @__PURE__ */ __name((e2) => __async(this, null, function* () {
           const {
             caretPosition: caretPosition2 = -1,
             selectionLayer: selectionLayer2 = { start: -1, end: -1 },
@@ -153360,13 +153387,13 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           });
           if (!seqDataToInsert.sequence.length)
             return window.toastr.warning("Sorry no valid base pairs to paste");
-          insertAndSelectHelper({
+          yield insertAndSelectHelper({
             seqDataToInsert,
             props: this.props
           });
           window.toastr.success("Sequence Pasted Successfully");
           e2.preventDefault();
-        }, "handlePaste"));
+        }), "handlePaste"));
         __publicField(this, "handleCutOrCopy", /* @__PURE__ */ __name((isCut) => (e2) => {
           const {
             onCopy = noop$5,
@@ -153433,7 +153460,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
         }, "handleCutOrCopy"));
         __publicField(this, "handleCut", this.handleCutOrCopy(true));
         __publicField(this, "handleCopy", this.handleCutOrCopy());
-        __publicField(this, "handleDnaInsert", /* @__PURE__ */ __name(({ useEventPositioning }) => {
+        __publicField(this, "handleDnaInsert", /* @__PURE__ */ __name((_0) => __async(this, [_0], function* ({ useEventPositioning }) {
           const {
             caretPosition: caretPosition2 = -1,
             selectionLayer: selectionLayer2 = { start: -1, end: -1 },
@@ -153460,17 +153487,17 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               selectionLayer: selectionLayer2,
               sequenceLength,
               caretPosition: caretPosition2,
-              handleInsert: (seqDataToInsert) => {
-                insertAndSelectHelper({
+              handleInsert: (seqDataToInsert) => __async(this, null, function* () {
+                yield insertAndSelectHelper({
                   props: this.props,
                   seqDataToInsert
                 });
                 window.toastr.success("Sequence Inserted Successfully");
-              }
+              })
             });
           }
-        }, "handleDnaInsert"));
-        __publicField(this, "handleDnaDelete", /* @__PURE__ */ __name((showToast = true) => {
+        }), "handleDnaInsert"));
+        __publicField(this, "handleDnaDelete", /* @__PURE__ */ __name((showToast = true) => __async(this, null, function* () {
           const {
             caretPosition: caretPosition2 = -1,
             selectionLayer: selectionLayer2 = { start: -1, end: -1 },
@@ -153511,11 +153538,14 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
                 isCaretAtEndOfSeq = true;
               }
             }
-            const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+            const [newSeqData, { abortSeqChange }] = yield wrappedInsertSequenceDataAtPositionOrRange(
               {},
               sequenceData2,
               rangeToDelete
             );
+            console.log(`z3`);
+            if (abortSeqChange)
+              return;
             updateSequenceData2(newSeqData);
             caretPositionUpdate2(
               isCaretAtEndOfSeq ? newSeqData.sequence.length : rangeToDelete.start > newSeqData.sequence.length ? (
@@ -153529,7 +153559,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             if (showToast)
               window.toastr.success("Sequence Deleted Successfully");
           }
-        }, "handleDnaDelete"));
+        }), "handleDnaDelete"));
         __publicField(this, "caretPositionUpdate", /* @__PURE__ */ __name((position2) => {
           const { caretPosition: caretPosition2 = -1 } = this.props;
           if (caretPosition2 === position2) {
@@ -154288,7 +154318,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     });
   }
   __name(getGenbankFromSelection, "getGenbankFromSelection");
-  const insertAndSelectHelper = /* @__PURE__ */ __name(({ seqDataToInsert, props }) => {
+  const insertAndSelectHelper = /* @__PURE__ */ __name((_0) => __async(this, [_0], function* ({ seqDataToInsert, props }) {
     const {
       updateSequenceData: updateSequenceData2,
       wrappedInsertSequenceDataAtPositionOrRange,
@@ -154298,11 +154328,15 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       selectionLayer: selectionLayer2,
       bpLimit
     } = props;
-    const [newSeqData, { maintainOriginSplit }] = wrappedInsertSequenceDataAtPositionOrRange(
+    const [newSeqData, { maintainOriginSplit, abortSeqChange }] = yield wrappedInsertSequenceDataAtPositionOrRange(
       seqDataToInsert,
       sequenceData2,
       caretPosition2 > -1 ? caretPosition2 : selectionLayer2
     );
+    console.log(`z4`);
+    if (abortSeqChange) {
+      throw new Error("abortSeqChange");
+    }
     if (bpLimit) {
       if (newSeqData.sequence.length > bpLimit) {
         window.toastr.error(
@@ -154320,7 +154354,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       start: newSelectionLayerStart,
       end: newSelectionLayerEnd % newSeqData.sequence.length
     });
-  }, "insertAndSelectHelper");
+  }), "insertAndSelectHelper");
   function getEditDeleteHandlers(type2, annotation) {
     return [
       ...annotation.isEditLocked ? [