@teselagen/ove 0.5.13 → 0.5.15

package/index.cjs.js

@@ -2835,7 +2835,7 @@ var followCursor = {
       }
     }
     __name(onMouseMove, "onMouseMove");
-    function create6() {
+    function create5() {
       if (instance.props.followCursor) {
         activeInstances.push({
           instance,
@@ -2844,7 +2844,7 @@ var followCursor = {
         addMouseCoordsListener(doc);
       }
     }
-    __name(create6, "create");
+    __name(create5, "create");
     function destroy2() {
       activeInstances = activeInstances.filter(function(data) {
         return data.instance !== instance;
@@ -2857,7 +2857,7 @@ var followCursor = {
     }
     __name(destroy2, "destroy");
     return {
-      onCreate: create6,
+      onCreate: create5,
       onDestroy: destroy2,
       onBeforeUpdate: /* @__PURE__ */ __name(function onBeforeUpdate2() {
         prevProps = instance.props;
@@ -2870,7 +2870,7 @@ var followCursor = {
         if (followCursor2 !== void 0 && prevProps.followCursor !== followCursor2) {
           destroy2();
           if (followCursor2) {
-            create6();
+            create5();
             if (instance.state.isMounted && !wasFocusEvent && !getIsInitialBehavior()) {
               addListener();
             }
@@ -14299,10 +14299,10 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$2 = require_objectDp();
+var dP$1 = require_objectDp();
 var createDesc$3 = _propertyDesc;
 var _hide = require_descriptors() ? function(object3, key, value) {
-  return dP$2.f(object3, key, createDesc$3(1, value));
+  return dP$1.f(object3, key, createDesc$3(1, value));
 } : function(object3, key, value) {
   object3[key] = value;
   return object3;
@@ -14316,7 +14316,7 @@ var core$3 = _coreExports;
 var ctx$1 = _ctx;
 var hide$3 = _hide;
 var has$e = _has;
-var PROTOTYPE$2 = "prototype";
+var PROTOTYPE$1 = "prototype";
 var $export$8 = /* @__PURE__ */ __name(function(type2, name2, source) {
   var IS_FORCED = type2 & $export$8.F;
   var IS_GLOBAL = type2 & $export$8.G;
@@ -14325,8 +14325,8 @@ var $export$8 = /* @__PURE__ */ __name(function(type2, name2, source) {
   var IS_BIND = type2 & $export$8.B;
   var IS_WRAP = type2 & $export$8.W;
   var exports2 = IS_GLOBAL ? core$3 : core$3[name2] || (core$3[name2] = {});
-  var expProto = exports2[PROTOTYPE$2];
-  var target = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$2];
+  var expProto = exports2[PROTOTYPE$1];
+  var target = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$1];
   var key, own2, out;
   if (IS_GLOBAL)
     source = name2;
@@ -14350,7 +14350,7 @@ var $export$8 = /* @__PURE__ */ __name(function(type2, name2, source) {
         }
         return C.apply(this, arguments);
       }, "F");
-      F[PROTOTYPE$2] = C[PROTOTYPE$2];
+      F[PROTOTYPE$1] = C[PROTOTYPE$1];
       return F;
     }(out) : IS_PROTO && typeof out == "function" ? ctx$1(Function.call, out) : out;
     if (IS_PROTO) {
@@ -14373,16 +14373,25 @@ var toString$5 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$5.call(it).slice(8, -1);
 }, "_cof");
-var cof$2 = _cof;
-var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
-  return cof$2(it) == "String" ? it.split("") : Object(it);
-};
+var _iobject;
+var hasRequired_iobject;
+function require_iobject() {
+  if (hasRequired_iobject)
+    return _iobject;
+  hasRequired_iobject = 1;
+  var cof2 = _cof;
+  _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+    return cof2(it) == "String" ? it.split("") : Object(it);
+  };
+  return _iobject;
+}
+__name(require_iobject, "require_iobject");
 var _defined = /* @__PURE__ */ __name(function(it) {
   if (it == void 0)
     throw TypeError("Can't call method on  " + it);
   return it;
 }, "_defined");
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = /* @__PURE__ */ __name(function(it) {
   return IObject(defined$2(it));
@@ -14455,14 +14464,14 @@ var _sharedKey = /* @__PURE__ */ __name(function(key) {
 var has$d = _has;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes$1(false);
-var IE_PROTO$2 = _sharedKey("IE_PROTO");
+var IE_PROTO$1 = _sharedKey("IE_PROTO");
 var _objectKeysInternal = /* @__PURE__ */ __name(function(object3, names2) {
   var O2 = toIObject$4(object3);
   var i = 0;
   var result = [];
   var key;
   for (key in O2)
-    if (key != IE_PROTO$2)
+    if (key != IE_PROTO$1)
       has$d(O2, key) && result.push(key);
   while (names2.length > i)
     if (has$d(O2, key = names2[i++])) {
@@ -14471,10 +14480,10 @@ var _objectKeysInternal = /* @__PURE__ */ __name(function(object3, names2) {
   return result;
 }, "_objectKeysInternal");
 var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
-var $keys$3 = _objectKeysInternal;
-var enumBugKeys$1 = _enumBugKeys;
+var $keys$2 = _objectKeysInternal;
+var enumBugKeys = _enumBugKeys;
 var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
-  return $keys$3(O2, enumBugKeys$1);
+  return $keys$2(O2, enumBugKeys);
 }, "keys");
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
@@ -14503,7 +14512,7 @@ function require_objectAssign() {
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
   var toObject2 = _toObject;
-  var IObject2 = _iobject;
+  var IObject2 = require_iobject();
   var $assign = Object.assign;
   _objectAssign = !$assign || _fails(function() {
     var A2 = {};
@@ -14564,19 +14573,28 @@ var _iterStep = /* @__PURE__ */ __name(function(done, value) {
 }, "_iterStep");
 var _iterators = {};
 var _redefine = _hide;
-var dP$1 = require_objectDp();
-var anObject$4 = _anObject;
-var getKeys$1 = _objectKeys;
-var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties2) {
-  anObject$4(O2);
-  var keys5 = getKeys$1(Properties2);
-  var length = keys5.length;
-  var i = 0;
-  var P2;
-  while (length > i)
-    dP$1.f(O2, P2 = keys5[i++], Properties2[P2]);
-  return O2;
-}, "defineProperties");
+var _objectDps;
+var hasRequired_objectDps;
+function require_objectDps() {
+  if (hasRequired_objectDps)
+    return _objectDps;
+  hasRequired_objectDps = 1;
+  var dP2 = require_objectDp();
+  var anObject2 = _anObject;
+  var getKeys2 = _objectKeys;
+  _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties3(O2, Properties2) {
+    anObject2(O2);
+    var keys5 = getKeys2(Properties2);
+    var length = keys5.length;
+    var i = 0;
+    var P2;
+    while (length > i)
+      dP2.f(O2, P2 = keys5[i++], Properties2[P2]);
+    return O2;
+  }, "defineProperties");
+  return _objectDps;
+}
+__name(require_objectDps, "require_objectDps");
 var _html;
 var hasRequired_html;
 function require_html() {
@@ -14588,42 +14606,51 @@ function require_html() {
   return _html;
 }
 __name(require_html, "require_html");
-var anObject$3 = _anObject;
-var dPs = _objectDps;
-var enumBugKeys = _enumBugKeys;
-var IE_PROTO$1 = _sharedKey("IE_PROTO");
-var Empty = /* @__PURE__ */ __name(function() {
-}, "Empty");
-var PROTOTYPE$1 = "prototype";
-var createDict = /* @__PURE__ */ __name(function() {
-  var iframe = require_domCreate()("iframe");
-  var i = enumBugKeys.length;
-  var lt = "<";
-  var gt = ">";
-  var iframeDocument;
-  iframe.style.display = "none";
-  require_html().appendChild(iframe);
-  iframe.src = "javascript:";
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(lt + "script" + gt + "document.F=Object" + lt + "/script" + gt);
-  iframeDocument.close();
-  createDict = iframeDocument.F;
-  while (i--)
-    delete createDict[PROTOTYPE$1][enumBugKeys[i]];
-  return createDict();
-}, "createDict");
-var _objectCreate = Object.create || /* @__PURE__ */ __name(function create(O2, Properties2) {
-  var result;
-  if (O2 !== null) {
-    Empty[PROTOTYPE$1] = anObject$3(O2);
-    result = new Empty();
-    Empty[PROTOTYPE$1] = null;
-    result[IE_PROTO$1] = O2;
-  } else
-    result = createDict();
-  return Properties2 === void 0 ? result : dPs(result, Properties2);
-}, "create");
+var _objectCreate;
+var hasRequired_objectCreate;
+function require_objectCreate() {
+  if (hasRequired_objectCreate)
+    return _objectCreate;
+  hasRequired_objectCreate = 1;
+  var anObject2 = _anObject;
+  var dPs = require_objectDps();
+  var enumBugKeys2 = _enumBugKeys;
+  var IE_PROTO2 = _sharedKey("IE_PROTO");
+  var Empty = /* @__PURE__ */ __name(function() {
+  }, "Empty");
+  var PROTOTYPE2 = "prototype";
+  var createDict = /* @__PURE__ */ __name(function() {
+    var iframe = require_domCreate()("iframe");
+    var i = enumBugKeys2.length;
+    var lt = "<";
+    var gt = ">";
+    var iframeDocument;
+    iframe.style.display = "none";
+    require_html().appendChild(iframe);
+    iframe.src = "javascript:";
+    iframeDocument = iframe.contentWindow.document;
+    iframeDocument.open();
+    iframeDocument.write(lt + "script" + gt + "document.F=Object" + lt + "/script" + gt);
+    iframeDocument.close();
+    createDict = iframeDocument.F;
+    while (i--)
+      delete createDict[PROTOTYPE2][enumBugKeys2[i]];
+    return createDict();
+  }, "createDict");
+  _objectCreate = Object.create || /* @__PURE__ */ __name(function create5(O2, Properties2) {
+    var result;
+    if (O2 !== null) {
+      Empty[PROTOTYPE2] = anObject2(O2);
+      result = new Empty();
+      Empty[PROTOTYPE2] = null;
+      result[IE_PROTO2] = O2;
+    } else
+      result = createDict();
+    return Properties2 === void 0 ? result : dPs(result, Properties2);
+  }, "create");
+  return _objectCreate;
+}
+__name(require_objectCreate, "require_objectCreate");
 var _wks = { exports: {} };
 var store$2 = _sharedExports("wks");
 var uid$1 = _uid;
@@ -14641,7 +14668,7 @@ var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
   if (it && !has$c(it = stat ? it : it.prototype, TAG$1))
     def(it, TAG$1, { configurable: true, value: tag });
 }, "_setToStringTag");
-var create$4 = _objectCreate;
+var create$4 = require_objectCreate();
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype = {};
@@ -15049,7 +15076,7 @@ function _interopRequireDefault$c(obj) {
 }
 __name(_interopRequireDefault$c, "_interopRequireDefault$c");
 var _default$7 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -15059,12 +15086,12 @@ var _default$7 = /* @__PURE__ */ function() {
       (0, _defineProperty2.default)(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -15093,23 +15120,23 @@ var setMeta = /* @__PURE__ */ __name(function(it) {
     // weak collections IDs
   } });
 }, "setMeta");
-var fastKey = /* @__PURE__ */ __name(function(it, create6) {
+var fastKey = /* @__PURE__ */ __name(function(it, create5) {
   if (!isObject$b(it))
     return typeof it == "symbol" ? it : (typeof it == "string" ? "S" : "P") + it;
   if (!has$a(it, META$1)) {
     if (!isExtensible(it))
       return "F";
-    if (!create6)
+    if (!create5)
       return "E";
     setMeta(it);
   }
   return it[META$1].i;
 }, "fastKey");
-var getWeak = /* @__PURE__ */ __name(function(it, create6) {
+var getWeak = /* @__PURE__ */ __name(function(it, create5) {
   if (!has$a(it, META$1)) {
     if (!isExtensible(it))
       return true;
-    if (!create6)
+    if (!create5)
       return false;
     setMeta(it);
   }
@@ -15159,13 +15186,21 @@ var _isArray = Array.isArray || /* @__PURE__ */ __name(function isArray(arg) {
 }, "isArray");
 var _objectGopnExt = {};
 var _objectGopn = {};
-var $keys$2 = _objectKeysInternal;
-var hiddenKeys = _enumBugKeys.concat("length", "prototype");
-_objectGopn.f = Object.getOwnPropertyNames || /* @__PURE__ */ __name(function getOwnPropertyNames(O2) {
-  return $keys$2(O2, hiddenKeys);
-}, "getOwnPropertyNames");
+var hasRequired_objectGopn;
+function require_objectGopn() {
+  if (hasRequired_objectGopn)
+    return _objectGopn;
+  hasRequired_objectGopn = 1;
+  var $keys2 = _objectKeysInternal;
+  var hiddenKeys = _enumBugKeys.concat("length", "prototype");
+  _objectGopn.f = Object.getOwnPropertyNames || /* @__PURE__ */ __name(function getOwnPropertyNames4(O2) {
+    return $keys2(O2, hiddenKeys);
+  }, "getOwnPropertyNames");
+  return _objectGopn;
+}
+__name(require_objectGopn, "require_objectGopn");
 var toIObject$2 = _toIobject;
-var gOPN$1 = _objectGopn.f;
+var gOPN$1 = require_objectGopn().f;
 var toString$4 = {}.toString;
 var windowNames = typeof window == "object" && window && Object.getOwnPropertyNames ? Object.getOwnPropertyNames(window) : [];
 var getWindowNames = /* @__PURE__ */ __name(function(it) {
@@ -15175,7 +15210,7 @@ var getWindowNames = /* @__PURE__ */ __name(function(it) {
     return windowNames.slice();
   }
 }, "getWindowNames");
-_objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
+_objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames(it) {
   return windowNames && toString$4.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
 }, "getOwnPropertyNames");
 var _objectGopd = {};
@@ -15218,7 +15253,7 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive$1;
 var createDesc = _propertyDesc;
-var _create$1 = _objectCreate;
+var _create$1 = require_objectCreate();
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
@@ -15285,7 +15320,7 @@ var $defineProperty$3 = /* @__PURE__ */ __name(function defineProperty3(it, key,
   }
   return dP(it, key, D2);
 }, "defineProperty");
-var $defineProperties = /* @__PURE__ */ __name(function defineProperties2(it, P2) {
+var $defineProperties = /* @__PURE__ */ __name(function defineProperties(it, P2) {
   anObject(it);
   var keys5 = enumKeys(P2 = toIObject(P2));
   var i = 0;
@@ -15295,7 +15330,7 @@ var $defineProperties = /* @__PURE__ */ __name(function defineProperties2(it, P2
     $defineProperty$3(it, key = keys5[i++], P2[key]);
   return it;
 }, "defineProperties");
-var $create = /* @__PURE__ */ __name(function create2(it, P2) {
+var $create = /* @__PURE__ */ __name(function create(it, P2) {
   return P2 === void 0 ? _create$1(it) : $defineProperties(_create$1(it), P2);
 }, "create");
 var $propertyIsEnumerable = /* @__PURE__ */ __name(function propertyIsEnumerable(key) {
@@ -15314,7 +15349,7 @@ var $getOwnPropertyDescriptor = /* @__PURE__ */ __name(function getOwnPropertyDe
     D2.enumerable = true;
   return D2;
 }, "getOwnPropertyDescriptor");
-var $getOwnPropertyNames = /* @__PURE__ */ __name(function getOwnPropertyNames3(it) {
+var $getOwnPropertyNames = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   var names2 = gOPN(toIObject(it));
   var result = [];
   var i = 0;
@@ -15358,7 +15393,7 @@ if (!USE_NATIVE) {
   }, "toString"));
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty$3;
-  _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
+  require_objectGopn().f = gOPNExt.f = $getOwnPropertyNames;
   require_objectPie().f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
@@ -15525,9 +15560,9 @@ $export$1($export$1.S, "Object", { setPrototypeOf: require_setProto().set });
 var setPrototypeOf$1 = _coreExports.Object.setPrototypeOf;
 var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
 var $export = _export;
-$export($export.S, "Object", { create: _objectCreate });
+$export($export.S, "Object", { create: require_objectCreate() });
 var $Object$2 = _coreExports.Object;
-var create$3 = /* @__PURE__ */ __name(function create3(P2, D2) {
+var create$3 = /* @__PURE__ */ __name(function create2(P2, D2) {
   return $Object$2.create(P2, D2);
 }, "create");
 var create$2 = { "default": create$3, __esModule: true };
@@ -19614,7 +19649,7 @@ function normalizeComponent(Comp) {
 }
 __name(normalizeComponent, "normalizeComponent");
 var _createClass$d = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -19624,12 +19659,12 @@ var _createClass$d = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -19790,7 +19825,7 @@ var _extends$o = Object.assign || function(target) {
   return target;
 };
 var _createClass$c = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -19800,12 +19835,12 @@ var _createClass$c = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -20396,7 +20431,7 @@ const Methods = /* @__PURE__ */ __name(function(Base) {
   }(Base);
 }, "Methods");
 var _createClass$b = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -20406,12 +20441,12 @@ var _createClass$b = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -21183,7 +21218,7 @@ var _extends$l = Object.assign || function(target) {
   return target;
 };
 var _createClass$a = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -21193,12 +21228,12 @@ var _createClass$a = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -27522,21 +27557,21 @@ function parse$7(options) {
     defined: [],
     lazy: {},
     constructs: constructs2,
-    content: create6(content$1),
-    document: create6(document$2),
-    flow: create6(flow$1),
-    string: create6(string$1),
-    text: create6(text$3)
+    content: create5(content$1),
+    document: create5(document$2),
+    flow: create5(flow$1),
+    string: create5(string$1),
+    text: create5(text$3)
   };
   return parser;
-  function create6(initial) {
+  function create5(initial) {
     return creator;
     function creator(from3) {
       return createTokenizer(parser, initial, from3);
     }
     __name(creator, "creator");
   }
-  __name(create6, "create");
+  __name(create5, "create");
 }
 __name(parse$7, "parse$7");
 const search$1 = /[\0\t\n\r]/g;
@@ -27947,10 +27982,10 @@ function compiler(options) {
     return data[key];
   }
   __name(getData, "getData");
-  function opener(create6, and) {
+  function opener(create5, and) {
     return open2;
     function open2(token) {
-      enter2.call(this, create6(token), token);
+      enter2.call(this, create5(token), token);
       if (and)
         and.call(this, token);
     }
@@ -35960,6 +35995,7 @@ function getKeyedTagsAndTagOptions(tags) {
 }
 __name(getKeyedTagsAndTagOptions, "getKeyedTagsAndTagOptions");
 function getTagColorStyle(color2) {
+  console.log(`color:`, color2);
   return color2 ? {
     style: {
       backgroundColor: color2,
@@ -36325,22 +36361,6 @@ const _TgSelect = class _TgSelect extends React$2.Component {
         })
       }), rest)
     );
-    if (backgroundColor) {
-      return /* @__PURE__ */ React$2.createElement(
-        "div",
-        {
-          style: {
-            backgroundColor,
-            borderRadius: "4px 4px 4px 4px",
-            overflow: "hidden",
-            width: "fit-content",
-            color: "white",
-            border: "2px solid white"
-          }
-        },
-        toRet
-      );
-    }
     return toRet;
   }
 };
@@ -36964,11 +36984,11 @@ var implementation$8 = /* @__PURE__ */ __name(function bind(that) {
   }
   bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
   if (target.prototype) {
-    var Empty2 = /* @__PURE__ */ __name(function Empty3() {
+    var Empty = /* @__PURE__ */ __name(function Empty2() {
     }, "Empty");
-    Empty2.prototype = target.prototype;
-    bound.prototype = new Empty2();
-    Empty2.prototype = null;
+    Empty.prototype = target.prototype;
+    bound.prototype = new Empty();
+    Empty.prototype = null;
   }
   return bound;
 }, "bind");
@@ -41319,7 +41339,7 @@ var _extends$f = Object.assign || function(target) {
   return target;
 };
 var _createClass$9 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -41329,12 +41349,12 @@ var _createClass$9 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -41476,7 +41496,7 @@ var Alpha = function(_ref) {
   return Alpha2;
 }(React$2.PureComponent || React$2.Component);
 var _createClass$8 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -41486,12 +41506,12 @@ var _createClass$8 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -41724,7 +41744,7 @@ var calculateChange$1 = /* @__PURE__ */ __name(function calculateChange2(e2, dir
   return null;
 }, "calculateChange");
 var _createClass$7 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -41734,12 +41754,12 @@ var _createClass$7 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -41976,7 +41996,7 @@ var calculateChange3 = /* @__PURE__ */ __name(function calculateChange4(e2, hsl,
   };
 }, "calculateChange");
 var _createClass$6 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -41986,12 +42006,12 @@ var _createClass$6 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -43229,7 +43249,7 @@ var _extends$e = Object.assign || function(target) {
   return target;
 };
 var _createClass$5 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -43239,12 +43259,12 @@ var _createClass$5 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -43341,7 +43361,7 @@ var _extends$d = Object.assign || function(target) {
   return target;
 };
 var _createClass$4 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -43351,12 +43371,12 @@ var _createClass$4 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -43837,7 +43857,7 @@ var _default$3 = UnfoldMoreHorizontalIcon.default = function(_ref) {
   );
 };
 var _createClass$3 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -43847,12 +43867,12 @@ var _createClass$3 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -45262,7 +45282,7 @@ var PhotoshopPreviews = /* @__PURE__ */ __name(function PhotoshopPreviews2(_ref)
   );
 }, "PhotoshopPreviews");
 var _createClass$2 = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -45272,12 +45292,12 @@ var _createClass$2 = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -49882,7 +49902,7 @@ var KNOWN_STATICS = {
   arity: true
 };
 var defineProperty$3 = Object.defineProperty;
-var getOwnPropertyNames4 = Object.getOwnPropertyNames;
+var getOwnPropertyNames3 = Object.getOwnPropertyNames;
 var getOwnPropertySymbols3 = Object.getOwnPropertySymbols;
 var getOwnPropertyDescriptor3 = Object.getOwnPropertyDescriptor;
 var getPrototypeOf = Object.getPrototypeOf;
@@ -49895,7 +49915,7 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
         hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
       }
     }
-    var keys5 = getOwnPropertyNames4(sourceComponent);
+    var keys5 = getOwnPropertyNames3(sourceComponent);
     if (getOwnPropertySymbols3) {
       keys5 = keys5.concat(getOwnPropertySymbols3(sourceComponent));
     }
@@ -69529,7 +69549,7 @@ ObjectWithoutPrototypeCache.prototype.set = function(key, value) {
   this.cache[key] = value;
 };
 var cacheDefault = {
-  create: /* @__PURE__ */ __name(function create4() {
+  create: /* @__PURE__ */ __name(function create3() {
     return new ObjectWithoutPrototypeCache();
   }, "create")
 };
@@ -74635,7 +74655,7 @@ __name(requireEmpty, "requireEmpty");
       }
     }, "classCallCheck");
     var createClass2 = /* @__PURE__ */ function() {
-      function defineProperties4(target, props) {
+      function defineProperties3(target, props) {
         for (var i = 0; i < props.length; i++) {
           var descriptor2 = props[i];
           descriptor2.enumerable = descriptor2.enumerable || false;
@@ -74645,12 +74665,12 @@ __name(requireEmpty, "requireEmpty");
           Object.defineProperty(target, descriptor2.key, descriptor2);
         }
       }
-      __name(defineProperties4, "defineProperties");
+      __name(defineProperties3, "defineProperties");
       return function(Constructor, protoProps, staticProps) {
         if (protoProps)
-          defineProperties4(Constructor.prototype, protoProps);
+          defineProperties3(Constructor.prototype, protoProps);
         if (staticProps)
-          defineProperties4(Constructor, staticProps);
+          defineProperties3(Constructor, staticProps);
         return Constructor;
       };
     }();
@@ -78465,10 +78485,10 @@ __name(requireEmpty, "requireEmpty");
       return value;
     }
     __name(dateReviver, "dateReviver");
-    function create6(options) {
+    function create5(options) {
       return new DiffPatcher(options);
     }
-    __name(create6, "create");
+    __name(create5, "create");
     var defaultInstance$4 = void 0;
     function diff() {
       if (!defaultInstance$4) {
@@ -78508,7 +78528,7 @@ __name(requireEmpty, "requireEmpty");
     exports3.DiffPatcher = DiffPatcher;
     exports3.formatters = index2;
     exports3.console = console$1;
-    exports3.create = create6;
+    exports3.create = create5;
     exports3.dateReviver = dateReviver;
     exports3.diff = diff;
     exports3.patch = patch2;
@@ -78892,123 +78912,167 @@ function getAminoAcidFromSequenceTriplet(sequenceString) {
   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 i = 0; i < revCompGapLength; i++) {
-        aminoAcidDataForEachBaseOfDNA.push({
-          aminoAcid: getAminoAcidFromSequenceTriplet("xxx"),
-          //fake xxx triplet returns the ambiguous X amino acid
-          positionInCodon: revCompGapLength - i - 1,
-          aminoAcidIndex,
-          sequenceIndex: codonRange.start + i,
-          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((i) => index2 + i);
+      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(
+      (i) => positionInCdsToPositionInMainSequence(
+        i,
+        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 i = 0; i < basesRead; i++) {
+      const posInCds = i + index2;
+      if (codonPositionsInCDS.includes(posInCds)) {
+        aminoAcidDataForEachBaseOfDNA.push({
+          aminoAcid,
+          positionInCodon,
+          aminoAcidIndex,
+          sequenceIndex: absoluteCodonPositions[i],
+          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 j = 0; j < lengthOfEndBpsNotCoveredByAminoAcids; j++) {
-    aminoAcidDataForEachBaseOfDNA.push({
-      aminoAcid: getAminoAcidFromSequenceTriplet("xxx"),
-      //fake xxx triplet returns the gap amino acid
-      positionInCodon: j,
-      aminoAcidIndex,
-      sequenceIndex: codonRange.start + j,
-      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");
@@ -102938,7 +103002,7 @@ var defineProperty$2 = /* @__PURE__ */ __name(function(object3, name2, value, pr
     defineDataProperty2(object3, name2, value);
   }
 }, "defineProperty$2");
-var defineProperties3 = /* @__PURE__ */ __name(function(object3, map3) {
+var defineProperties2 = /* @__PURE__ */ __name(function(object3, map3) {
   var predicates = arguments.length > 2 ? arguments[2] : {};
   var props = keys$1(map3);
   if (hasSymbols2) {
@@ -102948,8 +103012,8 @@ var defineProperties3 = /* @__PURE__ */ __name(function(object3, map3) {
     defineProperty$2(object3, props[i], map3[props[i]], predicates[props[i]]);
   }
 }, "defineProperties");
-defineProperties3.supportsDescriptors = !!supportsDescriptors$2;
-var defineProperties_1 = defineProperties3;
+defineProperties2.supportsDescriptors = !!supportsDescriptors$2;
+var defineProperties_1 = defineProperties2;
 var numberIsNaN = /* @__PURE__ */ __name(function(value) {
   return value !== value;
 }, "numberIsNaN");
@@ -105572,7 +105636,7 @@ function showDialog({
     (_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;
       }
     });
@@ -106051,18 +106115,19 @@ const withEditorProps = compose(
   ),
   withHandlers({
     wrappedInsertSequenceDataAtPositionOrRange: (props) => {
-      return (_sequenceDataToInsert, _existingSequenceData, _caretPositionOrRange, _options) => {
+      return (_sequenceDataToInsert, _existingSequenceData, _caretPositionOrRange, _options) => __async(exports, 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,
@@ -106072,7 +106137,7 @@ const withEditorProps = compose(
           ),
           options || _options || {}
         ];
-      };
+      });
     },
     upsertTranslation: (props) => {
       return (translationToUpsert) => __async(exports, null, function* () {
@@ -106157,7 +106222,7 @@ const withEditorProps = compose(
       );
       caretPositionUpdate2(0);
     },
-    handleReverseComplementSelection: (props) => () => {
+    handleReverseComplementSelection: (props) => () => __async(exports, null, function* () {
       const {
         sequenceData: sequenceData2,
         updateSequenceData: updateSequenceData2,
@@ -106173,7 +106238,7 @@ const withEditorProps = compose(
           range: selectionLayer2
         }
       );
-      const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+      const [newSeqData] = yield wrappedInsertSequenceDataAtPositionOrRange(
         reversedSeqData,
         sequenceData2,
         selectionLayer2,
@@ -106182,8 +106247,8 @@ const withEditorProps = compose(
         }
       );
       updateSequenceData2(newSeqData);
-    },
-    handleComplementSelection: (props) => () => {
+    }),
+    handleComplementSelection: (props) => () => __async(exports, null, function* () {
       const {
         sequenceData: sequenceData2,
         updateSequenceData: updateSequenceData2,
@@ -106196,7 +106261,7 @@ const withEditorProps = compose(
       const comp = getComplementSequenceAndAnnotations(sequenceData2, {
         range: selectionLayer2
       });
-      const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+      const [newSeqData] = yield wrappedInsertSequenceDataAtPositionOrRange(
         comp,
         sequenceData2,
         selectionLayer2,
@@ -106205,7 +106270,7 @@ const withEditorProps = compose(
         }
       );
       updateSequenceData2(newSeqData);
-    },
+    }),
     handleReverseComplementSequence: (props) => () => {
       const { sequenceData: sequenceData2, updateSequenceData: updateSequenceData2 } = props;
       updateSequenceData2(
@@ -111711,7 +111776,7 @@ function usePrevious(current) {
   return ref2;
 }
 __name(usePrevious, "usePrevious");
-function create5() {
+function create4() {
   let lock = null;
   function isClaimed() {
     return Boolean(lock);
@@ -111750,7 +111815,7 @@ function create5() {
     tryAbandon
   };
 }
-__name(create5, "create");
+__name(create4, "create");
 function isDragging(state2) {
   if (state2.phase === "IDLE" || state2.phase === "DROP_ANIMATING") {
     return false;
@@ -112793,7 +112858,7 @@ function useSensorMarshal(_ref4) {
     enableDefaultSensors
   } = _ref4;
   const useSensors = [...enableDefaultSensors ? defaultSensors : [], ...customSensors || []];
-  const lockAPI = React$2.useState(() => create5())[0];
+  const lockAPI = React$2.useState(() => create4())[0];
   const tryAbandonLock = useCallback(/* @__PURE__ */ __name(function tryAbandonLock2(previous2, current) {
     if (isDragging(previous2) && !isDragging(current)) {
       lockAPI.tryAbandon();
@@ -118622,7 +118687,7 @@ function AASliver(props) {
         fill: color2 || "gray"
       }
     )),
-    !isFiller && /* @__PURE__ */ React$2.createElement(
+    (!isFiller || isTruncatedEnd && isTruncatedStart) && /* @__PURE__ */ React$2.createElement(
       "text",
       {
         fontSize: 25,
@@ -118699,18 +118764,39 @@ const _Translation = class _Translation extends React$2.Component {
       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);
@@ -118727,10 +118813,12 @@ const _Translation = class _Translation extends React$2.Component {
         } 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) {
@@ -120963,7 +121051,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __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 = {
@@ -123282,7 +123370,7 @@ var classCallCheck = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "classCallCheck");
 var createClass = /* @__PURE__ */ function() {
-  function defineProperties4(target, props) {
+  function defineProperties3(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -123292,12 +123380,12 @@ var createClass = /* @__PURE__ */ function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties4, "defineProperties");
+  __name(defineProperties3, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -125635,7 +125723,7 @@ function VectorInteractionHOC(Component) {
           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 },
@@ -125677,13 +125765,13 @@ function VectorInteractionHOC(Component) {
         });
         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,
@@ -125750,7 +125838,7 @@ function VectorInteractionHOC(Component) {
       }, "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 },
@@ -125777,17 +125865,17 @@ function VectorInteractionHOC(Component) {
             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 },
@@ -125828,11 +125916,14 @@ function VectorInteractionHOC(Component) {
               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 ? (
@@ -125846,7 +125937,7 @@ function VectorInteractionHOC(Component) {
           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) {
@@ -126605,7 +126696,7 @@ function getGenbankFromSelection(selectedSeqData, sequenceData2) {
   });
 }
 __name(getGenbankFromSelection, "getGenbankFromSelection");
-const insertAndSelectHelper = /* @__PURE__ */ __name(({ seqDataToInsert, props }) => {
+const insertAndSelectHelper = /* @__PURE__ */ __name((_0) => __async(exports, [_0], function* ({ seqDataToInsert, props }) {
   const {
     updateSequenceData: updateSequenceData2,
     wrappedInsertSequenceDataAtPositionOrRange,
@@ -126615,11 +126706,15 @@ const insertAndSelectHelper = /* @__PURE__ */ __name(({ seqDataToInsert, props }
     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(
@@ -126637,7 +126732,7 @@ const insertAndSelectHelper = /* @__PURE__ */ __name(({ seqDataToInsert, props }
     start: newSelectionLayerStart,
     end: newSelectionLayerEnd % newSeqData.sequence.length
   });
-}, "insertAndSelectHelper");
+}), "insertAndSelectHelper");
 function getEditDeleteHandlers(type2, annotation) {
   return [
     ...annotation.isEditLocked ? [