@teselagen/ove 0.5.12 → 0.5.14

package/index.umd.js

@@ -59,7 +59,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-  var _q, _r, _s, _t, _u, _v, _y, _B, _I;
+  var _s, _t, _u, _v, _w, _x, _A, _D, _K;
   function _mergeNamespaces(n2, m2) {
     for (var i2 = 0; i2 < m2.length; i2++) {
       const e2 = m2[i2];
@@ -10047,7 +10047,7 @@ var __async = (__this, __arguments, generator) => {
     }, _typeof$7(o2);
   }
   __name(_typeof$7, "_typeof$7");
-  function toPrimitive$4(t2, r2) {
+  function toPrimitive$3(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$4, "toPrimitive$4");
+  __name(toPrimitive$3, "toPrimitive$3");
   function toPropertyKey(t2) {
-    var i2 = toPrimitive$4(t2, "string");
+    var i2 = toPrimitive$3(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$3(value) {
+  function toPrimitive$2(value) {
     return value === null ? null : typeof value === "object" ? "" + value : value;
   }
-  __name(toPrimitive$3, "toPrimitive$3");
+  __name(toPrimitive$2, "toPrimitive$2");
   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$3(this.get());
+      return toPrimitive$2(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$3(this.get());
+      return toPrimitive$2(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive$1] = function() {
       return this.valueOf();
@@ -40904,11 +40904,20 @@ ${latestSubscriptionCallbackError.current.stack}
       return true;
     }
   }, "_fails");
-  var _descriptors = !_fails(function() {
-    return Object.defineProperty({}, "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
+  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 _domCreate;
   var hasRequired_domCreate;
   function require_domCreate() {
@@ -40924,11 +40933,20 @@ ${latestSubscriptionCallbackError.current.stack}
     return _domCreate;
   }
   __name(require_domCreate, "require_domCreate");
-  var _ie8DomDefine = !_descriptors && !_fails(function() {
-    return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
+  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 isObject$5 = _isObject;
   var _toPrimitive$1 = /* @__PURE__ */ __name(function(it, S2) {
     if (!isObject$5(it))
@@ -40942,25 +40960,33 @@ ${latestSubscriptionCallbackError.current.stack}
       return val2;
     throw TypeError("Can't convert object to primitive value");
   }, "_toPrimitive$1");
-  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 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 _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     return {
       enumerable: !(bitmap & 1),
@@ -40969,9 +40995,9 @@ ${latestSubscriptionCallbackError.current.stack}
       value
     };
   }, "_propertyDesc");
-  var dP$2 = _objectDp;
+  var dP$2 = require_objectDp();
   var createDesc$3 = _propertyDesc;
-  var _hide = _descriptors ? function(object2, key2, value) {
+  var _hide = require_descriptors() ? function(object2, key2, value) {
     return dP$2.f(object2, key2, createDesc$3(1, value));
   } : function(object2, key2, value) {
     object2[key2] = value;
@@ -41149,7 +41175,15 @@ ${latestSubscriptionCallbackError.current.stack}
   var _objectGops = {};
   _objectGops.f = Object.getOwnPropertySymbols;
   var _objectPie = {};
-  _objectPie.f = {}.propertyIsEnumerable;
+  var hasRequired_objectPie;
+  function require_objectPie() {
+    if (hasRequired_objectPie)
+      return _objectPie;
+    hasRequired_objectPie = 1;
+    _objectPie.f = {}.propertyIsEnumerable;
+    return _objectPie;
+  }
+  __name(require_objectPie, "require_objectPie");
   var defined$1 = _defined;
   var _toObject = /* @__PURE__ */ __name(function(it) {
     return Object(defined$1(it));
@@ -41160,10 +41194,10 @@ ${latestSubscriptionCallbackError.current.stack}
     if (hasRequired_objectAssign)
       return _objectAssign;
     hasRequired_objectAssign = 1;
-    var DESCRIPTORS2 = _descriptors;
+    var DESCRIPTORS2 = require_descriptors();
     var getKeys2 = _objectKeys;
     var gOPS2 = _objectGops;
-    var pIE2 = _objectPie;
+    var pIE2 = require_objectPie();
     var toObject2 = _toObject;
     var IObject2 = _iobject;
     var $assign = Object.assign;
@@ -41226,10 +41260,10 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_iterStep");
   var _iterators = {};
   var _redefine = _hide;
-  var dP$1 = _objectDp;
+  var dP$1 = require_objectDp();
   var anObject$4 = _anObject;
   var getKeys$1 = _objectKeys;
-  var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
+  var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
     anObject$4(O2);
     var keys2 = getKeys$1(Properties2);
     var length = keys2.length;
@@ -41296,7 +41330,7 @@ ${latestSubscriptionCallbackError.current.stack}
   };
   $exports.store = store$2;
   var _wksExports = _wks.exports;
-  var def = _objectDp.f;
+  var def = require_objectDp().f;
   var has$b = _has;
   var TAG$1 = _wksExports("toStringTag");
   var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -41569,7 +41603,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _isArrayIter = /* @__PURE__ */ __name(function(it) {
     return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
   }, "_isArrayIter");
-  var $defineProperty$1 = _objectDp;
+  var $defineProperty$1 = require_objectDp();
   var createDesc$2 = _propertyDesc;
   var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
     if (index2 in object2)
@@ -41698,7 +41732,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }
   }, "_default$8");
   var $export$3 = _export;
-  $export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
+  $export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
   var $Object$1 = _coreExports.Object;
   var defineProperty$4 = /* @__PURE__ */ __name(function defineProperty2(it, key2, desc) {
     return $Object$1.defineProperty(it, key2, desc);
@@ -41739,7 +41773,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var META$1 = _uid("meta");
   var isObject$4 = _isObject;
   var has$9 = _has;
-  var setDesc = _objectDp.f;
+  var setDesc = require_objectDp().f;
   var id$1 = 0;
   var isExtensible = Object.isExtensible || function() {
     return true;
@@ -41792,7 +41826,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _metaExports = _meta.exports;
   var core = _coreExports;
   var wksExt$1 = _wksExt;
-  var defineProperty$2 = _objectDp.f;
+  var defineProperty$2 = require_objectDp().f;
   var _wksDefine = /* @__PURE__ */ __name(function(name2) {
     var $Symbol2 = core.Symbol || (core.Symbol = {});
     if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -41800,7 +41834,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_wksDefine");
   var getKeys = _objectKeys;
   var gOPS$1 = _objectGops;
-  var pIE$1 = _objectPie;
+  var pIE$1 = require_objectPie();
   var _enumKeys = /* @__PURE__ */ __name(function(it) {
     var result = getKeys(it);
     var getSymbols2 = gOPS$1.f;
@@ -41841,14 +41875,14 @@ ${latestSubscriptionCallbackError.current.stack}
     return windowNames && toString$2.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
   }, "getOwnPropertyNames");
   var _objectGopd = {};
-  var pIE = _objectPie;
+  var pIE = require_objectPie();
   var createDesc$1 = _propertyDesc;
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive$1;
   var has$8 = _has;
-  var IE8_DOM_DEFINE = _ie8DomDefine;
+  var IE8_DOM_DEFINE = require_ie8DomDefine();
   var gOPD$2 = Object.getOwnPropertyDescriptor;
-  _objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
+  _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
     O2 = toIObject$1(O2);
     P2 = toPrimitive$1(P2, true);
     if (IE8_DOM_DEFINE)
@@ -41861,7 +41895,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "getOwnPropertyDescriptor");
   var global$1 = _globalExports;
   var has$7 = _has;
-  var DESCRIPTORS = _descriptors;
+  var DESCRIPTORS = require_descriptors();
   var $export$2 = _export;
   var redefine = _redefine;
   var META = _metaExports.KEY;
@@ -41884,7 +41918,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
-  var $DP = _objectDp;
+  var $DP = require_objectDp();
   var $keys$1 = _objectKeys;
   var gOPD$1 = $GOPD.f;
   var dP = $DP.f;
@@ -42021,7 +42055,7 @@ ${latestSubscriptionCallbackError.current.stack}
     $GOPD.f = $getOwnPropertyDescriptor;
     $DP.f = $defineProperty;
     _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-    _objectPie.f = $propertyIsEnumerable;
+    require_objectPie().f = $propertyIsEnumerable;
     $GOPS.f = $getOwnPropertySymbols;
     if (DESCRIPTORS && !_library) {
       redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -62654,84 +62688,80 @@ ${latestSubscriptionCallbackError.current.stack}
     down: "↓"
   };
   symbols.mod = symbols[isMac ? "meta" : "ctrl"];
-  const _InfoHelper = class _InfoHelper extends reactExports.Component {
-    render() {
-      const _a2 = this.props, {
-        className,
-        content: content2,
-        children,
-        icon = "info-sign",
-        isPopover,
-        isButton,
-        size,
-        isInline,
-        clickable,
-        color: color2,
-        noMarginTop,
-        popoverProps = {},
-        disabled,
-        displayToSide,
-        style: style2
-      } = _a2, rest = __objRest(_a2, [
-        "className",
-        "content",
-        "children",
-        "icon",
-        "isPopover",
-        "isButton",
-        "size",
-        "isInline",
-        "clickable",
-        "color",
-        "noMarginTop",
-        "popoverProps",
-        "disabled",
-        "displayToSide",
-        "style"
-      ]);
-      const IconToUse = isButton ? Button : Icon;
-      const iconProps = {
-        icon,
-        color: color2,
-        disabled
-      };
-      if (!isButton)
-        iconProps.iconSize = size;
-      const IconInner = /* @__PURE__ */ React$2.createElement(IconToUse, __spreadValues(__spreadValues({}, iconProps), rest));
-      let toReturn;
-      const toolTipOrPopoverProps = __spreadValues({
-        disabled: disabled || !isPopover && window.Cypress && !window.Cypress.allowInfoHelperTooltips,
-        popoverClassName: "tg-info-helper-popover bp3-tooltip",
-        content: content2 || children,
-        modifiers: popoverOverflowModifiers
-      }, popoverProps);
-      if (displayToSide) {
-        toReturn = /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, IconInner, /* @__PURE__ */ React$2.createElement("span", { style: { paddingLeft: 5, fontStyle: "italic" } }, content2 || children));
-      } else if (isPopover) {
-        toReturn = /* @__PURE__ */ React$2.createElement(Popover, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
-      } else {
-        toReturn = /* @__PURE__ */ React$2.createElement(Tooltip, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
-      }
-      const El = isInline ? "span" : "div";
-      return /* @__PURE__ */ React$2.createElement(
-        El,
-        {
-          style: __spreadValues(__spreadValues(__spreadValues({}, clickable ? { cursor: "pointer" } : {}), isInline ? {} : { display: "flex" }), style2),
-          className: classNames$1(
-            "info-helper-wrapper",
-            {
-              "info-helper-wrapper-noMarginTop": noMarginTop,
-              "info-helper-clickable": isPopover
-            },
-            className
-          )
-        },
-        toReturn
-      );
+  const InfoHelper = /* @__PURE__ */ __name((_c2) => {
+    var _d2 = _c2, {
+      className,
+      content: content2,
+      children,
+      icon = "info-sign",
+      isPopover,
+      isButton,
+      size,
+      isInline,
+      clickable,
+      color: color2,
+      noMarginTop,
+      popoverProps = {},
+      disabled,
+      displayToSide,
+      style: style2
+    } = _d2, rest = __objRest(_d2, [
+      "className",
+      "content",
+      "children",
+      "icon",
+      "isPopover",
+      "isButton",
+      "size",
+      "isInline",
+      "clickable",
+      "color",
+      "noMarginTop",
+      "popoverProps",
+      "disabled",
+      "displayToSide",
+      "style"
+    ]);
+    const IconToUse = isButton ? Button : Icon;
+    const iconProps = {
+      icon,
+      color: color2,
+      disabled
+    };
+    if (!isButton)
+      iconProps.iconSize = size;
+    const IconInner = /* @__PURE__ */ React$2.createElement(IconToUse, __spreadValues(__spreadValues({}, iconProps), rest));
+    let toReturn;
+    const toolTipOrPopoverProps = __spreadValues({
+      disabled: disabled || !isPopover && window.Cypress && !window.Cypress.allowInfoHelperTooltips,
+      popoverClassName: "tg-info-helper-popover bp3-tooltip",
+      content: content2 || children,
+      modifiers: popoverOverflowModifiers
+    }, popoverProps);
+    if (displayToSide) {
+      toReturn = /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, IconInner, /* @__PURE__ */ React$2.createElement("span", { style: { paddingLeft: 5, fontStyle: "italic" } }, content2 || children));
+    } else if (isPopover) {
+      toReturn = /* @__PURE__ */ React$2.createElement(Popover, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
+    } else {
+      toReturn = /* @__PURE__ */ React$2.createElement(Tooltip, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
     }
-  };
-  __name(_InfoHelper, "InfoHelper");
-  let InfoHelper = _InfoHelper;
+    const El = isInline ? "span" : "div";
+    return /* @__PURE__ */ React$2.createElement(
+      El,
+      {
+        style: __spreadValues(__spreadValues(__spreadValues({}, clickable ? { cursor: "pointer" } : {}), isInline ? {} : { display: "flex" }), style2),
+        className: classNames$1(
+          "info-helper-wrapper",
+          {
+            "info-helper-wrapper-noMarginTop": noMarginTop,
+            "info-helper-clickable": isPopover
+          },
+          className
+        )
+      },
+      toReturn
+    );
+  }, "InfoHelper");
   const getIdOrCodeOrIndex = /* @__PURE__ */ __name((record, rowIndex) => {
     if (record.id || record.id === 0) {
       return record.id;
@@ -69745,9 +69775,9 @@ ${latestSubscriptionCallbackError.current.stack}
         };
       };
       DateRangeInput2.prototype.componentDidUpdate = function(prevProps, prevState) {
-        var _a2, _b2, _c2, _d2, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q2;
+        var _a2, _b2, _c2, _d2, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
-        var _r2 = this.state, isStartInputFocused = _r2.isStartInputFocused, isEndInputFocused = _r2.isEndInputFocused, shouldSelectAfterUpdate = _r2.shouldSelectAfterUpdate;
+        var _r = this.state, isStartInputFocused = _r.isStartInputFocused, isEndInputFocused = _r.isEndInputFocused, shouldSelectAfterUpdate = _r.shouldSelectAfterUpdate;
         if (((_a2 = prevProps.startInputProps) === null || _a2 === void 0 ? void 0 : _a2.inputRef) !== ((_b2 = this.props.startInputProps) === null || _b2 === void 0 ? void 0 : _b2.inputRef)) {
           setRef$1((_c2 = prevProps.startInputProps) === null || _c2 === void 0 ? void 0 : _c2.inputRef, null);
           this.handleStartInputRef = refHandler(this, "startInputElement", (_d2 = this.props.startInputProps) === null || _d2 === void 0 ? void 0 : _d2.inputRef);
@@ -69768,7 +69798,7 @@ ${latestSubscriptionCallbackError.current.stack}
         if (isStartInputFocused && shouldSelectAfterUpdate) {
           (_p = this.startInputElement) === null || _p === void 0 ? void 0 : _p.select();
         } else if (isEndInputFocused && shouldSelectAfterUpdate) {
-          (_q2 = this.endInputElement) === null || _q2 === void 0 ? void 0 : _q2.select();
+          (_q = this.endInputElement) === null || _q === void 0 ? void 0 : _q.select();
         }
         var nextState = {};
         if (this.props.value !== prevProps.value) {
@@ -78274,8 +78304,8 @@ ${latestSubscriptionCallbackError.current.stack}
     });
     return /* @__PURE__ */ React$2.createElement(TgSelect$1, __spreadValues({}, propsToUse));
   }, "renderReactSelect");
-  const BPSelect = /* @__PURE__ */ __name((_c2) => {
-    var _d2 = _c2, { value, onChange } = _d2, rest = __objRest(_d2, ["value", "onChange"]);
+  const BPSelect = /* @__PURE__ */ __name((_e) => {
+    var _f = _e, { value, onChange } = _f, rest = __objRest(_f, ["value", "onChange"]);
     return renderSelect(__spreadProps(__spreadValues({}, rest), { input: { onChange, value } }));
   }, "BPSelect");
   const renderSelect = /* @__PURE__ */ __name((props) => {
@@ -78410,12 +78440,12 @@ ${latestSubscriptionCallbackError.current.stack}
       })
     );
   }, "renderBlueprintNumericInput");
-  const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_e) => {
-    var _f = _e, {
+  const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_g) => {
+    var _h = _g, {
       input,
       options,
       onFieldSubmit
-    } = _f, rest = __objRest(_f, [
+    } = _h, rest = __objRest(_h, [
       "input",
       "options",
       "onFieldSubmit"
@@ -81655,8 +81685,8 @@ ${latestSubscriptionCallbackError.current.stack}
           };
         }),
         branch(({ immovable }) => "true" !== immovable, sortableElement)
-      )((_g) => {
-        var _h = _g, { toggleSort, className, children } = _h, rest = __objRest(_h, ["toggleSort", "className", "children"]);
+      )((_i) => {
+        var _j = _i, { toggleSort, className, children } = _j, rest = __objRest(_j, ["toggleSort", "className", "children"]);
         return /* @__PURE__ */ React$2.createElement(
           "div",
           __spreadValues({
@@ -83915,13 +83945,13 @@ ${latestSubscriptionCallbackError.current.stack}
     };
   }
   __name(getCellInfo, "getCellInfo");
-  function ColumnFilterMenu(_i) {
-    var _j = _i, {
+  function ColumnFilterMenu(_k) {
+    var _l = _k, {
       FilterMenu,
       filterActiveForColumn,
       compact: compact2,
       extraCompact
-    } = _j, rest = __objRest(_j, [
+    } = _l, rest = __objRest(_l, [
       "FilterMenu",
       "filterActiveForColumn",
       "compact",
@@ -86778,8 +86808,8 @@ ${latestSubscriptionCallbackError.current.stack}
     return toRet == null ? void 0 : toRet.map((e2) => omit$3(e2, ["_isClean"]));
   }
   __name(maybeStripIdFromEntities, "maybeStripIdFromEntities");
-  const useDialog = /* @__PURE__ */ __name((_k) => {
-    var _l = _k, { ModalComponent } = _l, rest = __objRest(_l, ["ModalComponent"]);
+  const useDialog = /* @__PURE__ */ __name((_m) => {
+    var _n = _m, { ModalComponent } = _n, rest = __objRest(_n, ["ModalComponent"]);
     const [isOpen2, setOpen] = reactExports.useState(false);
     const [additionalProps, setAdditionalProps] = reactExports.useState(false);
     const comp = /* @__PURE__ */ React$2.createElement(
@@ -97304,68 +97334,55 @@ ${latestSubscriptionCallbackError.current.stack}
     );
   }
   __name(BounceLoader, "BounceLoader");
-  const _Loading = class _Loading extends React$2.Component {
-    constructor() {
-      super(...arguments);
-      __publicField(this, "state", {
-        longerThan200MS: false
-      });
-    }
-    componentDidMount() {
-      this.timeoutId = setTimeout(() => {
-        this.setState({
-          longerThan200MS: true
-        });
+  const Loading = /* @__PURE__ */ __name(({
+    loading,
+    style: userStyle,
+    className,
+    containerStyle = {},
+    children,
+    displayInstantly = false,
+    bounce = false,
+    withTimeout,
+    inDialog,
+    centeredInPage
+  }) => {
+    const [longerThan200MS, setLongerThan200MS] = reactExports.useState(false);
+    reactExports.useEffect(() => {
+      const timeoutId = setTimeout(() => {
+        setLongerThan200MS(true);
       }, 200);
-    }
-    componentWillUnmount() {
-      clearTimeout(this.timeoutId);
-    }
-    render() {
-      const {
-        loading,
-        style: userStyle,
-        className,
-        containerStyle = {},
-        children,
-        displayInstantly = false,
-        bounce = false,
-        withTimeout,
-        inDialog,
-        centeredInPage
-      } = this.props;
-      const { longerThan200MS } = this.state;
-      const style2 = __spreadValues(__spreadValues({}, userStyle), inDialog && { minHeight: 120 });
-      const LoaderComp = bounce || inDialog ? BounceLoader : DNALoader;
-      if (loading || !children) {
-        if (!displayInstantly && !longerThan200MS && (!bounce && !inDialog || withTimeout)) {
-          return /* @__PURE__ */ React$2.createElement("div", null);
-        }
-        return /* @__PURE__ */ React$2.createElement(
-          "div",
-          {
-            className: "tg-loader-container tg-flex justify-center align-center",
-            style: __spreadValues(__spreadValues({
-              width: "100%"
-            }, containerStyle), centeredInPage && {
-              width: void 0,
-              zIndex: 20,
-              height: 10,
-              position: "fixed",
-              top: "50%",
-              left: "50%",
-              transform: "translate(-50%, 0)"
-            })
-          },
-          /* @__PURE__ */ React$2.createElement(LoaderComp, { style: style2, className })
-        );
-      } else {
-        return children || null;
+      return () => {
+        clearTimeout(timeoutId);
+      };
+    }, []);
+    const style2 = __spreadValues(__spreadValues({}, userStyle), inDialog && { minHeight: 120 });
+    const LoaderComp = bounce || inDialog ? BounceLoader : DNALoader;
+    if (loading || !children) {
+      if (!displayInstantly && !longerThan200MS && (!bounce && !inDialog || withTimeout)) {
+        return /* @__PURE__ */ React$2.createElement("div", null);
       }
+      return /* @__PURE__ */ React$2.createElement(
+        "div",
+        {
+          className: "tg-loader-container tg-flex justify-center align-center",
+          style: __spreadValues(__spreadValues({
+            width: "100%"
+          }, containerStyle), centeredInPage && {
+            width: void 0,
+            zIndex: 20,
+            height: 10,
+            position: "fixed",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, 0)"
+          })
+        },
+        /* @__PURE__ */ React$2.createElement(LoaderComp, { style: style2, className })
+      );
+    } else {
+      return children || null;
     }
-  };
-  __name(_Loading, "Loading");
-  let Loading = _Loading;
+  }, "Loading");
   function AdvancedOptions({
     children,
     content: content2,
@@ -97398,14 +97415,14 @@ ${latestSubscriptionCallbackError.current.stack}
     ), isOpen2 && /* @__PURE__ */ React$2.createElement("div", { style: { marginTop: 10 } }, content2 || children));
   }
   __name(AdvancedOptions, "AdvancedOptions");
-  function DropdownButton(_m) {
-    var _n = _m, {
+  function DropdownButton(_o) {
+    var _p = _o, {
       disabled,
       menu,
       noRightIcon,
       popoverProps,
       className
-    } = _n, rest = __objRest(_n, [
+    } = _p, rest = __objRest(_p, [
       "disabled",
       "menu",
       "noRightIcon",
@@ -100758,14 +100775,14 @@ ${latestSubscriptionCallbackError.current.stack}
       }
     }),
     branch(({ navTo }) => navTo, withRouter$1)
-  )(function(_o) {
-    var _p = _o, {
+  )(function(_q) {
+    var _r = _q, {
       navTo,
       context,
       staticContext,
       didMount,
       willUnmount
-    } = _p, props = __objRest(_p, [
+    } = _r, props = __objRest(_r, [
       "navTo",
       "context",
       "staticContext",
@@ -100959,7 +100976,7 @@ ${latestSubscriptionCallbackError.current.stack}
     );
   }
   __name(doesSearchValMatchText, "doesSearchValMatchText");
-  let MenuBar$1 = (_q = class extends React$2.Component {
+  let MenuBar$1 = (_s = class extends React$2.Component {
     constructor(props) {
       super(props);
       __publicField(this, "state", {
@@ -101204,10 +101221,10 @@ ${latestSubscriptionCallbackError.current.stack}
         );
       }), extraContent);
     }
-  }, __name(_q, "MenuBar"), __publicField(_q, "defaultProps", {
+  }, __name(_s, "MenuBar"), __publicField(_s, "defaultProps", {
     className: "",
     style: {}
-  }), _q);
+  }), _s);
   const isDivider = /* @__PURE__ */ __name((item) => item.divider !== void 0, "isDivider");
   function getAllMenuTextsAndHandlers(menu, enhancers, context, path2 = []) {
     if (!menu)
@@ -101355,7 +101372,7 @@ ${latestSubscriptionCallbackError.current.stack}
     );
   }
   __name(HotkeysDialog, "HotkeysDialog");
-  let FillWindow$1 = (_r = class extends React$2.Component {
+  let FillWindow$1 = (_t = class extends React$2.Component {
     constructor(props) {
       super(props);
       rerenderOnWindowResize(this);
@@ -101403,7 +101420,7 @@ ${latestSubscriptionCallbackError.current.stack}
         return ReactDOM$1.createPortal(inner2, window.document.body);
       return inner2;
     }
-  }, __name(_r, "FillWindow"), _r);
+  }, __name(_t, "FillWindow"), _t);
   var relativeTime$1 = { exports: {} };
   (function(module2, exports3) {
     !function(r2, e2) {
@@ -101451,16 +101468,6 @@ ${latestSubscriptionCallbackError.current.stack}
   var relativeTimeExports = relativeTime$1.exports;
   const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
   dayjs.extend(relativeTime);
-  const _Timeline = class _Timeline extends reactExports.Component {
-    render() {
-      return /* @__PURE__ */ React$2.createElement("div", { className: "tg-timeline" }, this.props.children.length > 1 && /* @__PURE__ */ React$2.createElement("div", { className: "tg-timeline-line" }), this.props.children);
-    }
-  };
-  __name(_Timeline, "Timeline");
-  __publicField(_Timeline, "propTypes", {
-    children: PropTypes$1.arrayOf(PropTypes$1.element)
-  });
-  let Timeline = _Timeline;
   const ptIconWrapper = /* @__PURE__ */ __name((path2, viewboxDefault = 24, rest) => {
     return /* @__PURE__ */ React$2.createElement("span", { className: "bp3-icon" }, /* @__PURE__ */ React$2.createElement(
       "svg",
@@ -108774,123 +108781,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");
@@ -120290,7 +120341,7 @@ ${latestSubscriptionCallbackError.current.stack}
   const xmlNode = xmlNode$1;
   const readDocType = DocTypeReader;
   const toNumber = strnum;
-  let OrderedObjParser$1 = (_s = class {
+  let OrderedObjParser$1 = (_u = class {
     constructor(options) {
       this.options = options;
       this.currentNode = null;
@@ -120329,7 +120380,7 @@ ${latestSubscriptionCallbackError.current.stack}
       this.saveTextToParentTag = saveTextToParentTag;
       this.addChild = addChild;
     }
-  }, __name(_s, "OrderedObjParser"), _s);
+  }, __name(_u, "OrderedObjParser"), _u);
   function addExternalEntities(externalEntities) {
     const entKeys = Object.keys(externalEntities);
     for (let i2 = 0; i2 < entKeys.length; i2++) {
@@ -120885,7 +120936,7 @@ ${latestSubscriptionCallbackError.current.stack}
   const OrderedObjParser = OrderedObjParser_1;
   const { prettify } = node2json;
   const validator$1 = validator$2;
-  let XMLParser$1 = (_t = class {
+  let XMLParser$1 = (_v = class {
     constructor(options) {
       this.externalEntities = {};
       this.options = buildOptions(options);
@@ -120935,7 +120986,7 @@ ${latestSubscriptionCallbackError.current.stack}
         this.externalEntities[key2] = value;
       }
     }
-  }, __name(_t, "XMLParser"), _t);
+  }, __name(_v, "XMLParser"), _v);
   var XMLParser_1 = XMLParser$1;
   const EOL = "\n";
   function toXml(jArray, options) {
@@ -128756,7 +128807,7 @@ ${seq.sequence}
   };
   __name(_FASTAParser, "FASTAParser");
   let FASTAParser = _FASTAParser;
-  let Parser$1 = (_u = class {
+  let Parser$1 = (_w = class {
     constructor(args) {
       this.fastaParser = void 0;
       this.eof = false;
@@ -128980,7 +129031,7 @@ ${seq.sequence}
         }
       });
     }
-  }, __name(_u, "Parser"), _u);
+  }, __name(_w, "Parser"), _w);
   function _callback(callback2) {
     if (process && process.nextTick)
       process.nextTick(callback2);
@@ -147915,7 +147966,7 @@ double click --> edit`}`;
           fill: color2 || "gray"
         }
       )),
-      !isFiller && /* @__PURE__ */ React$2.createElement(
+      (!isFiller || isTruncatedEnd && isTruncatedStart) && /* @__PURE__ */ React$2.createElement(
         "text",
         {
           fontSize: 25,
@@ -147992,18 +148043,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);
@@ -148020,10 +148092,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) {
@@ -148254,7 +148328,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     "editorName"
   ])(Labels$1);
   const DrawLabel = withHover(
-    (_v = class extends React$2.Component {
+    (_x = class extends React$2.Component {
       render() {
         const {
           hovered,
@@ -148358,7 +148432,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           }
         ));
       }
-    }, __name(_v, "DrawLabelInner"), _v)
+    }, __name(_x, "DrawLabelInner"), _x)
   );
   const labelClassNames = {
     cutsites: "veCutsiteLabel",
@@ -150235,7 +150309,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.5.11";
+  const version = "0.5.13";
   const main = "./src/index.js";
   const type = "module";
   const exports$1 = {
@@ -150315,8 +150389,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       cutsites: 100
     }
   }), "useAnnotationLimits");
-  function LimitAnnotations(_w) {
-    var _x = _w, { type: type2 } = _x, rest = __objRest(_x, ["type"]);
+  function LimitAnnotations(_y) {
+    var _z = _y, { type: type2 } = _z, rest = __objRest(_z, ["type"]);
     const [limits = {}, setLimits] = useAnnotationLimits();
     return /* @__PURE__ */ React$2.createElement(MenuItem, __spreadValues({ icon: "blank", shouldDismissPopover: false }, rest), [50, 100, 200, 400].map((n2) => /* @__PURE__ */ React$2.createElement(
       MenuItem,
@@ -156618,7 +156692,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   __name(_Minimap, "Minimap");
   let Minimap = _Minimap;
   const YellowScrollHandle = view(
-    (_y = class extends React$2.Component {
+    (_A = class extends React$2.Component {
       render() {
         const {
           scrollHandleWidth,
@@ -156773,7 +156847,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           )
         );
       }
-    }, __name(_y, "YellowScrollHandleInner"), _y)
+    }, __name(_A, "YellowScrollHandleInner"), _A)
   );
   function getTrimmedRangesToDisplay({ trimmedRange, seqLen }) {
     if (!trimmedRange)
@@ -157146,14 +157220,14 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     }, rest);
   }
   __name(getRangeAnglesSpecial, "getRangeAnglesSpecial");
-  function PositionAnnotationOnCircle(_z) {
-    var _A = _z, {
+  function PositionAnnotationOnCircle(_B) {
+    var _C = _B, {
       children,
       height: height2 = 0,
       sAngle = 0,
       eAngle = 0,
       forward = true
-    } = _A, rest = __objRest(_A, [
+    } = _C, rest = __objRest(_C, [
       "children",
       "height",
       "sAngle",
@@ -161672,7 +161746,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     }),
     tgFormValues("from", "to")
   )(
-    (_B = class extends React$2.Component {
+    (_D = class extends React$2.Component {
       constructor() {
         super(...arguments);
         __publicField(this, "updateTempHighlight", /* @__PURE__ */ __name(({ isStart, isEnd } = {}) => (val2) => {
@@ -161783,7 +161857,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           ))
         );
       }
-    }, __name(_B, "SelectDialog"), _B)
+    }, __name(_D, "SelectDialog"), _D)
   );
   const normalizeToInt = /* @__PURE__ */ __name((val2) => {
     const int2 = Math.round(val2);
@@ -165238,8 +165312,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     return track2;
   }
   __name(getTrackFromEvent, "getTrackFromEvent");
-  const PerformantSelectionLayer = view((_C) => {
-    var _D = _C, { easyStore: easyStore2 } = _D, rest = __objRest(_D, ["easyStore"]);
+  const PerformantSelectionLayer = view((_E) => {
+    var _F = _E, { easyStore: easyStore2 } = _F, rest = __objRest(_F, ["easyStore"]);
     const seqLen = rest.sequenceLength - 1;
     return /* @__PURE__ */ React$2.createElement(
       SelectionLayer$3,
@@ -167079,8 +167153,8 @@ ${seqDataToCopy}\r
       })
     )
   )(AlignmentView);
-  const PerformantCaret = view((_E) => {
-    var _F = _E, { easyStore: easyStore2 } = _F, rest = __objRest(_F, ["easyStore"]);
+  const PerformantCaret = view((_G) => {
+    var _H = _G, { easyStore: easyStore2 } = _H, rest = __objRest(_H, ["easyStore"]);
     return /* @__PURE__ */ React$2.createElement(Caret$2, __spreadValues({ caretPosition: easyStore2.caretPosition }, rest));
   });
   function cleanTracks(alignmentTracks) {
@@ -168833,14 +168907,14 @@ ${seqDataToCopy}\r
       }, toolbarItemProps))
     );
   });
-  function CutsiteToolDropDown(_G) {
-    var _H = _G, {
+  function CutsiteToolDropDown(_I) {
+    var _J = _I, {
       editorName,
       toggleDropdown,
       annotationVisibilityShow: annotationVisibilityShow2,
       withDigestTool,
       createNewDigest: createNewDigest2
-    } = _H, rest = __objRest(_H, [
+    } = _J, rest = __objRest(_J, [
       "editorName",
       "toggleDropdown",
       "annotationVisibilityShow",
@@ -168968,7 +169042,7 @@ ${seqDataToCopy}\r
     );
   });
   const OrfToolDropdown = withEditorProps(
-    (_I = class extends React$2.Component {
+    (_K = class extends React$2.Component {
       constructor(props) {
         super(props);
         this.commands = getCommands(this);
@@ -168994,7 +169068,7 @@ ${seqDataToCopy}\r
           }
         ));
       }
-    }, __name(_I, "OrfDropdown"), _I)
+    }, __name(_K, "OrfDropdown"), _K)
   );
   const opts = [
     { label: "DNA", value: "DNA" },
@@ -174393,8 +174467,8 @@ ${seqDataToCopy}\r
     return /* @__PURE__ */ React$2.createElement(Provider, { store }, /* @__PURE__ */ React$2.createElement(VersionHistoryView$1, __spreadValues({}, __spreadValues({}, props))));
   }
   __name(StandaloneVersionHistoryView, "StandaloneVersionHistoryView");
-  function createVectorEditor(_node, _J = {}) {
-    var _K = _J, { editorName = "StandaloneEditor" } = _K, rest = __objRest(_K, ["editorName"]);
+  function createVectorEditor(_node, _L = {}) {
+    var _M = _L, { editorName = "StandaloneEditor" } = _M, rest = __objRest(_M, ["editorName"]);
     if (!store) {
       store = makeStore();
     }
@@ -174427,8 +174501,8 @@ ${seqDataToCopy}\r
     return editor;
   }
   __name(createVectorEditor, "createVectorEditor");
-  function createVersionHistoryView(node2, _L = {}) {
-    var _M = _L, { editorName = "StandaloneVersionHistoryView" } = _M, rest = __objRest(_M, ["editorName"]);
+  function createVersionHistoryView(node2, _N = {}) {
+    var _O = _N, { editorName = "StandaloneVersionHistoryView" } = _O, rest = __objRest(_O, ["editorName"]);
     if (!store) {
       store = makeStore();
     }
@@ -182301,7 +182375,7 @@ ${seqDataToCopy}\r
   var renderElement = /* @__PURE__ */ __name(function(element2, opts2) {
     return __awaiter(void 0, void 0, void 0, function() {
       var ownerDocument, defaultView, resourceOptions, contextOptions, windowOptions, windowBounds, context, foreignObjectRendering, cloneOptions, documentCloner, clonedElement, container, _a2, width, height2, left2, top2, backgroundColor2, renderOptions, canvas, renderer, root2, renderer;
-      var _b2, _c2, _d2, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q2, _r2, _s2, _t2;
+      var _b2, _c2, _d2, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s2, _t2;
       return __generator(this, function(_u2) {
         switch (_u2.label) {
           case 0:
@@ -182355,8 +182429,8 @@ ${seqDataToCopy}\r
               backgroundColor: backgroundColor2,
               scale: (_o = (_m = opts2.scale) !== null && _m !== void 0 ? _m : defaultView.devicePixelRatio) !== null && _o !== void 0 ? _o : 1,
               x: ((_p = opts2.x) !== null && _p !== void 0 ? _p : 0) + left2,
-              y: ((_q2 = opts2.y) !== null && _q2 !== void 0 ? _q2 : 0) + top2,
-              width: (_r2 = opts2.width) !== null && _r2 !== void 0 ? _r2 : Math.ceil(width),
+              y: ((_q = opts2.y) !== null && _q !== void 0 ? _q : 0) + top2,
+              width: (_r = opts2.width) !== null && _r !== void 0 ? _r : Math.ceil(width),
               height: (_s2 = opts2.height) !== null && _s2 !== void 0 ? _s2 : Math.ceil(height2)
             };
             if (!foreignObjectRendering)