@teselagen/ove 0.5.12 → 0.5.14

package/index.es.js

@@ -56,7 +56,7 @@ var __async = (__this, __arguments, generator) => {
     step2((generator = generator.apply(__this, __arguments)).next());
   });
 };
-var _q, _r, _s, _t, _u, _x, _A, _H;
+var _s, _t, _u, _v, _w, _z, _C, _J;
 import { Icon, Classes, Button, Intent, Keys, MenuItem, Tag, useHotkeys, Popover, Tooltip, Toaster, Position, Menu, MenuDivider, NumericInput, InputGroup, Spinner, FormGroup, TextArea, Checkbox, Switch, EditableText, RadioGroup, Callout, ContextMenu, Dialog, Card, Tabs, Tab, Colors, KeyCombo, AnchorButton, Slider as Slider$1, ButtonGroup, HTMLSelect, Label, ResizeSensor, FocusStyleManager } from "@blueprintjs/core";
 import * as React$2 from "react";
 import React__default$1, { useState, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo as useMemo$1, useRef, useReducer, useCallback as useCallback$1, memo, Component, PureComponent, createElement, isValidElement, useContext, useLayoutEffect as useLayoutEffect$1 } from "react";
@@ -14355,25 +14355,16 @@ var toString$5 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$5.call(it).slice(8, -1);
 }, "_cof");
-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 cof$2 = _cof;
+var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+  return cof$2(it) == "String" ? it.split("") : Object(it);
+};
 var _defined = /* @__PURE__ */ __name(function(it) {
   if (it == void 0)
     throw TypeError("Can't call method on  " + it);
   return it;
 }, "_defined");
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = /* @__PURE__ */ __name(function(it) {
   return IObject(defined$2(it));
@@ -14462,10 +14453,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 $keys$2 = _objectKeysInternal;
 var enumBugKeys$1 = _enumBugKeys;
 var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
-  return $keys$3(O2, enumBugKeys$1);
+  return $keys$2(O2, enumBugKeys$1);
 }, "keys");
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
@@ -14494,7 +14485,7 @@ function require_objectAssign() {
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
   var toObject2 = _toObject;
-  var IObject2 = require_iobject();
+  var IObject2 = _iobject;
   var $assign = Object.assign;
   _objectAssign = !$assign || _fails(function() {
     var A2 = {};
@@ -14898,11 +14889,11 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$4 = require_objectDp();
+var $defineProperty$3 = require_objectDp();
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object3, index2, value) {
   if (index2 in object3)
-    $defineProperty$4.f(object3, index2, createDesc$2(0, value));
+    $defineProperty$3.f(object3, index2, createDesc$2(0, value));
   else
     object3[index2] = value;
 }, "_createProperty");
@@ -15150,13 +15141,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) {
@@ -15166,7 +15165,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 = {};
@@ -15256,9 +15255,9 @@ var isSymbol$7 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty$3 = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
+var $defineProperty$2 = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
   if (it === ObjectProto)
-    $defineProperty$3(OPSymbols, key, D2);
+    $defineProperty$2(OPSymbols, key, D2);
   anObject(it);
   key = toPrimitive(key, true);
   anObject(D2);
@@ -15283,7 +15282,7 @@ var $defineProperties = /* @__PURE__ */ __name(function defineProperties2(it, P2
   var l2 = keys5.length;
   var key;
   while (l2 > i)
-    $defineProperty$3(it, key = keys5[i++], P2[key]);
+    $defineProperty$2(it, key = keys5[i++], P2[key]);
   return it;
 }, "defineProperties");
 var $create = /* @__PURE__ */ __name(function create2(it, P2) {
@@ -15305,7 +15304,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;
@@ -15348,8 +15347,8 @@ if (!USE_NATIVE) {
     return this._k;
   }, "toString"));
   $GOPD.f = $getOwnPropertyDescriptor;
-  $DP.f = $defineProperty$3;
-  _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
+  $DP.f = $defineProperty$2;
+  require_objectGopn().f = gOPNExt.f = $getOwnPropertyNames;
   require_objectPie().f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
@@ -15391,7 +15390,7 @@ $export$2($export$2.S + $export$2.F * !USE_NATIVE, "Object", {
   // 19.1.2.2 Object.create(O [, Properties])
   create: $create,
   // 19.1.2.4 Object.defineProperty(O, P, Attributes)
-  defineProperty: $defineProperty$3,
+  defineProperty: $defineProperty$2,
   // 19.1.2.3 Object.defineProperties(O, Properties)
   defineProperties: $defineProperties,
   // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
@@ -36529,84 +36528,80 @@ const symbols = {
   down: "↓"
 };
 symbols.mod = symbols[isMac ? "meta" : "ctrl"];
-const _InfoHelper = class _InfoHelper extends 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__default$1.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__default$1.createElement(React__default$1.Fragment, null, IconInner, /* @__PURE__ */ React__default$1.createElement("span", { style: { paddingLeft: 5, fontStyle: "italic" } }, content2 || children));
-    } else if (isPopover) {
-      toReturn = /* @__PURE__ */ React__default$1.createElement(Popover, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
-    } else {
-      toReturn = /* @__PURE__ */ React__default$1.createElement(Tooltip, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
-    }
-    const El = isInline ? "span" : "div";
-    return /* @__PURE__ */ React__default$1.createElement(
-      El,
-      {
-        style: __spreadValues(__spreadValues(__spreadValues({}, clickable ? { cursor: "pointer" } : {}), isInline ? {} : { display: "flex" }), style2),
-        className: classNames(
-          "info-helper-wrapper",
-          {
-            "info-helper-wrapper-noMarginTop": noMarginTop,
-            "info-helper-clickable": isPopover
-          },
-          className
-        )
-      },
-      toReturn
-    );
+const InfoHelper = /* @__PURE__ */ __name((_c) => {
+  var _d = _c, {
+    className,
+    content: content2,
+    children,
+    icon = "info-sign",
+    isPopover,
+    isButton,
+    size,
+    isInline,
+    clickable,
+    color: color2,
+    noMarginTop,
+    popoverProps = {},
+    disabled,
+    displayToSide,
+    style: style2
+  } = _d, rest = __objRest(_d, [
+    "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__default$1.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__default$1.createElement(React__default$1.Fragment, null, IconInner, /* @__PURE__ */ React__default$1.createElement("span", { style: { paddingLeft: 5, fontStyle: "italic" } }, content2 || children));
+  } else if (isPopover) {
+    toReturn = /* @__PURE__ */ React__default$1.createElement(Popover, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
+  } else {
+    toReturn = /* @__PURE__ */ React__default$1.createElement(Tooltip, __spreadProps(__spreadValues({}, toolTipOrPopoverProps), { target: IconInner }));
   }
-};
-__name(_InfoHelper, "InfoHelper");
-let InfoHelper = _InfoHelper;
+  const El = isInline ? "span" : "div";
+  return /* @__PURE__ */ React__default$1.createElement(
+    El,
+    {
+      style: __spreadValues(__spreadValues(__spreadValues({}, clickable ? { cursor: "pointer" } : {}), isInline ? {} : { display: "flex" }), style2),
+      className: classNames(
+        "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;
@@ -37280,16 +37275,25 @@ var getIntrinsic = /* @__PURE__ */ __name(function GetIntrinsic(name2, allowMiss
   return value;
 }, "GetIntrinsic");
 var callBind$3 = { exports: {} };
-var GetIntrinsic$4 = getIntrinsic;
-var $defineProperty$2 = GetIntrinsic$4("%Object.defineProperty%", true) || false;
-if ($defineProperty$2) {
-  try {
-    $defineProperty$2({}, "a", { value: 1 });
-  } catch (e2) {
-    $defineProperty$2 = false;
+var esDefineProperty;
+var hasRequiredEsDefineProperty;
+function requireEsDefineProperty() {
+  if (hasRequiredEsDefineProperty)
+    return esDefineProperty;
+  hasRequiredEsDefineProperty = 1;
+  var GetIntrinsic3 = getIntrinsic;
+  var $defineProperty2 = GetIntrinsic3("%Object.defineProperty%", true) || false;
+  if ($defineProperty2) {
+    try {
+      $defineProperty2({}, "a", { value: 1 });
+    } catch (e2) {
+      $defineProperty2 = false;
+    }
   }
+  esDefineProperty = $defineProperty2;
+  return esDefineProperty;
 }
-var esDefineProperty = $defineProperty$2;
+__name(requireEsDefineProperty, "requireEsDefineProperty");
 var GetIntrinsic$3 = getIntrinsic;
 var $gOPD$1 = GetIntrinsic$3("%Object.getOwnPropertyDescriptor%", true);
 if ($gOPD$1) {
@@ -37300,7 +37304,7 @@ if ($gOPD$1) {
   }
 }
 var gopd$1 = $gOPD$1;
-var $defineProperty$1 = esDefineProperty;
+var $defineProperty$1 = requireEsDefineProperty();
 var $SyntaxError = syntax;
 var $TypeError$4 = type$1;
 var gopd = gopd$1;
@@ -37341,7 +37345,7 @@ var defineDataProperty$1 = /* @__PURE__ */ __name(function defineDataProperty(ob
     throw new $SyntaxError("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.");
   }
 }, "defineDataProperty");
-var $defineProperty = esDefineProperty;
+var $defineProperty = requireEsDefineProperty();
 var hasPropertyDescriptors = /* @__PURE__ */ __name(function hasPropertyDescriptors2() {
   return !!$defineProperty;
 }, "hasPropertyDescriptors");
@@ -37410,7 +37414,7 @@ var setFunctionLength = /* @__PURE__ */ __name(function setFunctionLength2(fn4,
   var $apply = GetIntrinsic3("%Function.prototype.apply%");
   var $call = GetIntrinsic3("%Function.prototype.call%");
   var $reflectApply = GetIntrinsic3("%Reflect.apply%", true) || bind3.call($call, $apply);
-  var $defineProperty2 = esDefineProperty;
+  var $defineProperty2 = requireEsDefineProperty();
   var $max = GetIntrinsic3("%Math.max%");
   module2.exports = /* @__PURE__ */ __name(function callBind2(originalFunction) {
     if (typeof originalFunction !== "function") {
@@ -48396,8 +48400,8 @@ const renderReactSelect = /* @__PURE__ */ __name((props) => {
   });
   return /* @__PURE__ */ React__default$1.createElement(TgSelect$1, __spreadValues({}, propsToUse));
 }, "renderReactSelect");
-const BPSelect = /* @__PURE__ */ __name((_c) => {
-  var _d = _c, { value, onChange } = _d, rest = __objRest(_d, ["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) => {
@@ -48532,12 +48536,12 @@ const renderBlueprintNumericInput = /* @__PURE__ */ __name((props) => {
     })
   );
 }, "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"
@@ -49877,7 +49881,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;
@@ -49890,7 +49894,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));
     }
@@ -51781,8 +51785,8 @@ const _DataTable = class _DataTable extends React__default$1.Component {
         };
       }),
       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__default$1.createElement(
         "div",
         __spreadValues({
@@ -54041,13 +54045,13 @@ function getCellInfo({
   };
 }
 __name(getCellInfo, "getCellInfo");
-function ColumnFilterMenu(_i) {
-  var _j = _i, {
+function ColumnFilterMenu(_k) {
+  var _l = _k, {
     FilterMenu,
     filterActiveForColumn,
     compact: compact3,
     extraCompact
-  } = _j, rest = __objRest(_j, [
+  } = _l, rest = __objRest(_l, [
     "FilterMenu",
     "filterActiveForColumn",
     "compact",
@@ -56904,8 +56908,8 @@ function maybeStripIdFromEntities(ents, validateAgainstSchema) {
   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 [isOpen, setOpen] = useState(false);
   const [additionalProps, setAdditionalProps] = useState(false);
   const comp = /* @__PURE__ */ React__default$1.createElement(
@@ -67434,68 +67438,55 @@ function BounceLoader({ style: style2, className }) {
   );
 }
 __name(BounceLoader, "BounceLoader");
-const _Loading = class _Loading extends React__default$1.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] = useState(false);
+  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__default$1.createElement("div", null);
-      }
-      return /* @__PURE__ */ React__default$1.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__default$1.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__default$1.createElement("div", null);
     }
+    return /* @__PURE__ */ React__default$1.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__default$1.createElement(LoaderComp, { style: style2, className })
+    );
+  } else {
+    return children || null;
   }
-};
-__name(_Loading, "Loading");
-let Loading = _Loading;
+}, "Loading");
 function AdvancedOptions({
   children,
   content: content2,
@@ -67528,14 +67519,14 @@ function AdvancedOptions({
   ), isOpen && /* @__PURE__ */ React__default$1.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",
@@ -70894,14 +70885,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   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",
@@ -71095,7 +71086,7 @@ function doesSearchValMatchText(searchVal, justText) {
   );
 }
 __name(doesSearchValMatchText, "doesSearchValMatchText");
-let MenuBar$1 = (_q = class extends React__default$1.Component {
+let MenuBar$1 = (_s = class extends React__default$1.Component {
   constructor(props) {
     super(props);
     __publicField(this, "state", {
@@ -71340,10 +71331,10 @@ let MenuBar$1 = (_q = class extends React__default$1.Component {
       );
     }), 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)
@@ -71491,7 +71482,7 @@ function HotkeysDialog(props) {
   );
 }
 __name(HotkeysDialog, "HotkeysDialog");
-let FillWindow$1 = (_r = class extends React__default$1.Component {
+let FillWindow$1 = (_t = class extends React__default$1.Component {
   constructor(props) {
     super(props);
     rerenderOnWindowResize(this);
@@ -71539,7 +71530,7 @@ let FillWindow$1 = (_r = class extends React__default$1.Component {
       return ReactDOM$1.createPortal(inner2, window.document.body);
     return inner2;
   }
-}, __name(_r, "FillWindow"), _r);
+}, __name(_t, "FillWindow"), _t);
 var relativeTime$1 = { exports: {} };
 (function(module2, exports2) {
   !function(r2, e2) {
@@ -71587,16 +71578,6 @@ var relativeTime$1 = { exports: {} };
 var relativeTimeExports = relativeTime$1.exports;
 const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
 dayjs.extend(relativeTime);
-const _Timeline = class _Timeline extends Component {
-  render() {
-    return /* @__PURE__ */ React__default$1.createElement("div", { className: "tg-timeline" }, this.props.children.length > 1 && /* @__PURE__ */ React__default$1.createElement("div", { className: "tg-timeline-line" }), this.props.children);
-  }
-};
-__name(_Timeline, "Timeline");
-__publicField(_Timeline, "propTypes", {
-  children: PropTypes.arrayOf(PropTypes.element)
-});
-let Timeline = _Timeline;
 const ptIconWrapper = /* @__PURE__ */ __name((path2, viewboxDefault = 24, rest) => {
   return /* @__PURE__ */ React__default$1.createElement("span", { className: "bp3-icon" }, /* @__PURE__ */ React__default$1.createElement(
     "svg",
@@ -78910,123 +78891,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");
@@ -90426,7 +90451,7 @@ const util$1 = util$4;
 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;
@@ -90465,7 +90490,7 @@ let OrderedObjParser$1 = (_s = class {
     this.saveTextToParentTag = saveTextToParentTag;
     this.addChild = addChild;
   }
-}, __name(_s, "OrderedObjParser"), _s);
+}, __name(_u, "OrderedObjParser"), _u);
 function addExternalEntities(externalEntities) {
   const entKeys = Object.keys(externalEntities);
   for (let i = 0; i < entKeys.length; i++) {
@@ -91021,7 +91046,7 @@ const { buildOptions } = OptionsBuilder;
 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);
@@ -91071,7 +91096,7 @@ let XMLParser$1 = (_t = class {
       this.externalEntities[key] = value;
     }
   }
-}, __name(_t, "XMLParser"), _t);
+}, __name(_v, "XMLParser"), _v);
 var XMLParser_1 = XMLParser$1;
 const EOL = "\n";
 function toXml(jArray, options) {
@@ -118640,7 +118665,7 @@ function AASliver(props) {
         fill: color2 || "gray"
       }
     )),
-    !isFiller && /* @__PURE__ */ React__default$1.createElement(
+    (!isFiller || isTruncatedEnd && isTruncatedStart) && /* @__PURE__ */ React__default$1.createElement(
       "text",
       {
         fontSize: 25,
@@ -118717,18 +118742,39 @@ const _Translation = class _Translation extends React__default$1.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__default$1.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 } = getGaps2(aminoAcidSliver.codonRange);
@@ -118745,10 +118791,12 @@ const _Translation = class _Translation extends React__default$1.Component {
         } else {
           color2 = aminoAcid.color;
         }
+        prevAaSliver = aminoAcidSliver;
+        nextAaSliver = aminoAcidsForSubrange[index2 + 2];
         return /* @__PURE__ */ React__default$1.createElement(
           AASliver$1,
           {
-            isFiller: isEndFiller || isStartFiller,
+            isFiller: isEndFiller || isStartFiller || isTruncatedEnd && isTruncatedStart,
             isTruncatedEnd,
             isTruncatedStart,
             onClick: function(event) {
@@ -118979,7 +119027,7 @@ const Labels$2 = onlyUpdateForKeys([
   "editorName"
 ])(Labels$1);
 const DrawLabel = withHover(
-  (_u = class extends React__default$1.Component {
+  (_w = class extends React__default$1.Component {
     render() {
       const {
         hovered,
@@ -119083,7 +119131,7 @@ const DrawLabel = withHover(
         }
       ));
     }
-  }, __name(_u, "DrawLabelInner"), _u)
+  }, __name(_w, "DrawLabelInner"), _w)
 );
 const labelClassNames = {
   cutsites: "veCutsiteLabel",
@@ -120981,7 +121029,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __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 = {
@@ -121061,8 +121109,8 @@ const useAnnotationLimits = /* @__PURE__ */ __name(() => useLocalStorageState("a
     cutsites: 100
   }
 }), "useAnnotationLimits");
-function LimitAnnotations(_v) {
-  var _w = _v, { type: type2 } = _w, rest = __objRest(_w, ["type"]);
+function LimitAnnotations(_x) {
+  var _y = _x, { type: type2 } = _y, rest = __objRest(_y, ["type"]);
   const [limits = {}, setLimits] = useAnnotationLimits();
   return /* @__PURE__ */ React__default$1.createElement(MenuItem, __spreadValues({ icon: "blank", shouldDismissPopover: false }, rest), [50, 100, 200, 400].map((n2) => /* @__PURE__ */ React__default$1.createElement(
     MenuItem,
@@ -127221,7 +127269,7 @@ const commonConfigResolver = {
 };
 const DEFAULT_AXIS_THRESHOLD = 0;
 const coordinatesConfigResolver = _objectSpread2$1(_objectSpread2$1({}, commonConfigResolver), {}, {
-  axis(_v, _k, {
+  axis(_v2, _k, {
     axis
   }) {
     this.lockDirection = axis === "lock";
@@ -127295,7 +127343,7 @@ const DEFAULT_DRAG_AXIS_THRESHOLD = {
   pen: 8
 };
 _objectSpread2$1(_objectSpread2$1({}, coordinatesConfigResolver), {}, {
-  device(_v, _k, {
+  device(_v2, _k, {
     pointer: {
       touch = false,
       lock = false,
@@ -127321,7 +127369,7 @@ _objectSpread2$1(_objectSpread2$1({}, coordinatesConfigResolver), {}, {
       return void 0;
     return value ? value : preventScroll !== void 0 ? "y" : void 0;
   },
-  pointerCapture(_v, _k, {
+  pointerCapture(_v2, _k, {
     pointer: {
       capture = true,
       buttons = 1,
@@ -127652,7 +127700,7 @@ const _PinchEngine = class _PinchEngine extends Engine {
 __name(_PinchEngine, "PinchEngine");
 let PinchEngine = _PinchEngine;
 const pinchConfigResolver = _objectSpread2$1(_objectSpread2$1({}, commonConfigResolver), {}, {
-  device(_v, _k, {
+  device(_v2, _k, {
     shared: shared2,
     pointer: {
       touch = false
@@ -127670,7 +127718,7 @@ const pinchConfigResolver = _objectSpread2$1(_objectSpread2$1({}, commonConfigRe
         return "touch";
     }
   },
-  bounds(_v, _k, {
+  bounds(_v2, _k, {
     scaleBounds = {},
     angleBounds = {}
   }) {
@@ -128969,7 +129017,7 @@ const _Minimap = class _Minimap extends React__default$1.Component {
 __name(_Minimap, "Minimap");
 let Minimap = _Minimap;
 const YellowScrollHandle = view(
-  (_x = class extends React__default$1.Component {
+  (_z = class extends React__default$1.Component {
     render() {
       const {
         scrollHandleWidth,
@@ -129124,7 +129172,7 @@ const YellowScrollHandle = view(
         )
       );
     }
-  }, __name(_x, "YellowScrollHandleInner"), _x)
+  }, __name(_z, "YellowScrollHandleInner"), _z)
 );
 function getTrimmedRangesToDisplay({ trimmedRange, seqLen }) {
   if (!trimmedRange)
@@ -129497,14 +129545,14 @@ function getRangeAnglesSpecial() {
   }, rest);
 }
 __name(getRangeAnglesSpecial, "getRangeAnglesSpecial");
-function PositionAnnotationOnCircle(_y) {
-  var _z = _y, {
+function PositionAnnotationOnCircle(_A) {
+  var _B = _A, {
     children,
     height: height2 = 0,
     sAngle = 0,
     eAngle = 0,
     forward = true
-  } = _z, rest = __objRest(_z, [
+  } = _B, rest = __objRest(_B, [
     "children",
     "height",
     "sAngle",
@@ -134023,7 +134071,7 @@ const SelectDialog = compose$1(
   }),
   tgFormValues("from", "to")
 )(
-  (_A = class extends React__default$1.Component {
+  (_C = class extends React__default$1.Component {
     constructor() {
       super(...arguments);
       __publicField(this, "updateTempHighlight", /* @__PURE__ */ __name(({ isStart, isEnd } = {}) => (val2) => {
@@ -134134,7 +134182,7 @@ const SelectDialog = compose$1(
         ))
       );
     }
-  }, __name(_A, "SelectDialog"), _A)
+  }, __name(_C, "SelectDialog"), _C)
 );
 const normalizeToInt = /* @__PURE__ */ __name((val2) => {
   const int2 = Math.round(val2);
@@ -137589,8 +137637,8 @@ function getTrackFromEvent(event, allTracks) {
   return track2;
 }
 __name(getTrackFromEvent, "getTrackFromEvent");
-const PerformantSelectionLayer = view((_B) => {
-  var _C = _B, { easyStore: easyStore2 } = _C, rest = __objRest(_C, ["easyStore"]);
+const PerformantSelectionLayer = view((_D) => {
+  var _E = _D, { easyStore: easyStore2 } = _E, rest = __objRest(_E, ["easyStore"]);
   const seqLen = rest.sequenceLength - 1;
   return /* @__PURE__ */ React__default$1.createElement(
     SelectionLayer$3,
@@ -139430,8 +139478,8 @@ const AlignmentView$1 = compose(
     })
   )
 )(AlignmentView);
-const PerformantCaret = view((_D) => {
-  var _E = _D, { easyStore: easyStore2 } = _E, rest = __objRest(_E, ["easyStore"]);
+const PerformantCaret = view((_F) => {
+  var _G = _F, { easyStore: easyStore2 } = _G, rest = __objRest(_G, ["easyStore"]);
   return /* @__PURE__ */ React__default$1.createElement(Caret$2, __spreadValues({ caretPosition: easyStore2.caretPosition }, rest));
 });
 function cleanTracks(alignmentTracks) {
@@ -141696,14 +141744,14 @@ const cutsiteTool = connectToEditor(
     }, toolbarItemProps))
   );
 });
-function CutsiteToolDropDown(_F) {
-  var _G = _F, {
+function CutsiteToolDropDown(_H) {
+  var _I = _H, {
     editorName,
     toggleDropdown,
     annotationVisibilityShow: annotationVisibilityShow2,
     withDigestTool,
     createNewDigest: createNewDigest2
-  } = _G, rest = __objRest(_G, [
+  } = _I, rest = __objRest(_I, [
     "editorName",
     "toggleDropdown",
     "annotationVisibilityShow",
@@ -141831,7 +141879,7 @@ const orfTool = connectToEditor(
   );
 });
 const OrfToolDropdown = withEditorProps(
-  (_H = class extends React__default$1.Component {
+  (_J = class extends React__default$1.Component {
     constructor(props) {
       super(props);
       this.commands = getCommands(this);
@@ -141857,7 +141905,7 @@ const OrfToolDropdown = withEditorProps(
         }
       ));
     }
-  }, __name(_H, "OrfDropdown"), _H)
+  }, __name(_J, "OrfDropdown"), _J)
 );
 const opts = [
   { label: "DNA", value: "DNA" },
@@ -147256,8 +147304,8 @@ function StandaloneVersionHistoryView(props) {
   return /* @__PURE__ */ React__default$1.createElement(Provider, { store }, /* @__PURE__ */ React__default$1.createElement(VersionHistoryView$1, __spreadValues({}, __spreadValues({}, props))));
 }
 __name(StandaloneVersionHistoryView, "StandaloneVersionHistoryView");
-function createVectorEditor(_node, _I = {}) {
-  var _J = _I, { editorName = "StandaloneEditor" } = _J, rest = __objRest(_J, ["editorName"]);
+function createVectorEditor(_node, _K = {}) {
+  var _L = _K, { editorName = "StandaloneEditor" } = _L, rest = __objRest(_L, ["editorName"]);
   if (!store) {
     store = makeStore();
   }
@@ -147290,8 +147338,8 @@ function createVectorEditor(_node, _I = {}) {
   return editor;
 }
 __name(createVectorEditor, "createVectorEditor");
-function createVersionHistoryView(node2, _K = {}) {
-  var _L = _K, { editorName = "StandaloneVersionHistoryView" } = _L, rest = __objRest(_L, ["editorName"]);
+function createVersionHistoryView(node2, _M = {}) {
+  var _N = _M, { editorName = "StandaloneVersionHistoryView" } = _N, rest = __objRest(_N, ["editorName"]);
   if (!store) {
     store = makeStore();
   }