@teselagen/ove 0.3.24 → 0.3.26

package/index.cjs.js

@@ -1336,14 +1336,14 @@ function orderModifiers(modifiers2) {
   }, []);
 }
 __name(orderModifiers, "orderModifiers");
-function debounce$3(fn3) {
+function debounce$3(fn4) {
   var pending;
   return function() {
     if (!pending) {
       pending = new Promise(function(resolve) {
         Promise.resolve().then(function() {
           pending = void 0;
-          resolve(fn3());
+          resolve(fn4());
         });
       });
     }
@@ -1447,9 +1447,9 @@ function popperGenerator(generatorOptions) {
             index2 = -1;
             continue;
           }
-          var _state$orderedModifie = state2.orderedModifiers[index2], fn3 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name2 = _state$orderedModifie.name;
-          if (typeof fn3 === "function") {
-            state2 = fn3({
+          var _state$orderedModifie = state2.orderedModifiers[index2], fn4 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name2 = _state$orderedModifie.name;
+          if (typeof fn4 === "function") {
+            state2 = fn4({
               state: state2,
               options: _options,
               name: name2,
@@ -1497,8 +1497,8 @@ function popperGenerator(generatorOptions) {
     }
     __name(runModifierEffects, "runModifierEffects");
     function cleanupModifierEffects() {
-      effectCleanupFns.forEach(function(fn3) {
-        return fn3();
+      effectCleanupFns.forEach(function(fn4) {
+        return fn4();
       });
       effectCleanupFns = [];
     }
@@ -1540,15 +1540,15 @@ function invokeWithArgsOrReturn(value, args) {
   return typeof value === "function" ? value.apply(void 0, args) : value;
 }
 __name(invokeWithArgsOrReturn, "invokeWithArgsOrReturn");
-function debounce$2(fn3, ms) {
+function debounce$2(fn4, ms) {
   if (ms === 0) {
-    return fn3;
+    return fn4;
   }
   var timeout;
   return function(arg) {
     clearTimeout(timeout);
     timeout = setTimeout(function() {
-      fn3(arg);
+      fn4(arg);
     }, ms);
   };
 }
@@ -2380,7 +2380,7 @@ function createTippy(reference2, passedProps) {
       enabled: true,
       phase: "beforeWrite",
       requires: ["computeStyles"],
-      fn: /* @__PURE__ */ __name(function fn3(_ref2) {
+      fn: /* @__PURE__ */ __name(function fn4(_ref2) {
         var state3 = _ref2.state;
         if (getIsDefaultRenderFn()) {
           var _getDefaultTemplateCh = getDefaultTemplateChildren(), box2 = _getDefaultTemplateCh.box;
@@ -2754,11 +2754,174 @@ Object.assign({}, applyStyles$1, {
     }
   }, "effect")
 });
+var mouseCoords = {
+  clientX: 0,
+  clientY: 0
+};
+var activeInstances = [];
+function storeMouseCoords(_ref) {
+  var clientX = _ref.clientX, clientY = _ref.clientY;
+  mouseCoords = {
+    clientX,
+    clientY
+  };
+}
+__name(storeMouseCoords, "storeMouseCoords");
+function addMouseCoordsListener(doc) {
+  doc.addEventListener("mousemove", storeMouseCoords);
+}
+__name(addMouseCoordsListener, "addMouseCoordsListener");
+function removeMouseCoordsListener(doc) {
+  doc.removeEventListener("mousemove", storeMouseCoords);
+}
+__name(removeMouseCoordsListener, "removeMouseCoordsListener");
+var followCursor = {
+  name: "followCursor",
+  defaultValue: false,
+  fn: /* @__PURE__ */ __name(function fn2(instance) {
+    var reference2 = instance.reference;
+    var doc = getOwnerDocument(instance.props.triggerTarget || reference2);
+    var isInternalUpdate = false;
+    var wasFocusEvent = false;
+    var isUnmounted = true;
+    var prevProps = instance.props;
+    function getIsInitialBehavior() {
+      return instance.props.followCursor === "initial" && instance.state.isVisible;
+    }
+    __name(getIsInitialBehavior, "getIsInitialBehavior");
+    function addListener() {
+      doc.addEventListener("mousemove", onMouseMove);
+    }
+    __name(addListener, "addListener");
+    function removeListener() {
+      doc.removeEventListener("mousemove", onMouseMove);
+    }
+    __name(removeListener, "removeListener");
+    function unsetGetReferenceClientRect() {
+      isInternalUpdate = true;
+      instance.setProps({
+        getReferenceClientRect: null
+      });
+      isInternalUpdate = false;
+    }
+    __name(unsetGetReferenceClientRect, "unsetGetReferenceClientRect");
+    function onMouseMove(event) {
+      var isCursorOverReference = event.target ? reference2.contains(event.target) : true;
+      var followCursor2 = instance.props.followCursor;
+      var clientX = event.clientX, clientY = event.clientY;
+      var rect = reference2.getBoundingClientRect();
+      var relativeX = clientX - rect.left;
+      var relativeY = clientY - rect.top;
+      if (isCursorOverReference || !instance.props.interactive) {
+        instance.setProps({
+          // @ts-ignore - unneeded DOMRect properties
+          getReferenceClientRect: /* @__PURE__ */ __name(function getReferenceClientRect() {
+            var rect2 = reference2.getBoundingClientRect();
+            var x = clientX;
+            var y2 = clientY;
+            if (followCursor2 === "initial") {
+              x = rect2.left + relativeX;
+              y2 = rect2.top + relativeY;
+            }
+            var top2 = followCursor2 === "horizontal" ? rect2.top : y2;
+            var right2 = followCursor2 === "vertical" ? rect2.right : x;
+            var bottom2 = followCursor2 === "horizontal" ? rect2.bottom : y2;
+            var left2 = followCursor2 === "vertical" ? rect2.left : x;
+            return {
+              width: right2 - left2,
+              height: bottom2 - top2,
+              top: top2,
+              right: right2,
+              bottom: bottom2,
+              left: left2
+            };
+          }, "getReferenceClientRect")
+        });
+      }
+    }
+    __name(onMouseMove, "onMouseMove");
+    function create7() {
+      if (instance.props.followCursor) {
+        activeInstances.push({
+          instance,
+          doc
+        });
+        addMouseCoordsListener(doc);
+      }
+    }
+    __name(create7, "create");
+    function destroy2() {
+      activeInstances = activeInstances.filter(function(data) {
+        return data.instance !== instance;
+      });
+      if (activeInstances.filter(function(data) {
+        return data.doc === doc;
+      }).length === 0) {
+        removeMouseCoordsListener(doc);
+      }
+    }
+    __name(destroy2, "destroy");
+    return {
+      onCreate: create7,
+      onDestroy: destroy2,
+      onBeforeUpdate: /* @__PURE__ */ __name(function onBeforeUpdate2() {
+        prevProps = instance.props;
+      }, "onBeforeUpdate"),
+      onAfterUpdate: /* @__PURE__ */ __name(function onAfterUpdate2(_2, _ref2) {
+        var followCursor2 = _ref2.followCursor;
+        if (isInternalUpdate) {
+          return;
+        }
+        if (followCursor2 !== void 0 && prevProps.followCursor !== followCursor2) {
+          destroy2();
+          if (followCursor2) {
+            create7();
+            if (instance.state.isMounted && !wasFocusEvent && !getIsInitialBehavior()) {
+              addListener();
+            }
+          } else {
+            removeListener();
+            unsetGetReferenceClientRect();
+          }
+        }
+      }, "onAfterUpdate"),
+      onMount: /* @__PURE__ */ __name(function onMount2() {
+        if (instance.props.followCursor && !wasFocusEvent) {
+          if (isUnmounted) {
+            onMouseMove(mouseCoords);
+            isUnmounted = false;
+          }
+          if (!getIsInitialBehavior()) {
+            addListener();
+          }
+        }
+      }, "onMount"),
+      onTrigger: /* @__PURE__ */ __name(function onTrigger2(_2, event) {
+        if (isMouseEvent$1(event)) {
+          mouseCoords = {
+            clientX: event.clientX,
+            clientY: event.clientY
+          };
+        }
+        wasFocusEvent = event.type === "focus";
+      }, "onTrigger"),
+      onHidden: /* @__PURE__ */ __name(function onHidden2() {
+        if (instance.props.followCursor) {
+          unsetGetReferenceClientRect();
+          removeListener();
+          isUnmounted = true;
+        }
+      }, "onHidden")
+    };
+  }, "fn")
+};
 tippy$1.setDefaultProps({
   render: render$1
 });
 const tippy = "";
 let tippys = [];
+let recentlyHidden = false;
+let clearMe;
 (function() {
   let lastMouseOverElement = null;
   document.addEventListener("mouseover", function(event) {
@@ -2779,21 +2942,63 @@ let tippys = [];
       lastMouseOverElement = element2;
       const id2 = "tippyEllipsizedEl";
       let innerRun = false;
-      const inner2 = /* @__PURE__ */ __name((content2, el2) => {
+      const inner2 = /* @__PURE__ */ __name((content2, el2, { dataTitle, dataAvoid, dataAvoidBackup }) => {
+        var _a3, _b3;
         innerRun = true;
         document.querySelectorAll(`.${id2}`).forEach((elem) => {
           elem.classList.remove(id2);
         });
         el2.classList.add(id2);
-        const inst = tippy$1(`.${id2}`, {
+        const inst = tippy$1(`.${id2}`, __spreadValues(__spreadProps(__spreadValues({
+          plugins: [followCursor],
           content: content2,
-          delay: [0, 0],
+          delay: dataTitle && !recentlyHidden ? [1300, 1300] : dataTitle ? [150, 150] : [0, 0],
           allowHTML: true
-        });
+        }, dataTitle && {
+          followCursor: dataTitle ? "initial" : false
+        }), {
+          onHidden() {
+            recentlyHidden = true;
+            clearMe && clearTimeout(clearMe);
+            clearMe = setTimeout(() => {
+              if (tippys.length === 0)
+                recentlyHidden = false;
+            }, 700);
+          }
+        }), dataAvoid && {
+          popperOptions: {
+            modifiers: [
+              {
+                name: "myModifier",
+                enabled: true,
+                phase: "beforeWrite",
+                requires: ["computeStyles"],
+                requiresIfExists: ["offset"],
+                fn({ state: state2 }) {
+                  const customBoundary = document.querySelector(dataAvoid) || document.querySelector(dataAvoidBackup);
+                  if (!customBoundary)
+                    return;
+                  const a2 = customBoundary.getBoundingClientRect();
+                  if (a2.top < state2.rects.reference.y) {
+                    const b3 = Math.abs(
+                      Math.abs(a2.top - state2.rects.reference.y) - 10
+                    );
+                    state2.styles.popper.bottom = b3 + "px";
+                  }
+                }
+              }
+            ]
+          }
+        }));
+        if (dataTitle) {
+          (_b3 = (_a3 = inst[0]) == null ? void 0 : _a3.popper) == null ? void 0 : _b3.classList.add("isDataTitle");
+        }
         clearOldTippys(...inst);
-        inst.forEach((i) => {
-          i.show();
-        });
+        if (!dataTitle) {
+          inst.forEach((i) => {
+            i.show();
+          });
+        }
         tippys = [...tippys, ...inst];
         if (content2 === el2.getAttribute("title")) {
           el2.removeAttribute("title");
@@ -2808,14 +3013,22 @@ let tippys = [];
         const style2 = window.getComputedStyle(el);
         const whiteSpace = style2.getPropertyValue("white-space");
         const textOverflow = style2.getPropertyValue("text-overflow");
-        dataTip = el.getAttribute("data-tip");
+        const dataTitle = el.getAttribute("data-title");
+        const dataAvoid = el.getAttribute("data-avoid");
+        const dataAvoidBackup = el.getAttribute("data-avoid-backup");
+        dataTip = el.getAttribute("data-tip") || dataTitle;
         const isEllipsized = whiteSpace === "nowrap" && textOverflow === "ellipsis";
+        const opts2 = {
+          dataTitle,
+          dataAvoid,
+          dataAvoidBackup
+        };
         if (dataTip) {
-          inner2(dataTip, el);
+          inner2(dataTip, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth < el.scrollWidth - 4 && //the -4 is adding a teeny bit of tolerance to fix issues with the column headers getting tooltips even when fully visible
         !el.classList.contains("no-data-tip") && el.textContent && ((_b2 = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
-          inner2(el.textContent, el);
+          inner2(el.textContent, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth >= el.scrollWidth)
           ;
@@ -2879,13 +3092,13 @@ function getAugmentedNamespace(n2) {
 }
 __name(getAugmentedNamespace, "getAugmentedNamespace");
 var axios$3 = { exports: {} };
-var bind$5 = /* @__PURE__ */ __name(function bind(fn3, thisArg) {
+var bind$5 = /* @__PURE__ */ __name(function bind(fn4, thisArg) {
   return /* @__PURE__ */ __name(function wrap2() {
     var args = new Array(arguments.length);
     for (var i = 0; i < args.length; i++) {
       args[i] = arguments[i];
     }
-    return fn3.apply(thisArg, args);
+    return fn4.apply(thisArg, args);
   }, "wrap");
 }, "bind");
 var bind$4 = bind$5;
@@ -2975,7 +3188,7 @@ function isStandardBrowserEnv() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
 __name(isStandardBrowserEnv, "isStandardBrowserEnv");
-function forEach$5(obj, fn3) {
+function forEach$5(obj, fn4) {
   if (obj === null || typeof obj === "undefined") {
     return;
   }
@@ -2984,12 +3197,12 @@ function forEach$5(obj, fn3) {
   }
   if (isArray$r(obj)) {
     for (var i = 0, l2 = obj.length; i < l2; i++) {
-      fn3.call(null, obj[i], i, obj);
+      fn4.call(null, obj[i], i, obj);
     }
   } else {
     for (var key in obj) {
       if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        fn3.call(null, obj[key], key, obj);
+        fn4.call(null, obj[key], key, obj);
       }
     }
   }
@@ -3121,10 +3334,10 @@ InterceptorManager$1.prototype.eject = /* @__PURE__ */ __name(function eject(id2
     this.handlers[id2] = null;
   }
 }, "eject");
-InterceptorManager$1.prototype.forEach = /* @__PURE__ */ __name(function forEach(fn3) {
+InterceptorManager$1.prototype.forEach = /* @__PURE__ */ __name(function forEach(fn4) {
   utils$e.forEach(this.handlers, /* @__PURE__ */ __name(function forEachHandler(h2) {
     if (h2 !== null) {
-      fn3(h2);
+      fn4(h2);
     }
   }, "forEachHandler"));
 }, "forEach");
@@ -3645,8 +3858,8 @@ var utils$b = utils$g;
 var defaults$5 = defaults_1;
 var transformData$1 = /* @__PURE__ */ __name(function transformData(data, headers, fns) {
   var context = this || defaults$5;
-  utils$b.forEach(fns, /* @__PURE__ */ __name(function transform3(fn3) {
-    data = fn3.call(context, data, headers);
+  utils$b.forEach(fns, /* @__PURE__ */ __name(function transform3(fn4) {
+    data = fn4.call(context, data, headers);
   }, "transform"));
   return data;
 }, "transformData");
@@ -4939,9 +5152,9 @@ function composeEventHandlers() {
     for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       args[_key2 - 1] = arguments[_key2];
     }
-    return fns.some(function(fn3) {
-      if (!isPropagationStopped(event) && fn3) {
-        fn3.apply(void 0, [event].concat(args));
+    return fns.some(function(fn4) {
+      if (!isPropagationStopped(event) && fn4) {
+        fn4.apply(void 0, [event].concat(args));
       }
       return isPropagationStopped(event);
     });
@@ -5558,14 +5771,14 @@ function useDropzone() {
       openFileDialog();
     }
   }, [inputRef, noClick, openFileDialog]);
-  var composeHandler = /* @__PURE__ */ __name(function composeHandler2(fn3) {
-    return disabled ? null : fn3;
+  var composeHandler = /* @__PURE__ */ __name(function composeHandler2(fn4) {
+    return disabled ? null : fn4;
   }, "composeHandler");
-  var composeKeyboardHandler = /* @__PURE__ */ __name(function composeKeyboardHandler2(fn3) {
-    return noKeyboard ? null : composeHandler(fn3);
+  var composeKeyboardHandler = /* @__PURE__ */ __name(function composeKeyboardHandler2(fn4) {
+    return noKeyboard ? null : composeHandler(fn4);
   }, "composeKeyboardHandler");
-  var composeDragHandler = /* @__PURE__ */ __name(function composeDragHandler2(fn3) {
-    return noDrag ? null : composeHandler(fn3);
+  var composeDragHandler = /* @__PURE__ */ __name(function composeDragHandler2(fn4) {
+    return noDrag ? null : composeHandler(fn4);
   }, "composeDragHandler");
   var stopPropagation2 = /* @__PURE__ */ __name(function stopPropagation3(event) {
     if (noDragEventsBubbling) {
@@ -6507,8 +6720,8 @@ function once(func) {
 __name(once, "once");
 var noop$5 = /* @__PURE__ */ __name(function noop() {
 }, "noop");
-function isFunction$7(fn3) {
-  return typeof fn3 === "function";
+function isFunction$7(fn4) {
+  return typeof fn4 === "function";
 }
 __name(isFunction$7, "isFunction$7");
 function isStringish(value) {
@@ -6604,10 +6817,10 @@ var ownKeys$7 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownK
   /* 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$1.hasOwnProperty.call(target, prop2);
 }
@@ -7314,12 +7527,12 @@ var tmpNameDescriptor = {
   writable: false,
   enumerable: false
 };
-function createAction$1(actionName, fn3, autoAction2, ref) {
+function createAction$1(actionName, fn4, autoAction2, ref) {
   if (autoAction2 === void 0) {
     autoAction2 = false;
   }
   function res() {
-    return executeAction(actionName, autoAction2, fn3, ref || this, arguments);
+    return executeAction(actionName, autoAction2, fn4, ref || this, arguments);
   }
   __name(res, "res");
   res.isMobxAction = true;
@@ -7330,10 +7543,10 @@ function createAction$1(actionName, fn3, autoAction2, ref) {
   return res;
 }
 __name(createAction$1, "createAction$1");
-function executeAction(actionName, canRunAsDerivation, fn3, scope, args) {
+function executeAction(actionName, canRunAsDerivation, fn4, scope, args) {
   var runInfo = _startAction(actionName, canRunAsDerivation);
   try {
-    return fn3.apply(scope, args);
+    return fn4.apply(scope, args);
   } catch (err2) {
     runInfo.error_ = err2;
     throw err2;
@@ -7504,7 +7717,7 @@ var ObservableValue = /* @__PURE__ */ function(_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   }, "toString");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$3(this.get());
+    return toPrimitive$2(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive] = function() {
     return this.valueOf();
@@ -7689,7 +7902,7 @@ var ComputedValue = /* @__PURE__ */ function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, "toString");
   _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();
@@ -8118,7 +8331,7 @@ var Reaction = /* @__PURE__ */ function() {
       endBatch();
     }
   }, "runReaction_");
-  _proto.track = /* @__PURE__ */ __name(function track2(fn3) {
+  _proto.track = /* @__PURE__ */ __name(function track2(fn4) {
     if (this.isDisposed_) {
       return;
     }
@@ -8126,7 +8339,7 @@ var Reaction = /* @__PURE__ */ function() {
     this.isRunning_ = true;
     var prevReaction = globalState.trackingContext;
     globalState.trackingContext = this;
-    var result = trackDerivedFunction(this, fn3, void 0);
+    var result = trackDerivedFunction(this, fn4, void 0);
     globalState.trackingContext = prevReaction;
     this.isRunning_ = false;
     this.isTrackPending_ = false;
@@ -8211,10 +8424,10 @@ function runReactionsHelper() {
 }
 __name(runReactionsHelper, "runReactionsHelper");
 var isReaction = /* @__PURE__ */ createInstanceofPredicate("Reaction", Reaction);
-function setReactionScheduler(fn3) {
+function setReactionScheduler(fn4) {
   var baseScheduler = reactionScheduler;
   reactionScheduler = /* @__PURE__ */ __name(function reactionScheduler3(f2) {
-    return fn3(function() {
+    return fn4(function() {
       return baseScheduler(f2);
     });
   }, "reactionScheduler");
@@ -8525,8 +8738,8 @@ function cancelPromise(promise) {
   }
 }
 __name(cancelPromise, "cancelPromise");
-function isFlow(fn3) {
-  return (fn3 == null ? void 0 : fn3.isMobXFlow) === true;
+function isFlow(fn4) {
+  return (fn4 == null ? void 0 : fn4.isMobXFlow) === true;
 }
 __name(isFlow, "isFlow");
 function _isObservable(value, property2) {
@@ -10209,9 +10422,9 @@ var LegacyObservableArray = /* @__PURE__ */ function(_StubArray, _Symbol$toStrin
   return LegacyObservableArray2;
 }(StubArray, Symbol.toStringTag, Symbol.iterator);
 Object.entries(arrayExtensions).forEach(function(_ref) {
-  var prop2 = _ref[0], fn3 = _ref[1];
+  var prop2 = _ref[0], fn4 = _ref[1];
   if (prop2 !== "concat") {
-    addHiddenProp(LegacyObservableArray.prototype, prop2, fn3);
+    addHiddenProp(LegacyObservableArray.prototype, prop2, fn4);
   }
 });
 function createArrayEntryDescriptor(index2) {
@@ -10860,13 +11073,13 @@ function wrapper(realMethod, mixins) {
 }
 __name(wrapper, "wrapper");
 function wrapFunction(realMethod, mixins) {
-  var fn3 = /* @__PURE__ */ __name(function fn4() {
+  var fn4 = /* @__PURE__ */ __name(function fn5() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
     wrapper.call.apply(wrapper, [this, realMethod, mixins].concat(args));
   }, "fn");
-  return fn3;
+  return fn4;
 }
 __name(wrapFunction, "wrapFunction");
 function patch$2(target, methodName, mixinMethod) {
@@ -11547,12 +11760,12 @@ var un = function() {
       return o2(n3, t2);
     });
   }, e2;
-}(), an = new un(), fn2 = an.produce, cn = an.produceWithPatches.bind(an), sn = an.setAutoFreeze.bind(an);
+}(), an = new un(), fn3 = an.produce, cn = an.produceWithPatches.bind(an), sn = an.setAutoFreeze.bind(an);
 an.setUseProxies.bind(an);
 var pn = an.applyPatches.bind(an);
 an.createDraft.bind(an);
 an.finishDraft.bind(an);
-const immer = fn2;
+const immer = fn3;
 const UploadCsvWizard = "";
 var lodash = { exports: {} };
 /**
@@ -12323,7 +12536,7 @@ lodash.exports;
         "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
       );
       var Buffer2 = moduleExports2 ? context.Buffer : undefined$12, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe2 = Buffer2 ? Buffer2.allocUnsafe : undefined$12, getPrototype2 = overArg2(Object2.getPrototypeOf, Object2), objectCreate2 = Object2.create, propertyIsEnumerable3 = objectProto2.propertyIsEnumerable, splice3 = arrayProto2.splice, spreadableSymbol2 = Symbol2 ? Symbol2.isConcatSpreadable : undefined$12, symIterator = Symbol2 ? Symbol2.iterator : undefined$12, symToStringTag2 = Symbol2 ? Symbol2.toStringTag : undefined$12;
-      var defineProperty6 = function() {
+      var defineProperty5 = function() {
         try {
           var func = getNative2(Object2, "defineProperty");
           func({}, "", {});
@@ -12763,8 +12976,8 @@ lodash.exports;
       }
       __name(baseAssignIn2, "baseAssignIn");
       function baseAssignValue2(object3, key, value) {
-        if (key == "__proto__" && defineProperty6) {
-          defineProperty6(object3, key, {
+        if (key == "__proto__" && defineProperty5) {
+          defineProperty5(object3, key, {
             "configurable": true,
             "enumerable": true,
             "value": value,
@@ -13497,8 +13710,8 @@ lodash.exports;
         metaMap.set(func, data);
         return func;
       };
-      var baseSetToString2 = !defineProperty6 ? identity4 : function(func, string2) {
-        return defineProperty6(func, "toString", {
+      var baseSetToString2 = !defineProperty5 ? identity4 : function(func, string2) {
+        return defineProperty5(func, "toString", {
           "configurable": true,
           "enumerable": false,
           "value": constant2(string2),
@@ -13931,8 +14144,8 @@ lodash.exports;
       function createBind(func, bitmask, thisArg) {
         var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
         function wrapper2() {
-          var fn3 = this && this !== root2 && this instanceof wrapper2 ? Ctor : func;
-          return fn3.apply(isBind ? thisArg : this, arguments);
+          var fn4 = this && this !== root2 && this instanceof wrapper2 ? Ctor : func;
+          return fn4.apply(isBind ? thisArg : this, arguments);
         }
         __name(wrapper2, "wrapper");
         return wrapper2;
@@ -14003,8 +14216,8 @@ lodash.exports;
               arity - length
             );
           }
-          var fn3 = this && this !== root2 && this instanceof wrapper2 ? Ctor : func;
-          return apply2(fn3, this, args);
+          var fn4 = this && this !== root2 && this instanceof wrapper2 ? Ctor : func;
+          return apply2(fn4, this, args);
         }
         __name(wrapper2, "wrapper");
         return wrapper2;
@@ -14096,7 +14309,7 @@ lodash.exports;
               arity - length
             );
           }
-          var thisBinding = isBind ? thisArg : this, fn3 = isBindKey ? thisBinding[func] : func;
+          var thisBinding = isBind ? thisArg : this, fn4 = isBindKey ? thisBinding[func] : func;
           length = args.length;
           if (argPos) {
             args = reorder2(args, argPos);
@@ -14107,9 +14320,9 @@ lodash.exports;
             args.length = ary2;
           }
           if (this && this !== root2 && this instanceof wrapper2) {
-            fn3 = Ctor || createCtor(fn3);
+            fn4 = Ctor || createCtor(fn4);
           }
-          return fn3.apply(thisBinding, args);
+          return fn4.apply(thisBinding, args);
         }
         __name(wrapper2, "wrapper");
         return wrapper2;
@@ -14172,14 +14385,14 @@ lodash.exports;
       function createPartial(func, bitmask, thisArg, partials) {
         var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
         function wrapper2() {
-          var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn3 = this && this !== root2 && this instanceof wrapper2 ? Ctor : func;
+          var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn4 = this && this !== root2 && this instanceof wrapper2 ? Ctor : func;
           while (++leftIndex < leftLength) {
             args[leftIndex] = partials[leftIndex];
           }
           while (argsLength--) {
             args[leftIndex++] = arguments[++argsIndex];
           }
-          return apply2(fn3, isBind ? thisArg : this, args);
+          return apply2(fn4, isBind ? thisArg : this, args);
         }
         __name(wrapper2, "wrapper");
         return wrapper2;
@@ -17984,26 +18197,26 @@ var _aFunction = /* @__PURE__ */ __name(function(it) {
   return it;
 }, "_aFunction");
 var aFunction = _aFunction;
-var _ctx = /* @__PURE__ */ __name(function(fn3, that, length) {
-  aFunction(fn3);
+var _ctx = /* @__PURE__ */ __name(function(fn4, that, length) {
+  aFunction(fn4);
   if (that === void 0)
-    return fn3;
+    return fn4;
   switch (length) {
     case 1:
       return function(a2) {
-        return fn3.call(that, a2);
+        return fn4.call(that, a2);
       };
     case 2:
       return function(a2, b3) {
-        return fn3.call(that, a2, b3);
+        return fn4.call(that, a2, b3);
       };
     case 3:
       return function(a2, b3, c2) {
-        return fn3.call(that, a2, b3, c2);
+        return fn4.call(that, a2, b3, c2);
       };
   }
   return function() {
-    return fn3.apply(that, arguments);
+    return fn4.apply(that, arguments);
   };
 }, "_ctx");
 var _objectDp = {};
@@ -18023,11 +18236,20 @@ var _fails = /* @__PURE__ */ __name(function(exec) {
     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() {
@@ -18043,43 +18265,60 @@ function require_domCreate() {
   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$d = _isObject;
 var _toPrimitive$1 = /* @__PURE__ */ __name(function(it, S2) {
   if (!isObject$d(it))
     return it;
-  var fn3, val2;
-  if (S2 && typeof (fn3 = it.toString) == "function" && !isObject$d(val2 = fn3.call(it)))
+  var fn4, val2;
+  if (S2 && typeof (fn4 = it.toString) == "function" && !isObject$d(val2 = fn4.call(it)))
     return val2;
-  if (typeof (fn3 = it.valueOf) == "function" && !isObject$d(val2 = fn3.call(it)))
+  if (typeof (fn4 = it.valueOf) == "function" && !isObject$d(val2 = fn4.call(it)))
     return val2;
-  if (!S2 && typeof (fn3 = it.toString) == "function" && !isObject$d(val2 = fn3.call(it)))
+  if (!S2 && typeof (fn4 = it.toString) == "function" && !isObject$d(val2 = fn4.call(it)))
     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 defineProperty5(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),
@@ -18088,9 +18327,9 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$2 = _objectDp;
+var dP$2 = require_objectDp();
 var createDesc$3 = _propertyDesc;
-var _hide = _descriptors ? function(object3, key, value) {
+var _hide = require_descriptors() ? function(object3, key, value) {
   return dP$2.f(object3, key, createDesc$3(1, value));
 } : function(object3, key, value) {
   object3[key] = value;
@@ -18260,23 +18499,15 @@ var _objectKeysInternal = /* @__PURE__ */ __name(function(object3, names2) {
   return result;
 }, "_objectKeysInternal");
 var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
-var $keys$2 = _objectKeysInternal;
+var $keys$3 = _objectKeysInternal;
 var enumBugKeys$1 = _enumBugKeys;
 var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
-  return $keys$2(O2, enumBugKeys$1);
+  return $keys$3(O2, enumBugKeys$1);
 }, "keys");
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
 var _objectPie = {};
-var hasRequired_objectPie;
-function require_objectPie() {
-  if (hasRequired_objectPie)
-    return _objectPie;
-  hasRequired_objectPie = 1;
-  _objectPie.f = {}.propertyIsEnumerable;
-  return _objectPie;
-}
-__name(require_objectPie, "require_objectPie");
+_objectPie.f = {}.propertyIsEnumerable;
 var defined$1 = _defined;
 var _toObject = /* @__PURE__ */ __name(function(it) {
   return Object(defined$1(it));
@@ -18287,10 +18518,10 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = _descriptors;
+  var DESCRIPTORS2 = require_descriptors();
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
-  var pIE2 = require_objectPie();
+  var pIE2 = _objectPie;
   var toObject2 = _toObject;
   var IObject2 = _iobject;
   var $assign = Object.assign;
@@ -18353,10 +18584,10 @@ var _iterStep = /* @__PURE__ */ __name(function(done, value) {
 }, "_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 defineProperties(O2, Properties2) {
+var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties2) {
   anObject$4(O2);
   var keys5 = getKeys$1(Properties2);
   var length = keys5.length;
@@ -18423,7 +18654,7 @@ var $exports = _wks.exports = function(name2) {
 };
 $exports.store = store$2;
 var _wksExports = _wks.exports;
-var def = _objectDp.f;
+var def = require_objectDp().f;
 var has$c = _has;
 var TAG$1 = _wksExports("toStringTag");
 var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -18680,9 +18911,9 @@ var _default$a = function() {
   };
 }();
 var anObject$1 = _anObject;
-var _iterCall = /* @__PURE__ */ __name(function(iterator2, fn3, value, entries2) {
+var _iterCall = /* @__PURE__ */ __name(function(iterator2, fn4, value, entries2) {
   try {
-    return entries2 ? fn3(anObject$1(value)[0], value[1]) : fn3(value);
+    return entries2 ? fn4(anObject$1(value)[0], value[1]) : fn4(value);
   } catch (e2) {
     var ret = iterator2["return"];
     if (ret !== void 0)
@@ -18696,7 +18927,7 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$2 = _objectDp;
+var $defineProperty$2 = require_objectDp();
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object3, index2, value) {
   if (index2 in object3)
@@ -18802,11 +19033,11 @@ var $export$4 = _export;
 var core$1 = _coreExports;
 var fails = _fails;
 var _objectSap = /* @__PURE__ */ __name(function(KEY, exec) {
-  var fn3 = (core$1.Object || {})[KEY] || Object[KEY];
+  var fn4 = (core$1.Object || {})[KEY] || Object[KEY];
   var exp = {};
-  exp[KEY] = exec(fn3);
+  exp[KEY] = exec(fn4);
   $export$4($export$4.S + $export$4.F * fails(function() {
-    fn3(1);
+    fn4(1);
   }), "Object", exp);
 }, "_objectSap");
 var toObject$2 = _toObject;
@@ -18825,9 +19056,9 @@ var _default$8 = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "_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$2 = _coreExports.Object;
-var defineProperty$c = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
+var defineProperty$c = /* @__PURE__ */ __name(function defineProperty2(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$b = { "default": defineProperty$c, __esModule: true };
@@ -18866,7 +19097,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$c = _isObject;
 var has$a = _has;
-var setDesc = _objectDp.f;
+var setDesc = require_objectDp().f;
 var id$1 = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -18919,7 +19150,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$a = _objectDp.f;
+var defineProperty$a = require_objectDp().f;
 var _wksDefine = /* @__PURE__ */ __name(function(name2) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -18927,7 +19158,7 @@ var _wksDefine = /* @__PURE__ */ __name(function(name2) {
 }, "_wksDefine");
 var getKeys = _objectKeys;
 var gOPS$1 = _objectGops;
-var pIE$1 = require_objectPie();
+var pIE$1 = _objectPie;
 var _enumKeys = /* @__PURE__ */ __name(function(it) {
   var result = getKeys(it);
   var getSymbols2 = gOPS$1.f;
@@ -18948,21 +19179,13 @@ var _isArray = Array.isArray || /* @__PURE__ */ __name(function isArray(arg) {
 }, "isArray");
 var _objectGopnExt = {};
 var _objectGopn = {};
-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 $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 toIObject$2 = _toIobject;
-var gOPN$1 = require_objectGopn().f;
+var gOPN$1 = _objectGopn.f;
 var toString$5 = {}.toString;
 var windowNames = typeof window == "object" && window && Object.getOwnPropertyNames ? Object.getOwnPropertyNames(window) : [];
 var getWindowNames = /* @__PURE__ */ __name(function(it) {
@@ -18972,18 +19195,18 @@ var getWindowNames = /* @__PURE__ */ __name(function(it) {
     return windowNames.slice();
   }
 }, "getWindowNames");
-_objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames(it) {
+_objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   return windowNames && toString$5.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
 }, "getOwnPropertyNames");
 var _objectGopd = {};
-var pIE = require_objectPie();
+var pIE = _objectPie;
 var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive$1;
 var has$9 = _has;
-var IE8_DOM_DEFINE = _ie8DomDefine;
+var IE8_DOM_DEFINE = require_ie8DomDefine();
 var gOPD$5 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = _descriptors ? gOPD$5 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = require_descriptors() ? gOPD$5 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -18996,7 +19219,7 @@ _objectGopd.f = _descriptors ? gOPD$5 : /* @__PURE__ */ __name(function getOwnPr
 }, "getOwnPropertyDescriptor");
 var global$2 = _globalExports;
 var has$8 = _has;
-var DESCRIPTORS = _descriptors;
+var DESCRIPTORS = require_descriptors();
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -19019,7 +19242,7 @@ var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = _objectDp;
+var $DP = require_objectDp();
 var $keys$1 = _objectKeys;
 var gOPD$4 = $GOPD.f;
 var dP = $DP.f;
@@ -19062,7 +19285,7 @@ var isSymbol$8 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty$1 = /* @__PURE__ */ __name(function defineProperty4(it, key, D2) {
+var $defineProperty$1 = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
   if (it === ObjectProto)
     $defineProperty$1(OPSymbols, key, D2);
   anObject(it);
@@ -19111,7 +19334,7 @@ var $getOwnPropertyDescriptor = /* @__PURE__ */ __name(function getOwnPropertyDe
     D2.enumerable = true;
   return D2;
 }, "getOwnPropertyDescriptor");
-var $getOwnPropertyNames = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
+var $getOwnPropertyNames = /* @__PURE__ */ __name(function getOwnPropertyNames3(it) {
   var names2 = gOPN(toIObject(it));
   var result = [];
   var i = 0;
@@ -19155,8 +19378,8 @@ if (!USE_NATIVE) {
   }, "toString"));
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty$1;
-  require_objectGopn().f = gOPNExt.f = $getOwnPropertyNames;
-  require_objectPie().f = $propertyIsEnumerable;
+  _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
+  _objectPie.f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
     redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -21094,9 +21317,9 @@ var vendorPrefix = function() {
       return pre && pre.length ? pre[0].toUpperCase() + pre.substr(1) : "";
   }
 }();
-function closest$2(el, fn3) {
+function closest$2(el, fn4) {
   while (el) {
-    if (fn3(el))
+    if (fn4(el))
       return el;
     el = el.parentNode;
   }
@@ -22110,9 +22333,9 @@ var getComputedStyleX;
 if (typeof window !== "undefined") {
   getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE;
 }
-function each$2(arr, fn3) {
+function each$2(arr, fn4) {
   for (var i = 0; i < arr.length; i++) {
-    fn3(arr[i]);
+    fn4(arr[i]);
   }
 }
 __name(each$2, "each$2");
@@ -26763,7 +26986,7 @@ function trough() {
     }
     next(null, ...values2);
     function next(error, ...output) {
-      const fn3 = fns[++middlewareIndex];
+      const fn4 = fns[++middlewareIndex];
       let index2 = -1;
       if (error) {
         callback2(error);
@@ -26775,8 +26998,8 @@ function trough() {
         }
       }
       values2 = output;
-      if (fn3) {
-        wrap$1(fn3, next)(...output);
+      if (fn4) {
+        wrap$1(fn4, next)(...output);
       } else {
         callback2(null, ...output);
       }
@@ -38163,9 +38386,9 @@ var swizzle$1 = simpleSwizzle.exports = /* @__PURE__ */ __name(function swizzle(
   }
   return results;
 }, "swizzle");
-swizzle$1.wrap = function(fn3) {
+swizzle$1.wrap = function(fn4) {
   return function() {
-    return fn3(swizzle$1(arguments));
+    return fn4(swizzle$1(arguments));
   };
 };
 var simpleSwizzleExports = simpleSwizzle.exports;
@@ -39249,15 +39472,15 @@ function link$1(from3, to) {
 __name(link$1, "link$1");
 function wrapConversion$1(toModel, graph) {
   var path2 = [graph[toModel].parent, toModel];
-  var fn3 = conversions$4[graph[toModel].parent][toModel];
+  var fn4 = conversions$4[graph[toModel].parent][toModel];
   var cur = graph[toModel].parent;
   while (graph[cur].parent) {
     path2.unshift(graph[cur].parent);
-    fn3 = link$1(conversions$4[graph[cur].parent][cur], fn3);
+    fn4 = link$1(conversions$4[graph[cur].parent][cur], fn4);
     cur = graph[cur].parent;
   }
-  fn3.conversion = path2;
-  return fn3;
+  fn4.conversion = path2;
+  return fn4;
 }
 __name(wrapConversion$1, "wrapConversion$1");
 var route$3 = /* @__PURE__ */ __name(function(fromModel) {
@@ -39278,7 +39501,7 @@ var conversions$3 = conversionsExports;
 var route$2 = route$3;
 var convert$4 = {};
 var models$1 = Object.keys(conversions$3);
-function wrapRaw$1(fn3) {
+function wrapRaw$1(fn4) {
   var wrappedFn = /* @__PURE__ */ __name(function(args) {
     if (args === void 0 || args === null) {
       return args;
@@ -39286,15 +39509,15 @@ function wrapRaw$1(fn3) {
     if (arguments.length > 1) {
       args = Array.prototype.slice.call(arguments);
     }
-    return fn3(args);
+    return fn4(args);
   }, "wrappedFn");
-  if ("conversion" in fn3) {
-    wrappedFn.conversion = fn3.conversion;
+  if ("conversion" in fn4) {
+    wrappedFn.conversion = fn4.conversion;
   }
   return wrappedFn;
 }
 __name(wrapRaw$1, "wrapRaw$1");
-function wrapRounded$1(fn3) {
+function wrapRounded$1(fn4) {
   var wrappedFn = /* @__PURE__ */ __name(function(args) {
     if (args === void 0 || args === null) {
       return args;
@@ -39302,7 +39525,7 @@ function wrapRounded$1(fn3) {
     if (arguments.length > 1) {
       args = Array.prototype.slice.call(arguments);
     }
-    var result = fn3(args);
+    var result = fn4(args);
     if (typeof result === "object") {
       for (var len = result.length, i = 0; i < len; i++) {
         result[i] = Math.round(result[i]);
@@ -39310,8 +39533,8 @@ function wrapRounded$1(fn3) {
     }
     return result;
   }, "wrappedFn");
-  if ("conversion" in fn3) {
-    wrappedFn.conversion = fn3.conversion;
+  if ("conversion" in fn4) {
+    wrappedFn.conversion = fn4.conversion;
   }
   return wrappedFn;
 }
@@ -39323,9 +39546,9 @@ models$1.forEach(function(fromModel) {
   var routes = route$2(fromModel);
   var routeModels = Object.keys(routes);
   routeModels.forEach(function(toModel) {
-    var fn3 = routes[toModel];
-    convert$4[fromModel][toModel] = wrapRounded$1(fn3);
-    convert$4[fromModel][toModel].raw = wrapRaw$1(fn3);
+    var fn4 = routes[toModel];
+    convert$4[fromModel][toModel] = wrapRounded$1(fn4);
+    convert$4[fromModel][toModel].raw = wrapRaw$1(fn4);
   });
 });
 var colorConvert$1 = convert$4;
@@ -40775,9 +40998,9 @@ var doEval = /* @__PURE__ */ __name(function doEval2(name2) {
   } else if (name2 === "%AsyncGeneratorFunction%") {
     value = getEvalledConstructor("async function* () {}");
   } else if (name2 === "%AsyncGenerator%") {
-    var fn3 = doEval2("%AsyncGeneratorFunction%");
-    if (fn3) {
-      value = fn3.prototype;
+    var fn4 = doEval2("%AsyncGeneratorFunction%");
+    if (fn4) {
+      value = fn4.prototype;
     }
   } else if (name2 === "%AsyncIteratorPrototype%") {
     var gen = doEval2("%AsyncGenerator%");
@@ -41833,15 +42056,15 @@ var isBuffer$4 = /* @__PURE__ */ __name(function isBuffer2(obj) {
 var combine$1 = /* @__PURE__ */ __name(function combine(a2, b3) {
   return [].concat(a2, b3);
 }, "combine");
-var maybeMap = /* @__PURE__ */ __name(function maybeMap2(val2, fn3) {
+var maybeMap = /* @__PURE__ */ __name(function maybeMap2(val2, fn4) {
   if (isArray$b(val2)) {
     var mapped = [];
     for (var i = 0; i < val2.length; i += 1) {
-      mapped.push(fn3(val2[i]));
+      mapped.push(fn4(val2[i]));
     }
     return mapped;
   }
-  return fn3(val2);
+  return fn4(val2);
 }, "maybeMap");
 var utils$6 = {
   arrayToObject,
@@ -46465,8 +46688,8 @@ var Saturation = function(_ref) {
     _this.handleMouseUp = function() {
       _this.unbindEventListeners();
     };
-    _this.throttle = throttle$1(function(fn3, data, e2) {
-      fn3(data, e2);
+    _this.throttle = throttle$1(function(fn4, data, e2) {
+      fn4(data, e2);
     }, 50);
     return _this;
   }
@@ -46838,8 +47061,8 @@ tinycolor.prototype = {
   clone: /* @__PURE__ */ __name(function clone3() {
     return tinycolor(this.toString());
   }, "clone"),
-  _applyModification: /* @__PURE__ */ __name(function _applyModification(fn3, args) {
-    var color2 = fn3.apply(null, [this].concat([].slice.call(args)));
+  _applyModification: /* @__PURE__ */ __name(function _applyModification(fn4, args) {
+    var color2 = fn4.apply(null, [this].concat([].slice.call(args)));
     this._r = color2._r;
     this._g = color2._g;
     this._b = color2._b;
@@ -46867,8 +47090,8 @@ tinycolor.prototype = {
   spin: /* @__PURE__ */ __name(function spin() {
     return this._applyModification(_spin, arguments);
   }, "spin"),
-  _applyCombination: /* @__PURE__ */ __name(function _applyCombination(fn3, args) {
-    return fn3.apply(null, [this].concat([].slice.call(args)));
+  _applyCombination: /* @__PURE__ */ __name(function _applyCombination(fn4, args) {
+    return fn4.apply(null, [this].concat([].slice.call(args)));
   }, "_applyCombination"),
   analogous: /* @__PURE__ */ __name(function analogous() {
     return this._applyCombination(_analogous, arguments);
@@ -47788,8 +48011,8 @@ var ColorWrap = /* @__PURE__ */ __name(function ColorWrap2(Picker) {
         }
       };
       _this.state = _extends$e({}, toState(props.color, 0));
-      _this.debounce = debounce$1(function(fn3, data, event) {
-        fn3(data, event);
+      _this.debounce = debounce$1(function(fn4, data, event) {
+        fn4(data, event);
       }, 100);
       return _this;
     }
@@ -54934,7 +55157,7 @@ var KNOWN_STATICS = {
   arity: true
 };
 var defineProperty$3 = Object.defineProperty;
-var getOwnPropertyNames3 = Object.getOwnPropertyNames;
+var getOwnPropertyNames4 = Object.getOwnPropertyNames;
 var getOwnPropertySymbols3 = Object.getOwnPropertySymbols;
 var getOwnPropertyDescriptor3 = Object.getOwnPropertyDescriptor;
 var getPrototypeOf = Object.getPrototypeOf;
@@ -54947,7 +55170,7 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
         hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
       }
     }
-    var keys5 = getOwnPropertyNames3(sourceComponent);
+    var keys5 = getOwnPropertyNames4(sourceComponent);
     if (getOwnPropertySymbols3) {
       keys5 = keys5.concat(getOwnPropertySymbols3(sourceComponent));
     }
@@ -56528,9 +56751,9 @@ const _DataTable = class _DataTable extends React$2.Component {
         return window.toastr.warning("No text to copy");
       this.handleCopyHelper(textToCopy, "Column copied");
     }, "handleCopyColumn"));
-    __publicField(this, "updateEntitiesHelper", /* @__PURE__ */ __name((ents, fn3) => {
+    __publicField(this, "updateEntitiesHelper", /* @__PURE__ */ __name((ents, fn4) => {
       const { change, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } = this.props;
-      const [nextState, patches, inversePatches] = cn(ents, fn3);
+      const [nextState, patches, inversePatches] = cn(ents, fn4);
       if (!inversePatches.length)
         return;
       const thatNewNew = [...nextState];
@@ -58302,8 +58525,8 @@ const _DataTable = class _DataTable extends React$2.Component {
     let updateTableDisplayDensityToUse = updateTableDisplayDensity;
     let resetDefaultVisibilityToUse = resetDefaultVisibility;
     if (withDisplayOptions && !syncDisplayOptionsToDb) {
-      const wrapUpdate = /* @__PURE__ */ __name((fn3) => (...args) => {
-        fn3(...args);
+      const wrapUpdate = /* @__PURE__ */ __name((fn4) => (...args) => {
+        fn4(...args);
         change("localStorageForceUpdate", Math.random());
       }, "wrapUpdate");
       updateColumnVisibilityToUse = wrapUpdate(updateColumnVisibility);
@@ -58498,12 +58721,13 @@ const _DataTable = class _DataTable extends React$2.Component {
             tabIndex: -1,
             onKeyDown: (e2) => {
               var _a2, _b2, _c, _d, _e, _f;
-              const isArrowKey = e2.keyCode >= 37 && e2.keyCode <= 40 || e2.keyCode === 9;
-              if (isArrowKey && ((_a2 = e2.target) == null ? void 0 : _a2.tagName) !== "INPUT") {
+              const isTabKey = e2.keyCode === 9;
+              const isArrowKey = e2.keyCode >= 37 && e2.keyCode <= 40;
+              if (isArrowKey && ((_a2 = e2.target) == null ? void 0 : _a2.tagName) !== "INPUT" || isTabKey) {
                 const { schema: schema22, entities: entities2 } = computePresets(this.props);
                 const left2 = e2.keyCode === 37;
                 const up = e2.keyCode === 38;
-                const down = e2.keyCode === 40;
+                const down = e2.keyCode === 40 || e2.keyCode === 13;
                 let cellIdToUse = this.getPrimarySelectedCellId();
                 const pathToIndex = getFieldPathToIndex(schema22);
                 const entityMap = getEntityIdToEntity(entities2);
@@ -59174,7 +59398,7 @@ const wrapDialog = /* @__PURE__ */ __name((topLevelDialogProps = {}) => (Compone
     /* @__PURE__ */ React$2.createElement(Component, __spreadValues({ hideModal }, otherProps))
   );
 }, "wrapDialog");
-function renderOnDoc(fn3) {
+function renderOnDoc(fn4) {
   const elemDiv = document.createElement("div");
   elemDiv.style.cssText = "position:absolute;width:100%;height:100%;top:0px;opacity:0.3;z-index:0;";
   document.body.appendChild(elemDiv);
@@ -59184,7 +59408,7 @@ function renderOnDoc(fn3) {
       document.body.removeChild(elemDiv);
     });
   }, "handleClose");
-  return ReactDOM$1.render(fn3(handleClose), elemDiv);
+  return ReactDOM$1.render(fn4(handleClose), elemDiv);
 }
 __name(renderOnDoc, "renderOnDoc");
 function showConfirmationDialog(opts2) {
@@ -64516,9 +64740,9 @@ var bluebird = { exports: {} };
         this._schedule = schedule;
       }
       __name(Async, "Async");
-      Async.prototype.setScheduler = function(fn3) {
+      Async.prototype.setScheduler = function(fn4) {
         var prev = this._schedule;
-        this._schedule = fn3;
+        this._schedule = fn4;
         this._customScheduler = true;
         return prev;
       };
@@ -64536,33 +64760,33 @@ var bluebird = { exports: {} };
           this.throwLater(e2);
         }
       };
-      Async.prototype.throwLater = function(fn3, arg) {
+      Async.prototype.throwLater = function(fn4, arg) {
         if (arguments.length === 1) {
-          arg = fn3;
-          fn3 = /* @__PURE__ */ __name(function() {
+          arg = fn4;
+          fn4 = /* @__PURE__ */ __name(function() {
             throw arg;
           }, "fn");
         }
         if (typeof setTimeout !== "undefined") {
           setTimeout(function() {
-            fn3(arg);
+            fn4(arg);
           }, 0);
         } else
           try {
             this._schedule(function() {
-              fn3(arg);
+              fn4(arg);
             });
           } catch (e2) {
             throw new Error("No async scheduler available\n\n    See http://goo.gl/MqrFmX\n");
           }
       };
-      function AsyncInvokeLater(fn3, receiver, arg) {
-        this._lateQueue.push(fn3, receiver, arg);
+      function AsyncInvokeLater(fn4, receiver, arg) {
+        this._lateQueue.push(fn4, receiver, arg);
         this._queueTick();
       }
       __name(AsyncInvokeLater, "AsyncInvokeLater");
-      function AsyncInvoke(fn3, receiver, arg) {
-        this._normalQueue.push(fn3, receiver, arg);
+      function AsyncInvoke(fn4, receiver, arg) {
+        this._normalQueue.push(fn4, receiver, arg);
         this._queueTick();
       }
       __name(AsyncInvoke, "AsyncInvoke");
@@ -64581,13 +64805,13 @@ var bluebird = { exports: {} };
       }
       __name(_drainQueue, "_drainQueue");
       function _drainQueueStep(queue) {
-        var fn3 = queue.shift();
-        if (typeof fn3 !== "function") {
-          fn3._settlePromises();
+        var fn4 = queue.shift();
+        if (typeof fn4 !== "function") {
+          fn4._settlePromises();
         } else {
           var receiver = queue.shift();
           var arg = queue.shift();
-          fn3.call(receiver, arg);
+          fn4.call(receiver, arg);
         }
       }
       __name(_drainQueueStep, "_drainQueueStep");
@@ -64703,20 +64927,20 @@ var bluebird = { exports: {} };
         util2.isIdentifier;
         var getGetter;
         function ensureMethod(obj, methodName) {
-          var fn3;
+          var fn4;
           if (obj != null)
-            fn3 = obj[methodName];
-          if (typeof fn3 !== "function") {
+            fn4 = obj[methodName];
+          if (typeof fn4 !== "function") {
             var message = "Object " + util2.classString(obj) + " has no method '" + util2.toString(methodName) + "'";
             throw new Promise2.TypeError(message);
           }
-          return fn3;
+          return fn4;
         }
         __name(ensureMethod, "ensureMethod");
         function caller(obj) {
           var methodName = this.pop();
-          var fn3 = ensureMethod(obj, methodName);
-          return fn3.apply(obj, this);
+          var fn4 = ensureMethod(obj, methodName);
+          return fn4.apply(obj, this);
         }
         __name(caller, "caller");
         Promise2.prototype.call = function(methodName) {
@@ -65087,13 +65311,13 @@ var bluebird = { exports: {} };
         Promise2.prototype._warn = function(message, shouldUseOwnTrace, promise) {
           return warn(message, shouldUseOwnTrace, promise || this);
         };
-        Promise2.onPossiblyUnhandledRejection = function(fn3) {
+        Promise2.onPossiblyUnhandledRejection = function(fn4) {
           var context = Promise2._getContext();
-          possiblyUnhandledRejection = util2.contextBind(context, fn3);
+          possiblyUnhandledRejection = util2.contextBind(context, fn4);
         };
-        Promise2.onUnhandledRejectionHandled = function(fn3) {
+        Promise2.onUnhandledRejectionHandled = function(fn4) {
           var context = Promise2._getContext();
-          unhandledRejectionHandled = util2.contextBind(context, fn3);
+          unhandledRejectionHandled = util2.contextBind(context, fn4);
         };
         var disableLongStackTraces = /* @__PURE__ */ __name(function() {
         }, "disableLongStackTraces");
@@ -65132,8 +65356,8 @@ var bluebird = { exports: {} };
               util2.global.onunhandledrejection = null;
               return ret;
             },
-            after: function(fn3) {
-              util2.global.onunhandledrejection = fn3;
+            after: function(fn4) {
+              util2.global.onunhandledrejection = fn4;
             }
           },
           rejectionhandled: {
@@ -65142,20 +65366,20 @@ var bluebird = { exports: {} };
               util2.global.onrejectionhandled = null;
               return ret;
             },
-            after: function(fn3) {
-              util2.global.onrejectionhandled = fn3;
+            after: function(fn4) {
+              util2.global.onrejectionhandled = fn4;
             }
           }
         };
         var fireDomEvent = function() {
           var dispatch = /* @__PURE__ */ __name(function(legacy, e2) {
             if (legacy) {
-              var fn3;
+              var fn4;
               try {
-                fn3 = legacy.before();
+                fn4 = legacy.before();
                 return !util2.global.dispatchEvent(e2);
               } finally {
-                legacy.after(fn3);
+                legacy.after(fn4);
               }
             } else {
               return !util2.global.dispatchEvent(e2);
@@ -66021,18 +66245,18 @@ var bluebird = { exports: {} };
           return PromiseAll(this);
         }
         __name(promiseAllThis, "promiseAllThis");
-        function PromiseMapSeries(promises, fn3) {
-          return PromiseReduce(promises, fn3, INTERNAL, INTERNAL);
+        function PromiseMapSeries(promises, fn4) {
+          return PromiseReduce(promises, fn4, INTERNAL, INTERNAL);
         }
         __name(PromiseMapSeries, "PromiseMapSeries");
-        Promise2.prototype.each = function(fn3) {
-          return PromiseReduce(this, fn3, INTERNAL, 0)._then(promiseAllThis, void 0, void 0, this, void 0);
+        Promise2.prototype.each = function(fn4) {
+          return PromiseReduce(this, fn4, INTERNAL, 0)._then(promiseAllThis, void 0, void 0, this, void 0);
         };
-        Promise2.prototype.mapSeries = function(fn3) {
-          return PromiseReduce(this, fn3, INTERNAL, INTERNAL);
+        Promise2.prototype.mapSeries = function(fn4) {
+          return PromiseReduce(this, fn4, INTERNAL, INTERNAL);
         };
-        Promise2.each = function(promises, fn3) {
-          return PromiseReduce(promises, fn3, INTERNAL, 0)._then(promiseAllThis, void 0, void 0, promises, void 0);
+        Promise2.each = function(promises, fn4) {
+          return PromiseReduce(promises, fn4, INTERNAL, 0)._then(promiseAllThis, void 0, void 0, promises, void 0);
         };
         Promise2.mapSeries = PromiseMapSeries;
       };
@@ -66221,11 +66445,11 @@ var bluebird = { exports: {} };
     }, {}], 14: [function(_dereq_2, module3, exports3) {
       module3.exports = function(Promise2, INTERNAL) {
         var PromiseMap = Promise2.map;
-        Promise2.prototype.filter = function(fn3, options) {
-          return PromiseMap(this, fn3, options, INTERNAL);
+        Promise2.prototype.filter = function(fn4, options) {
+          return PromiseMap(this, fn4, options, INTERNAL);
         };
-        Promise2.filter = function(promises, fn3, options) {
-          return PromiseMap(promises, fn3, options, INTERNAL);
+        Promise2.filter = function(promises, fn4, options) {
+          return PromiseMap(promises, fn4, options, INTERNAL);
         };
       };
     }, {}], 15: [function(_dereq_2, module3, exports3) {
@@ -66571,11 +66795,11 @@ var bluebird = { exports: {} };
             return ret;
           };
         };
-        Promise2.coroutine.addYieldHandler = function(fn3) {
-          if (typeof fn3 !== "function") {
-            throw new TypeError2("expecting a function but got " + util2.classString(fn3));
+        Promise2.coroutine.addYieldHandler = function(fn4) {
+          if (typeof fn4 !== "function") {
+            throw new TypeError2("expecting a function but got " + util2.classString(fn4));
           }
-          yieldHandlers.push(fn3);
+          yieldHandlers.push(fn4);
         };
         Promise2.spawn = function(generatorFunction) {
           debug.deprecated("Promise.spawn()", "Promise.coroutine()");
@@ -66596,16 +66820,16 @@ var bluebird = { exports: {} };
         util2.errorObj;
         Promise2.join = function() {
           var last2 = arguments.length - 1;
-          var fn3;
+          var fn4;
           if (last2 > 0 && typeof arguments[last2] === "function") {
-            fn3 = arguments[last2];
+            fn4 = arguments[last2];
             var ret;
           }
           var args = [].slice.call(arguments);
-          if (fn3)
+          if (fn4)
             args.pop();
           var ret = new PromiseArray(args).promise();
-          return fn3 !== void 0 ? ret.spread(fn3) : ret;
+          return fn4 !== void 0 ? ret.spread(fn4) : ret;
         };
       };
     }, { "./util": 36 }], 18: [function(_dereq_2, module3, exports3) {
@@ -66614,11 +66838,11 @@ var bluebird = { exports: {} };
         var tryCatch = util2.tryCatch;
         var errorObj = util2.errorObj;
         var async = Promise2._async;
-        function MappingPromiseArray(promises, fn3, limit2, _filter) {
+        function MappingPromiseArray(promises, fn4, limit2, _filter) {
           this.constructor$(promises);
           this._promise._captureStackTrace();
           var context = Promise2._getContext();
-          this._callback = util2.contextBind(context, fn3);
+          this._callback = util2.contextBind(context, fn4);
           this._preservedValues = _filter === INTERNAL ? new Array(this.length()) : null;
           this._limit = limit2;
           this._inFlight = 0;
@@ -66736,9 +66960,9 @@ var bluebird = { exports: {} };
         MappingPromiseArray.prototype.preservedValues = function() {
           return this._preservedValues;
         };
-        function map3(promises, fn3, options, _filter) {
-          if (typeof fn3 !== "function") {
-            return apiRejection("expecting a function but got " + util2.classString(fn3));
+        function map3(promises, fn4, options, _filter) {
+          if (typeof fn4 !== "function") {
+            return apiRejection("expecting a function but got " + util2.classString(fn4));
           }
           var limit2 = 0;
           if (options !== void 0) {
@@ -66756,29 +66980,29 @@ var bluebird = { exports: {} };
             }
           }
           limit2 = typeof limit2 === "number" && isFinite(limit2) && limit2 >= 1 ? limit2 : 0;
-          return new MappingPromiseArray(promises, fn3, limit2, _filter).promise();
+          return new MappingPromiseArray(promises, fn4, limit2, _filter).promise();
         }
         __name(map3, "map");
-        Promise2.prototype.map = function(fn3, options) {
-          return map3(this, fn3, options, null);
+        Promise2.prototype.map = function(fn4, options) {
+          return map3(this, fn4, options, null);
         };
-        Promise2.map = function(promises, fn3, options, _filter) {
-          return map3(promises, fn3, options, _filter);
+        Promise2.map = function(promises, fn4, options, _filter) {
+          return map3(promises, fn4, options, _filter);
         };
       };
     }, { "./util": 36 }], 19: [function(_dereq_2, module3, exports3) {
       module3.exports = function(Promise2, INTERNAL, tryConvertToPromise, apiRejection, debug) {
         var util2 = _dereq_2("./util");
         var tryCatch = util2.tryCatch;
-        Promise2.method = function(fn3) {
-          if (typeof fn3 !== "function") {
-            throw new Promise2.TypeError("expecting a function but got " + util2.classString(fn3));
+        Promise2.method = function(fn4) {
+          if (typeof fn4 !== "function") {
+            throw new Promise2.TypeError("expecting a function but got " + util2.classString(fn4));
           }
           return function() {
             var ret = new Promise2(INTERNAL);
             ret._captureStackTrace();
             ret._pushContext();
-            var value = tryCatch(fn3).apply(this, arguments);
+            var value = tryCatch(fn4).apply(this, arguments);
             var promiseCreated = ret._popContext();
             debug.checkForgottenReturns(
               value,
@@ -66790,9 +67014,9 @@ var bluebird = { exports: {} };
             return ret;
           };
         };
-        Promise2.attempt = Promise2["try"] = function(fn3) {
-          if (typeof fn3 !== "function") {
-            return apiRejection("expecting a function but got " + util2.classString(fn3));
+        Promise2.attempt = Promise2["try"] = function(fn4) {
+          if (typeof fn4 !== "function") {
+            return apiRejection("expecting a function but got " + util2.classString(fn4));
           }
           var ret = new Promise2(INTERNAL);
           ret._captureStackTrace();
@@ -66802,9 +67026,9 @@ var bluebird = { exports: {} };
             debug.deprecated("calling Promise.try with more than 1 argument");
             var arg = arguments[1];
             var ctx2 = arguments[2];
-            value = util2.isArray(arg) ? tryCatch(fn3).apply(ctx2, arg) : tryCatch(fn3).call(ctx2, arg);
+            value = util2.isArray(arg) ? tryCatch(fn4).apply(ctx2, arg) : tryCatch(fn4).call(ctx2, arg);
           } else {
-            value = tryCatch(fn3)();
+            value = tryCatch(fn4)();
           }
           var promiseCreated = ret._popContext();
           debug.checkForgottenReturns(
@@ -67043,7 +67267,7 @@ var bluebird = { exports: {} };
         Promise2.prototype.toString = function() {
           return "[object Promise]";
         };
-        Promise2.prototype.caught = Promise2.prototype["catch"] = function(fn3) {
+        Promise2.prototype.caught = Promise2.prototype["catch"] = function(fn4) {
           var len = arguments.length;
           if (len > 1) {
             var catchInstances = new Array(len - 1), j = 0, i;
@@ -67056,13 +67280,13 @@ var bluebird = { exports: {} };
               }
             }
             catchInstances.length = j;
-            fn3 = arguments[i];
-            if (typeof fn3 !== "function") {
-              throw new TypeError2("The last argument to .catch() must be a function, got " + util2.toString(fn3));
+            fn4 = arguments[i];
+            if (typeof fn4 !== "function") {
+              throw new TypeError2("The last argument to .catch() must be a function, got " + util2.toString(fn4));
             }
-            return this.then(void 0, catchFilter(catchInstances, fn3, this));
+            return this.then(void 0, catchFilter(catchInstances, fn4, this));
           }
-          return this.then(void 0, fn3);
+          return this.then(void 0, fn4);
         };
         Promise2.prototype.reflect = function() {
           return this._then(
@@ -67087,11 +67311,11 @@ var bluebird = { exports: {} };
           var promise = this._then(didFulfill, didReject, void 0, void 0, void 0);
           promise._setIsFinal();
         };
-        Promise2.prototype.spread = function(fn3) {
-          if (typeof fn3 !== "function") {
-            return apiRejection("expecting a function but got " + util2.classString(fn3));
+        Promise2.prototype.spread = function(fn4) {
+          if (typeof fn4 !== "function") {
+            return apiRejection("expecting a function but got " + util2.classString(fn4));
           }
-          return this.all()._then(fn3, void 0, void 0, APPLY, void 0);
+          return this.all()._then(fn4, void 0, void 0, APPLY, void 0);
         };
         Promise2.prototype.toJSON = function() {
           var ret = {
@@ -67115,18 +67339,18 @@ var bluebird = { exports: {} };
           }
           return new PromiseArray(this).promise();
         };
-        Promise2.prototype.error = function(fn3) {
-          return this.caught(util2.originatesFromRejection, fn3);
+        Promise2.prototype.error = function(fn4) {
+          return this.caught(util2.originatesFromRejection, fn4);
         };
         Promise2.getNewLibraryCopy = module3.exports;
         Promise2.is = function(val2) {
           return val2 instanceof Promise2;
         };
-        Promise2.fromNode = Promise2.fromCallback = function(fn3) {
+        Promise2.fromNode = Promise2.fromCallback = function(fn4) {
           var ret = new Promise2(INTERNAL);
           ret._captureStackTrace();
           var multiArgs = arguments.length > 1 ? !!Object(arguments[1]).multiArgs : false;
-          var result = tryCatch(fn3)(nodebackForPromise(ret, multiArgs));
+          var result = tryCatch(fn4)(nodebackForPromise(ret, multiArgs));
           if (result === errorObj) {
             ret._rejectCallback(result.e, true);
           }
@@ -67154,11 +67378,11 @@ var bluebird = { exports: {} };
           ret._rejectCallback(reason, true);
           return ret;
         };
-        Promise2.setScheduler = function(fn3) {
-          if (typeof fn3 !== "function") {
-            throw new TypeError2("expecting a function but got " + util2.classString(fn3));
+        Promise2.setScheduler = function(fn4) {
+          if (typeof fn4 !== "function") {
+            throw new TypeError2("expecting a function but got " + util2.classString(fn4));
           }
-          return async.setScheduler(fn3);
+          return async.setScheduler(fn4);
         };
         Promise2.prototype._then = function(didFulfill, didReject, _2, receiver, internalData) {
           var haveInternalData = internalData !== void 0;
@@ -67875,9 +68099,9 @@ var bluebird = { exports: {} };
           return !noCopyPropsPattern.test(key);
         }
         __name(propsFilter, "propsFilter");
-        function isPromisified(fn3) {
+        function isPromisified(fn4) {
           try {
-            return fn3.__isPromisified__ === true;
+            return fn4.__isPromisified__ === true;
           } catch (e2) {
             return false;
           }
@@ -67925,13 +68149,13 @@ var bluebird = { exports: {} };
           return str.replace(/([$])/, "\\$");
         }, "escapeIdentRegex");
         var makeNodePromisifiedEval;
-        function makeNodePromisifiedClosure(callback2, receiver, _2, fn3, __, multiArgs) {
+        function makeNodePromisifiedClosure(callback2, receiver, _2, fn4, __, multiArgs) {
           var defaultThis = function() {
             return this;
           }();
           var method = callback2;
           if (typeof method === "string") {
-            callback2 = fn3;
+            callback2 = fn4;
           }
           function promisified() {
             var _receiver = receiver;
@@ -67940,9 +68164,9 @@ var bluebird = { exports: {} };
             var promise = new Promise2(INTERNAL);
             promise._captureStackTrace();
             var cb = typeof method === "string" && this !== defaultThis ? this[method] : callback2;
-            var fn4 = nodebackForPromise(promise, multiArgs);
+            var fn5 = nodebackForPromise(promise, multiArgs);
             try {
-              cb.apply(_receiver, withAppended(arguments, fn4));
+              cb.apply(_receiver, withAppended(arguments, fn5));
             } catch (e2) {
               promise._rejectCallback(maybeWrapAsError(e2), true, true);
             }
@@ -67961,17 +68185,17 @@ var bluebird = { exports: {} };
           var methods = promisifiableMethods(obj, suffix, suffixRegexp, filter);
           for (var i = 0, len = methods.length; i < len; i += 2) {
             var key = methods[i];
-            var fn3 = methods[i + 1];
+            var fn4 = methods[i + 1];
             var promisifiedKey = key + suffix;
             if (promisifier === makeNodePromisified) {
-              obj[promisifiedKey] = makeNodePromisified(key, THIS, key, fn3, suffix, multiArgs);
+              obj[promisifiedKey] = makeNodePromisified(key, THIS, key, fn4, suffix, multiArgs);
             } else {
-              var promisified = promisifier(fn3, function() {
+              var promisified = promisifier(fn4, function() {
                 return makeNodePromisified(
                   key,
                   THIS,
                   key,
-                  fn3,
+                  fn4,
                   suffix,
                   multiArgs
                 );
@@ -67995,18 +68219,18 @@ var bluebird = { exports: {} };
           );
         }
         __name(promisify, "promisify");
-        Promise2.promisify = function(fn3, options) {
-          if (typeof fn3 !== "function") {
-            throw new TypeError2("expecting a function but got " + util2.classString(fn3));
+        Promise2.promisify = function(fn4, options) {
+          if (typeof fn4 !== "function") {
+            throw new TypeError2("expecting a function but got " + util2.classString(fn4));
           }
-          if (isPromisified(fn3)) {
-            return fn3;
+          if (isPromisified(fn4)) {
+            return fn4;
           }
           options = Object(options);
           var receiver = options.context === void 0 ? THIS : options.context;
           var multiArgs = !!options.multiArgs;
-          var ret = promisify(fn3, receiver, multiArgs);
-          util2.copyDescriptors(fn3, ret, propsFilter);
+          var ret = promisify(fn4, receiver, multiArgs);
+          util2.copyDescriptors(fn4, ret, propsFilter);
           return ret;
         };
         Promise2.promisifyAll = function(target, options) {
@@ -68181,10 +68405,10 @@ var bluebird = { exports: {} };
         this[i] = arg;
         this._length = length + 1;
       };
-      Queue.prototype.push = function(fn3, receiver, arg) {
+      Queue.prototype.push = function(fn4, receiver, arg) {
         var length = this.length() + 3;
         if (this._willBeOverCapacity(length)) {
-          this._pushOne(fn3);
+          this._pushOne(fn4);
           this._pushOne(receiver);
           this._pushOne(arg);
           return;
@@ -68192,7 +68416,7 @@ var bluebird = { exports: {} };
         var j = this._front + length - 3;
         this._checkCapacity(length);
         var wrapMask = this._capacity - 1;
-        this[j + 0 & wrapMask] = fn3;
+        this[j + 0 & wrapMask] = fn4;
         this[j + 1 & wrapMask] = receiver;
         this[j + 2 & wrapMask] = arg;
         this._length = length;
@@ -68265,10 +68489,10 @@ var bluebird = { exports: {} };
       module3.exports = function(Promise2, PromiseArray, apiRejection, tryConvertToPromise, INTERNAL, debug) {
         var util2 = _dereq_2("./util");
         var tryCatch = util2.tryCatch;
-        function ReductionPromiseArray(promises, fn3, initialValue, _each) {
+        function ReductionPromiseArray(promises, fn4, initialValue, _each) {
           this.constructor$(promises);
           var context = Promise2._getContext();
-          this._fn = util2.contextBind(context, fn3);
+          this._fn = util2.contextBind(context, fn4);
           if (initialValue !== void 0) {
             initialValue = Promise2.resolve(initialValue);
             initialValue._attachCancellationCallback(this);
@@ -68362,11 +68586,11 @@ var bluebird = { exports: {} };
           }
           value._then(completed, completed, void 0, value, this);
         };
-        Promise2.prototype.reduce = function(fn3, initialValue) {
-          return reduce(this, fn3, initialValue, null);
+        Promise2.prototype.reduce = function(fn4, initialValue) {
+          return reduce(this, fn4, initialValue, null);
         };
-        Promise2.reduce = function(promises, fn3, initialValue, _each) {
-          return reduce(promises, fn3, initialValue, _each);
+        Promise2.reduce = function(promises, fn4, initialValue, _each) {
+          return reduce(promises, fn4, initialValue, _each);
         };
         function completed(valueOrReason, array2) {
           if (this.isFulfilled()) {
@@ -68376,11 +68600,11 @@ var bluebird = { exports: {} };
           }
         }
         __name(completed, "completed");
-        function reduce(promises, fn3, initialValue, _each) {
-          if (typeof fn3 !== "function") {
-            return apiRejection("expecting a function but got " + util2.classString(fn3));
+        function reduce(promises, fn4, initialValue, _each) {
+          if (typeof fn4 !== "function") {
+            return apiRejection("expecting a function but got " + util2.classString(fn4));
           }
-          var array2 = new ReductionPromiseArray(promises, fn3, initialValue, _each);
+          var array2 = new ReductionPromiseArray(promises, fn4, initialValue, _each);
           return array2.promise();
         }
         __name(reduce, "reduce");
@@ -68399,13 +68623,13 @@ var bluebird = { exports: {} };
         function gotValue(value) {
           var array2 = this.array;
           var promise = array2._promise;
-          var fn3 = tryCatch(array2._fn);
+          var fn4 = tryCatch(array2._fn);
           promise._pushContext();
           var ret;
           if (array2._eachValues !== void 0) {
-            ret = fn3.call(promise._boundValue(), value, this.index, this.length);
+            ret = fn4.call(promise._boundValue(), value, this.index, this.length);
           } else {
-            ret = fn3.call(
+            ret = fn4.call(
               promise._boundValue(),
               this.accum,
               value,
@@ -68437,15 +68661,15 @@ var bluebird = { exports: {} };
       if (util2.isNode && typeof MutationObserver === "undefined") {
         var GlobalSetImmediate = commonjsGlobal.setImmediate;
         var ProcessNextTick = process.nextTick;
-        schedule = util2.isRecentNode ? function(fn3) {
-          GlobalSetImmediate.call(commonjsGlobal, fn3);
-        } : function(fn3) {
-          ProcessNextTick.call(process, fn3);
+        schedule = util2.isRecentNode ? function(fn4) {
+          GlobalSetImmediate.call(commonjsGlobal, fn4);
+        } : function(fn4) {
+          ProcessNextTick.call(process, fn4);
         };
       } else if (typeof NativePromise === "function" && typeof NativePromise.resolve === "function") {
         var nativePromise = NativePromise.resolve();
-        schedule = /* @__PURE__ */ __name(function(fn3) {
-          nativePromise.then(fn3);
+        schedule = /* @__PURE__ */ __name(function(fn4) {
+          nativePromise.then(fn4);
         }, "schedule");
       } else if (typeof MutationObserver !== "undefined" && !(typeof window !== "undefined" && window.navigator && (window.navigator.standalone || window.cordova)) && "classList" in document.documentElement) {
         schedule = function() {
@@ -68464,22 +68688,22 @@ var bluebird = { exports: {} };
             toggleScheduled = true;
             div22.classList.toggle("foo");
           }, "scheduleToggle");
-          return /* @__PURE__ */ __name(function schedule2(fn3) {
+          return /* @__PURE__ */ __name(function schedule2(fn4) {
             var o3 = new MutationObserver(function() {
               o3.disconnect();
-              fn3();
+              fn4();
             });
             o3.observe(div2, opts2);
             scheduleToggle();
           }, "schedule");
         }();
       } else if (typeof setImmediate !== "undefined") {
-        schedule = /* @__PURE__ */ __name(function(fn3) {
-          setImmediate(fn3);
+        schedule = /* @__PURE__ */ __name(function(fn4) {
+          setImmediate(fn4);
         }, "schedule");
       } else if (typeof setTimeout !== "undefined") {
-        schedule = /* @__PURE__ */ __name(function(fn3) {
-          setTimeout(fn3, 0);
+        schedule = /* @__PURE__ */ __name(function(fn4) {
+          setTimeout(fn4, 0);
         }, "schedule");
       } else {
         schedule = noAsyncScheduler;
@@ -69007,14 +69231,14 @@ var bluebird = { exports: {} };
         Disposer.isDisposer = function(d2) {
           return d2 != null && typeof d2.resource === "function" && typeof d2.tryDispose === "function";
         };
-        function FunctionDisposer(fn3, promise, context) {
-          this.constructor$(fn3, promise, context);
+        function FunctionDisposer(fn4, promise, context) {
+          this.constructor$(fn4, promise, context);
         }
         __name(FunctionDisposer, "FunctionDisposer");
         inherits2(FunctionDisposer, Disposer);
         FunctionDisposer.prototype.doDispose = function(resource, inspection) {
-          var fn3 = this.data();
-          return fn3.call(resource, resource, inspection);
+          var fn4 = this.data();
+          return fn4.call(resource, resource, inspection);
         };
         function maybeUnwrapDisposer(value) {
           if (Disposer.isDisposer(value)) {
@@ -69045,9 +69269,9 @@ var bluebird = { exports: {} };
             return apiRejection(
               "you must pass at least 2 arguments to Promise.using"
             );
-          var fn3 = arguments[len - 1];
-          if (typeof fn3 !== "function") {
-            return apiRejection("expecting a function but got " + util2.classString(fn3));
+          var fn4 = arguments[len - 1];
+          if (typeof fn4 !== "function") {
+            return apiRejection("expecting a function but got " + util2.classString(fn4));
           }
           var input;
           var spreadArgs = true;
@@ -69094,8 +69318,8 @@ var bluebird = { exports: {} };
               inspections[i2] = inspection.value();
             }
             promise._pushContext();
-            fn3 = tryCatch(fn3);
-            var ret = spreadArgs ? fn3.apply(void 0, inspections) : fn3(inspections);
+            fn4 = tryCatch(fn4);
+            var ret = spreadArgs ? fn4.apply(void 0, inspections) : fn4(inspections);
             var promiseCreated = promise._popContext();
             debug.checkForgottenReturns(
               ret,
@@ -69127,9 +69351,9 @@ var bluebird = { exports: {} };
           this._bitField = this._bitField & ~131072;
           this._disposer = void 0;
         };
-        Promise2.prototype.disposer = function(fn3) {
-          if (typeof fn3 === "function") {
-            return new FunctionDisposer(fn3, this, createContext());
+        Promise2.prototype.disposer = function(fn4) {
+          if (typeof fn4 === "function") {
+            return new FunctionDisposer(fn4, this, createContext());
           }
           throw new TypeError2();
         };
@@ -69151,8 +69375,8 @@ var bluebird = { exports: {} };
         }
       }
       __name(tryCatcher, "tryCatcher");
-      function tryCatch(fn3) {
-        tryCatchTarget = fn3;
+      function tryCatch(fn4) {
+        tryCatchTarget = fn4;
         return tryCatcher;
       }
       __name(tryCatch, "tryCatch");
@@ -69289,13 +69513,13 @@ var bluebird = { exports: {} };
         }
       }();
       var thisAssignmentPattern = /this\s*\.\s*\S+\s*=/;
-      function isClass(fn3) {
+      function isClass(fn4) {
         try {
-          if (typeof fn3 === "function") {
-            var keys5 = es5.names(fn3.prototype);
+          if (typeof fn4 === "function") {
+            var keys5 = es5.names(fn4.prototype);
             var hasMethods = es5.isES5 && keys5.length > 1;
             var hasMethodsOtherThanConstructor = keys5.length > 0 && !(keys5.length === 1 && keys5[0] === "constructor");
-            var hasThisAssignmentAndStaticMethods = thisAssignmentPattern.test(fn3 + "") && es5.names(fn3).length > 0;
+            var hasThisAssignmentAndStaticMethods = thisAssignmentPattern.test(fn4 + "") && es5.names(fn4).length > 0;
             if (hasMethods || hasMethodsOtherThanConstructor || hasThisAssignmentAndStaticMethods) {
               return true;
             }
@@ -69467,8 +69691,8 @@ var bluebird = { exports: {} };
       }
       __name(contextBind, "contextBind");
       var ret = {
-        setReflectHandler: function(fn3) {
-          reflectHandler = fn3;
+        setReflectHandler: function(fn4) {
+          reflectHandler = fn4;
         },
         isClass,
         isIdentifier,
@@ -71217,6 +71441,7 @@ function UploaderInner({
   // called when a file link in the filelist is clicked
   dropzoneProps = {},
   overflowList,
+  autoUnzip,
   disabled,
   initializeForm,
   showFilesCount,
@@ -71241,7 +71466,7 @@ function UploaderInner({
     validateAgainstSchema = validateAgainstSchemaStore.current;
   }
   const accept = !_accept ? void 0 : lodashExports.isPlainObject(_accept) ? [_accept] : lodashExports.isArray(_accept) ? _accept : _accept.split(",").map((a2) => ({ type: a2 }));
-  if (validateAgainstSchemaStore.current && accept && !accept.some((a2) => a2.type === "zip")) {
+  if ((validateAgainstSchema || autoUnzip) && accept && !accept.some((a2) => a2.type === "zip")) {
     accept == null ? void 0 : accept.unshift({
       type: "zip",
       description: "Any of the following types, just compressed"
@@ -71602,7 +71827,7 @@ function UploaderInner({
             var _a3, _b3;
             let acceptedFiles = [];
             for (const file of _acceptedFiles) {
-              if (validateAgainstSchema && isZipFile(file)) {
+              if ((validateAgainstSchema || autoUnzip) && isZipFile(file)) {
                 const files = yield filterFilesInZip(
                   file,
                   ((_a3 = simpleAccept == null ? void 0 : simpleAccept.split(", ")) == null ? void 0 : _a3.map((a2) => a2.startsWith(".") ? a2 : "." + a2)) || []
@@ -71627,9 +71852,7 @@ function UploaderInner({
             if (!acceptedFiles.length)
               return;
             setLoading(true);
-            if (fileLimit) {
-              acceptedFiles = acceptedFiles.slice(0, fileLimit);
-            }
+            acceptedFiles = trimFiles(acceptedFiles, fileLimit);
             acceptedFiles.forEach((file) => {
               file.preview = URL.createObjectURL(file);
               file.loading = true;
@@ -71815,9 +72038,9 @@ function UploaderInner({
                 `It looks like there wasn't any data in your file. Please add some data and try again`
               );
             }
-            const cleanedFileList = [...toKeep, ...fileListToUse].slice(
-              0,
-              fileLimit ? fileLimit : void 0
+            const cleanedFileList = trimFiles(
+              [...toKeep, ...fileListToUse],
+              fileLimit
             );
             handleSecondHalfOfUpload({ acceptedFiles, cleanedFileList });
           })
@@ -72065,6 +72288,18 @@ function stripId(ents = []) {
 __name(stripId, "stripId");
 const manualEnterMessage = "Build CSV File";
 const manualEnterSubMessage = "Paste or type data to build a CSV file";
+function trimFiles(incomingFiles, fileLimit) {
+  if (fileLimit) {
+    if (fileLimit && incomingFiles.length > fileLimit) {
+      window.toastr && window.toastr.warning(
+        `Detected additional files in your upload that we are ignoring. You can only upload ${fileLimit} file${fileLimit > 1 ? "s" : ""} at a time.`
+      );
+    }
+    return incomingFiles.slice(0, fileLimit);
+  }
+  return incomingFiles;
+}
+__name(trimFiles, "trimFiles");
 const style$w = "";
 function DNALoader({ style: style2, className }) {
   return /* @__PURE__ */ React$2.createElement("div", { className: classNames("dna-loader", className), style: style2 }, /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$2.createElement("div", { className: "nucleobase" }));
@@ -74097,11 +74332,11 @@ var Resizer = (
   }(React__namespace.PureComponent)
 );
 var src = { exports: {} };
-function memoize(fn3, options) {
+function memoize(fn4, options) {
   var cache2 = options && options.cache ? options.cache : cacheDefault;
   var serializer = options && options.serializer ? options.serializer : serializerDefault;
   var strategy = options && options.strategy ? options.strategy : strategyDefault;
-  return strategy(fn3, {
+  return strategy(fn4, {
     cache: cache2,
     serializer
   });
@@ -74111,40 +74346,40 @@ function isPrimitive(value) {
   return value == null || typeof value === "number" || typeof value === "boolean";
 }
 __name(isPrimitive, "isPrimitive");
-function monadic(fn3, cache2, serializer, arg) {
+function monadic(fn4, cache2, serializer, arg) {
   var cacheKey = isPrimitive(arg) ? arg : serializer(arg);
   var computedValue = cache2.get(cacheKey);
   if (typeof computedValue === "undefined") {
-    computedValue = fn3.call(this, arg);
+    computedValue = fn4.call(this, arg);
     cache2.set(cacheKey, computedValue);
   }
   return computedValue;
 }
 __name(monadic, "monadic");
-function variadic(fn3, cache2, serializer) {
+function variadic(fn4, cache2, serializer) {
   var args = Array.prototype.slice.call(arguments, 3);
   var cacheKey = serializer(args);
   var computedValue = cache2.get(cacheKey);
   if (typeof computedValue === "undefined") {
-    computedValue = fn3.apply(this, args);
+    computedValue = fn4.apply(this, args);
     cache2.set(cacheKey, computedValue);
   }
   return computedValue;
 }
 __name(variadic, "variadic");
-function assemble(fn3, context, strategy, cache2, serialize2) {
+function assemble(fn4, context, strategy, cache2, serialize2) {
   return strategy.bind(
     context,
-    fn3,
+    fn4,
     cache2,
     serialize2
   );
 }
 __name(assemble, "assemble");
-function strategyDefault(fn3, options) {
-  var strategy = fn3.length === 1 ? monadic : variadic;
+function strategyDefault(fn4, options) {
+  var strategy = fn4.length === 1 ? monadic : variadic;
   return assemble(
-    fn3,
+    fn4,
     this,
     strategy,
     options.cache.create(),
@@ -74152,10 +74387,10 @@ function strategyDefault(fn3, options) {
   );
 }
 __name(strategyDefault, "strategyDefault");
-function strategyVariadic(fn3, options) {
+function strategyVariadic(fn4, options) {
   var strategy = variadic;
   return assemble(
-    fn3,
+    fn4,
     this,
     strategy,
     options.cache.create(),
@@ -74163,10 +74398,10 @@ function strategyVariadic(fn3, options) {
   );
 }
 __name(strategyVariadic, "strategyVariadic");
-function strategyMonadic(fn3, options) {
+function strategyMonadic(fn4, options) {
   var strategy = monadic;
   return assemble(
-    fn3,
+    fn4,
     this,
     strategy,
     options.cache.create(),
@@ -80711,8 +80946,8 @@ __name(requireEmpty, "requireEmpty");
       }
     }, "datesDiffFilter");
     diffFilter$2.filterName = "dates";
-    function createCommonjsModule(fn3, module3) {
-      return module3 = { exports: {} }, fn3(module3, module3.exports), module3.exports;
+    function createCommonjsModule(fn4, module3) {
+      return module3 = { exports: {} }, fn4(module3, module3.exports), module3.exports;
     }
     __name(createCommonjsModule, "createCommonjsModule");
     var diffMatchPatch = createCommonjsModule(function(module3) {
@@ -82424,7 +82659,7 @@ __name(requireEmpty, "requireEmpty");
         }, "formatDeltaChildren")
       }, {
         key: "forEachDeltaKey",
-        value: /* @__PURE__ */ __name(function forEachDeltaKey(delta, left2, fn3) {
+        value: /* @__PURE__ */ __name(function forEachDeltaKey(delta, left2, fn4) {
           var keys5 = getObjectKeys(delta);
           var arrayKeys = delta._t === "a";
           var moveDestinations = {};
@@ -82466,7 +82701,7 @@ __name(requireEmpty, "requireEmpty");
             }
             var leftKey = arrayKeys ? typeof key === "number" ? key : parseInt(trimUnderscore(key), 10) : key;
             var isLast = index3 === length - 1;
-            fn3(key, leftKey, moveDestinations[leftKey], isLast);
+            fn4(key, leftKey, moveDestinations[leftKey], isLast);
           }
         }, "forEachDeltaKey")
       }, {
@@ -82687,16 +82922,16 @@ __name(requireEmpty, "requireEmpty");
         var textContent = _ref.textContent, innerText = _ref.innerText;
         return textContent || innerText;
       }, "getElementText");
-      var eachByQuery = /* @__PURE__ */ __name(function eachByQuery2(el, query, fn3) {
+      var eachByQuery = /* @__PURE__ */ __name(function eachByQuery2(el, query, fn4) {
         var elems = el.querySelectorAll(query);
         for (var i = 0, l2 = elems.length; i < l2; i++) {
-          fn3(elems[i]);
+          fn4(elems[i]);
         }
       }, "eachByQuery");
-      var eachChildren = /* @__PURE__ */ __name(function eachChildren2(_ref2, fn3) {
+      var eachChildren = /* @__PURE__ */ __name(function eachChildren2(_ref2, fn4) {
         var children = _ref2.children;
         for (var i = 0, l2 = children.length; i < l2; i++) {
-          fn3(children[i], i);
+          fn4(children[i], i);
         }
       }, "eachChildren");
       eachByQuery(node2, ".jsondiffpatch-arrow", function(_ref3) {
@@ -83133,8 +83368,8 @@ __name(requireEmpty, "requireEmpty");
         return [];
       });
       return arr.map(function(item) {
-        var position2 = fns.map(function(fn3) {
-          return fn3(item);
+        var position2 = fns.map(function(fn4) {
+          return fn4(item);
         }).indexOf(true);
         if (position2 < 0) {
           position2 = fns.length;
@@ -100366,8 +100601,8 @@ var buffer$2 = {};
     }
     return table2;
   }();
-  function defineBigIntMethod(fn3) {
-    return typeof BigInt === "undefined" ? BufferBigIntNotDefined : fn3;
+  function defineBigIntMethod(fn4) {
+    return typeof BigInt === "undefined" ? BufferBigIntNotDefined : fn4;
   }
   __name(defineBigIntMethod, "defineBigIntMethod");
   function BufferBigIntNotDefined() {
@@ -101298,9 +101533,9 @@ function requireBrowser() {
     return browser;
   hasRequiredBrowser = 1;
   browser = deprecate;
-  function deprecate(fn3, msg) {
+  function deprecate(fn4, msg) {
     if (config("noDeprecation")) {
-      return fn3;
+      return fn4;
     }
     var warned = false;
     function deprecated2() {
@@ -101314,7 +101549,7 @@ function requireBrowser() {
         }
         warned = true;
       }
-      return fn3.apply(this, arguments);
+      return fn4.apply(this, arguments);
     }
     __name(deprecated2, "deprecated");
     return deprecated2;
@@ -102309,15 +102544,15 @@ function require_stream_readable() {
   inherits_browserExports(Readable, Stream2);
   var errorOrDestroy = destroyImpl.errorOrDestroy;
   var kProxyEvents = ["error", "close", "destroy", "pause", "resume"];
-  function prependListener(emitter, event, fn3) {
+  function prependListener(emitter, event, fn4) {
     if (typeof emitter.prependListener === "function")
-      return emitter.prependListener(event, fn3);
+      return emitter.prependListener(event, fn4);
     if (!emitter._events || !emitter._events[event])
-      emitter.on(event, fn3);
+      emitter.on(event, fn4);
     else if (Array.isArray(emitter._events[event]))
-      emitter._events[event].unshift(fn3);
+      emitter._events[event].unshift(fn4);
     else
-      emitter._events[event] = [fn3, emitter._events[event]];
+      emitter._events[event] = [fn4, emitter._events[event]];
   }
   __name(prependListener, "prependListener");
   function ReadableState(options, stream, isDuplex) {
@@ -102833,8 +103068,8 @@ function require_stream_readable() {
     dest.emit("unpipe", this, unpipeInfo);
     return this;
   };
-  Readable.prototype.on = function(ev, fn3) {
-    var res = Stream2.prototype.on.call(this, ev, fn3);
+  Readable.prototype.on = function(ev, fn4) {
+    var res = Stream2.prototype.on.call(this, ev, fn4);
     var state2 = this._readableState;
     if (ev === "data") {
       state2.readableListening = this.listenerCount("readable") > 0;
@@ -102856,8 +103091,8 @@ function require_stream_readable() {
     return res;
   };
   Readable.prototype.addListener = Readable.prototype.on;
-  Readable.prototype.removeListener = function(ev, fn3) {
-    var res = Stream2.prototype.removeListener.call(this, ev, fn3);
+  Readable.prototype.removeListener = function(ev, fn4) {
+    var res = Stream2.prototype.removeListener.call(this, ev, fn4);
     if (ev === "readable") {
       process.nextTick(updateReadableListening, this);
     }
@@ -103282,8 +103517,8 @@ function requirePipeline() {
     };
   }
   __name(destroyer, "destroyer");
-  function call2(fn3) {
-    fn3();
+  function call2(fn4) {
+    fn4();
   }
   __name(call2, "call");
   function pipe(from3, to) {
@@ -104690,9 +104925,9 @@ var slzh = /* @__PURE__ */ __name(function(d2, b3) {
   return b3 + 30 + b2(d2, b3 + 26) + b2(d2, b3 + 28);
 }, "slzh");
 var zh = /* @__PURE__ */ __name(function(d2, b3, z2) {
-  var fnl = b2(d2, b3 + 28), fn3 = strFromU8(d2.subarray(b3 + 46, b3 + 46 + fnl), !(b2(d2, b3 + 8) & 2048)), es = b3 + 46 + fnl, bs = b4(d2, b3 + 20);
+  var fnl = b2(d2, b3 + 28), fn4 = strFromU8(d2.subarray(b3 + 46, b3 + 46 + fnl), !(b2(d2, b3 + 8) & 2048)), es = b3 + 46 + fnl, bs = b4(d2, b3 + 20);
   var _a2 = z2 && bs == 4294967295 ? z64e(d2, es) : [bs, b4(d2, b3 + 24), b4(d2, b3 + 42)], sc = _a2[0], su = _a2[1], off2 = _a2[2];
-  return [b2(d2, b3 + 10), sc, su, fn3, es + b2(d2, b3 + 30) + b2(d2, b3 + 32), off2];
+  return [b2(d2, b3 + 10), sc, su, fn4, es + b2(d2, b3 + 30) + b2(d2, b3 + 32), off2];
 }, "zh");
 var z64e = /* @__PURE__ */ __name(function(d2, b3) {
   for (; b2(d2, b3) != 1; b3 += 4 + b2(d2, b3 + 2))
@@ -104721,18 +104956,18 @@ function unzipSync(data, opts2) {
   }
   var fltr = opts2 && opts2.filter;
   for (var i = 0; i < c2; ++i) {
-    var _a2 = zh(data, o2, z2), c_2 = _a2[0], sc = _a2[1], su = _a2[2], fn3 = _a2[3], no = _a2[4], off2 = _a2[5], b3 = slzh(data, off2);
+    var _a2 = zh(data, o2, z2), c_2 = _a2[0], sc = _a2[1], su = _a2[2], fn4 = _a2[3], no = _a2[4], off2 = _a2[5], b3 = slzh(data, off2);
     o2 = no;
     if (!fltr || fltr({
-      name: fn3,
+      name: fn4,
       size: sc,
       originalSize: su,
       compression: c_2
     })) {
       if (!c_2)
-        files[fn3] = slc(data, b3, b3 + sc);
+        files[fn4] = slc(data, b3, b3 + sc);
       else if (c_2 == 8)
-        files[fn3] = inflateSync(data.subarray(b3, b3 + sc), { out: new u8(su) });
+        files[fn4] = inflateSync(data.subarray(b3, b3 + sc), { out: new u8(su) });
       else
         err(14, "unknown compression type " + c_2);
     }
@@ -105609,15 +105844,15 @@ function link(from3, to) {
 __name(link, "link");
 function wrapConversion(toModel, graph) {
   const path2 = [graph[toModel].parent, toModel];
-  let fn3 = conversions$1[graph[toModel].parent][toModel];
+  let fn4 = conversions$1[graph[toModel].parent][toModel];
   let cur = graph[toModel].parent;
   while (graph[cur].parent) {
     path2.unshift(graph[cur].parent);
-    fn3 = link(conversions$1[graph[cur].parent][cur], fn3);
+    fn4 = link(conversions$1[graph[cur].parent][cur], fn4);
     cur = graph[cur].parent;
   }
-  fn3.conversion = path2;
-  return fn3;
+  fn4.conversion = path2;
+  return fn4;
 }
 __name(wrapConversion, "wrapConversion");
 var route$1 = /* @__PURE__ */ __name(function(fromModel) {
@@ -105638,7 +105873,7 @@ const conversions = conversions$2;
 const route = route$1;
 const convert$1 = {};
 const models = Object.keys(conversions);
-function wrapRaw(fn3) {
+function wrapRaw(fn4) {
   const wrappedFn = /* @__PURE__ */ __name(function(...args) {
     const arg0 = args[0];
     if (arg0 === void 0 || arg0 === null) {
@@ -105647,15 +105882,15 @@ function wrapRaw(fn3) {
     if (arg0.length > 1) {
       args = arg0;
     }
-    return fn3(args);
+    return fn4(args);
   }, "wrappedFn");
-  if ("conversion" in fn3) {
-    wrappedFn.conversion = fn3.conversion;
+  if ("conversion" in fn4) {
+    wrappedFn.conversion = fn4.conversion;
   }
   return wrappedFn;
 }
 __name(wrapRaw, "wrapRaw");
-function wrapRounded(fn3) {
+function wrapRounded(fn4) {
   const wrappedFn = /* @__PURE__ */ __name(function(...args) {
     const arg0 = args[0];
     if (arg0 === void 0 || arg0 === null) {
@@ -105664,7 +105899,7 @@ function wrapRounded(fn3) {
     if (arg0.length > 1) {
       args = arg0;
     }
-    const result = fn3(args);
+    const result = fn4(args);
     if (typeof result === "object") {
       for (let len = result.length, i = 0; i < len; i++) {
         result[i] = Math.round(result[i]);
@@ -105672,8 +105907,8 @@ function wrapRounded(fn3) {
     }
     return result;
   }, "wrappedFn");
-  if ("conversion" in fn3) {
-    wrappedFn.conversion = fn3.conversion;
+  if ("conversion" in fn4) {
+    wrappedFn.conversion = fn4.conversion;
   }
   return wrappedFn;
 }
@@ -105685,9 +105920,9 @@ models.forEach((fromModel) => {
   const routes = route(fromModel);
   const routeModels = Object.keys(routes);
   routeModels.forEach((toModel) => {
-    const fn3 = routes[toModel];
-    convert$1[fromModel][toModel] = wrapRounded(fn3);
-    convert$1[fromModel][toModel].raw = wrapRaw(fn3);
+    const fn4 = routes[toModel];
+    convert$1[fromModel][toModel] = wrapRounded(fn4);
+    convert$1[fromModel][toModel].raw = wrapRaw(fn4);
   });
 });
 var colorConvert = convert$1;
@@ -107685,8 +107920,8 @@ var hasSymbols2 = typeof Symbol === "function" && typeof Symbol("foo") === "symb
 var toStr$1 = Object.prototype.toString;
 var concat = Array.prototype.concat;
 var origDefineProperty = Object.defineProperty;
-var isFunction$1 = /* @__PURE__ */ __name(function(fn3) {
-  return typeof fn3 === "function" && toStr$1.call(fn3) === "[object Function]";
+var isFunction$1 = /* @__PURE__ */ __name(function(fn4) {
+  return typeof fn4 === "function" && toStr$1.call(fn4) === "[object Function]";
 }, "isFunction$1");
 var hasPropertyDescriptors2 = hasPropertyDescriptors_1();
 var supportsDescriptors$2 = origDefineProperty && hasPropertyDescriptors2;
@@ -111175,7 +111410,7 @@ function doAnySpanOrigin(annotations) {
   });
 }
 __name(doAnySpanOrigin, "doAnySpanOrigin");
-const connectToEditor = /* @__PURE__ */ __name((fn3) => {
+const connectToEditor = /* @__PURE__ */ __name((fn4) => {
   return reactRedux.connect(
     (state2, ownProps, ...rest) => {
       const editor = state2.VectorEditor[ownProps.editorName] || {};
@@ -111184,7 +111419,7 @@ const connectToEditor = /* @__PURE__ */ __name((fn3) => {
         state2.VectorEditor.__allEditorsOptions.uppercaseSequenceMapFont,
         editor.sequenceData.sequence
       );
-      return fn3 ? fn3(editor, ownProps, ...rest, state2) : {};
+      return fn4 ? fn4(editor, ownProps, ...rest, state2) : {};
     },
     mapDispatchToActions
     // function mergeProps(propsFromState, propsFromDispatch) {
@@ -111806,7 +112041,7 @@ function memoizeOne(resultFn, isEqual2) {
   return memoized;
 }
 __name(memoizeOne, "memoizeOne");
-var rafSchd = /* @__PURE__ */ __name(function rafSchd2(fn3) {
+var rafSchd = /* @__PURE__ */ __name(function rafSchd2(fn4) {
   var lastArgs = [];
   var frameId = null;
   var wrapperFn = /* @__PURE__ */ __name(function wrapperFn2() {
@@ -111819,7 +112054,7 @@ var rafSchd = /* @__PURE__ */ __name(function rafSchd2(fn3) {
     }
     frameId = requestAnimationFrame(function() {
       frameId = null;
-      fn3.apply(void 0, lastArgs);
+      fn4.apply(void 0, lastArgs);
     });
   }, "wrapperFn");
   wrapperFn.cancel = function() {
@@ -112048,9 +112283,9 @@ const patch = /* @__PURE__ */ __name(function(line, value, otherValue) {
 }, "patch");
 const distance$1 = /* @__PURE__ */ __name((point1, point2) => Math.sqrt(__pow(point2.x - point1.x, 2) + __pow(point2.y - point1.y, 2)), "distance$1");
 const closest$1 = /* @__PURE__ */ __name((target, points) => Math.min(...points.map((point2) => distance$1(target, point2))), "closest$1");
-const apply = /* @__PURE__ */ __name((fn3) => (point2) => ({
-  x: fn3(point2.x),
-  y: fn3(point2.y)
+const apply = /* @__PURE__ */ __name((fn4) => (point2) => ({
+  x: fn4(point2.x),
+  y: fn4(point2.y)
 }), "apply");
 var executeClip = /* @__PURE__ */ __name((frame, subject) => {
   const result = getRect({
@@ -114697,11 +114932,11 @@ var getAsyncMarshal = /* @__PURE__ */ __name(() => {
     const [entry] = entries2.splice(index2, 1);
     entry.callback();
   }, "execute");
-  const add3 = /* @__PURE__ */ __name((fn3) => {
+  const add3 = /* @__PURE__ */ __name((fn4) => {
     const timerId = setTimeout(() => execute2(timerId));
     const entry = {
       timerId,
-      callback: fn3
+      callback: fn4
     };
     entries2.push(entry);
   }, "add");
@@ -114747,8 +114982,8 @@ const isCriticalEqual = /* @__PURE__ */ __name((first, second) => {
   const isDroppableEqual = first.droppable.id === second.droppable.id && first.droppable.type === second.droppable.type;
   return isDraggableEqual && isDroppableEqual;
 }, "isCriticalEqual");
-const withTimings = /* @__PURE__ */ __name((key, fn3) => {
-  fn3();
+const withTimings = /* @__PURE__ */ __name((key, fn4) => {
+  fn4();
 }, "withTimings");
 const getDragStart = /* @__PURE__ */ __name((critical, mode) => ({
   draggableId: critical.draggable.id,
@@ -114780,22 +115015,22 @@ var getPublisher = /* @__PURE__ */ __name((getResponders, announce) => {
   const beforeCapture = /* @__PURE__ */ __name((draggableId, mode) => {
     !!dragging ? invariant$1(false) : void 0;
     withTimings("onBeforeCapture", () => {
-      const fn3 = getResponders().onBeforeCapture;
-      if (fn3) {
+      const fn4 = getResponders().onBeforeCapture;
+      if (fn4) {
         const before = {
           draggableId,
           mode
         };
-        fn3(before);
+        fn4(before);
       }
     });
   }, "beforeCapture");
   const beforeStart = /* @__PURE__ */ __name((critical, mode) => {
     !!dragging ? invariant$1(false) : void 0;
     withTimings("onBeforeDragStart", () => {
-      const fn3 = getResponders().onBeforeDragStart;
-      if (fn3) {
-        fn3(getDragStart(critical, mode));
+      const fn4 = getResponders().onBeforeDragStart;
+      if (fn4) {
+        fn4(getDragStart(critical, mode));
       }
     });
   }, "beforeStart");
@@ -118253,7 +118488,7 @@ __name(PublicDraggable, "PublicDraggable");
 const isEqual = /* @__PURE__ */ __name((base2) => (value) => base2 === value, "isEqual");
 const isScroll = isEqual("scroll");
 const isAuto$1 = isEqual("auto");
-const isEither = /* @__PURE__ */ __name((overflow2, fn3) => fn3(overflow2.overflowX) || fn3(overflow2.overflowY), "isEither");
+const isEither = /* @__PURE__ */ __name((overflow2, fn4) => fn4(overflow2.overflowX) || fn4(overflow2.overflowY), "isEither");
 const isElementScrollable = /* @__PURE__ */ __name((el) => {
   const style2 = window.getComputedStyle(el);
   const overflow2 = {
@@ -119844,15 +120079,15 @@ function releaseReactionKeyConnection(reactionsForKey) {
 __name(releaseReactionKeyConnection, "releaseReactionKeyConnection");
 var reactionStack = [];
 var isDebugging$1 = false;
-function runAsReaction(reaction, fn3, context, args) {
+function runAsReaction(reaction, fn4, context, args) {
   if (reaction.unobserved) {
-    return Reflect.apply(fn3, context, args);
+    return Reflect.apply(fn4, context, args);
   }
   if (reactionStack.indexOf(reaction) === -1) {
     releaseReaction(reaction);
     try {
       reactionStack.push(reaction);
-      return Reflect.apply(fn3, context, args);
+      return Reflect.apply(fn4, context, args);
     } finally {
       reactionStack.pop();
     }
@@ -119898,11 +120133,11 @@ function hasRunningReaction() {
 }
 __name(hasRunningReaction, "hasRunningReaction");
 var IS_REACTION = Symbol("is reaction");
-function observe(fn3, options) {
+function observe(fn4, options) {
   if (options === void 0)
     options = {};
-  var reaction = fn3[IS_REACTION] ? fn3 : /* @__PURE__ */ __name(function reaction2() {
-    return runAsReaction(reaction2, fn3, this, arguments);
+  var reaction = fn4[IS_REACTION] ? fn4 : /* @__PURE__ */ __name(function reaction2() {
+    return runAsReaction(reaction2, fn4, this, arguments);
   }, "reaction");
   reaction.scheduler = options.scheduler;
   reaction.debugger = options.debugger;
@@ -120352,13 +120587,13 @@ const scheduler = {
     scheduler.isOn = false;
   }
 };
-function batch(fn3, ctx2, args) {
+function batch(fn4, ctx2, args) {
   if (scheduler.isOn) {
-    return ReactDOM$1.unstable_batchedUpdates(() => fn3.apply(ctx2, args));
+    return ReactDOM$1.unstable_batchedUpdates(() => fn4.apply(ctx2, args));
   }
   try {
     scheduler.on();
-    return ReactDOM$1.unstable_batchedUpdates(() => fn3.apply(ctx2, args));
+    return ReactDOM$1.unstable_batchedUpdates(() => fn4.apply(ctx2, args));
   } finally {
     scheduler.flush();
     scheduler.off();
@@ -120366,18 +120601,18 @@ function batch(fn3, ctx2, args) {
 }
 __name(batch, "batch");
 const cache = /* @__PURE__ */ new WeakMap();
-function batchFn(fn3) {
-  if (typeof fn3 !== "function") {
-    return fn3;
+function batchFn(fn4) {
+  if (typeof fn4 !== "function") {
+    return fn4;
   }
-  let batched = cache.get(fn3);
+  let batched = cache.get(fn4);
   if (!batched) {
-    batched = new Proxy(fn3, {
+    batched = new Proxy(fn4, {
       apply(target, thisArg, args) {
         return batch(target, thisArg, args);
       }
     });
-    cache.set(fn3, batched);
+    cache.set(fn4, batched);
   }
   return batched;
 }
@@ -121141,8 +121376,23 @@ const withHover = redux.compose(
     }, hoveredAnnotationActions)
   ),
   withHandlers({
-    onMouseOver: (props) => (e2) => {
+    onMouseOver: (props) => function(e2) {
       var _a2;
+      const target = e2.target;
+      let alreadyHandled = false;
+      let currentElement = target;
+      while (currentElement) {
+        if (currentElement === e2.currentTarget) {
+          break;
+        }
+        if (currentElement.classList.contains("hoverHelper")) {
+          alreadyHandled = true;
+          break;
+        }
+        currentElement = currentElement.parentElement;
+      }
+      if (alreadyHandled)
+        return;
       const { editorName, id: id2, hoveredAnnotationUpdate: hoveredAnnotationUpdate2 } = props;
       const isIdHashmap = typeof id2 === "object";
       const idToPass = isIdHashmap ? Object.keys(id2)[0] : id2;
@@ -121152,7 +121402,6 @@ const withHover = redux.compose(
       }
       if (window.__veDragging || window.__veScrolling)
         return;
-      e2.stopPropagation();
       hoveredAnnotationUpdate2 && hoveredAnnotationUpdate2(idToPass, { editorName });
     },
     onMouseLeave: (props) => (e2) => {
@@ -125692,7 +125941,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.3.23";
+const version = "0.3.25";
 const main = "./src/index.js";
 const exports$1 = {
   ".": {
@@ -126445,8 +126694,7 @@ const getNewTranslationHandler = /* @__PURE__ */ __name((isReverse) => ({
     });
     props.annotationVisibilityShow("translations");
   },
-  isHidden: (props) => isProtein(props) || !props.annotationsToSupport || // props.readOnly ||
-  !props.annotationsToSupport.translations,
+  isHidden: (props) => isProtein(props) || !props.annotationsToSupport || props.readOnly || !props.annotationsToSupport.translations,
   isDisabled: (props) => (
     /* (props.readOnly && readOnlyDisabledTooltip) ||  */
     props.sequenceLength === 0 || noSelection(props)
@@ -127808,7 +128056,7 @@ var timeoutDuration = function() {
   }
   return 0;
 }();
-function microtaskDebounce(fn3) {
+function microtaskDebounce(fn4) {
   var called = false;
   return function() {
     if (called) {
@@ -127817,19 +128065,19 @@ function microtaskDebounce(fn3) {
     called = true;
     window.Promise.resolve().then(function() {
       called = false;
-      fn3();
+      fn4();
     });
   };
 }
 __name(microtaskDebounce, "microtaskDebounce");
-function taskDebounce(fn3) {
+function taskDebounce(fn4) {
   var scheduled = false;
   return function() {
     if (!scheduled) {
       scheduled = true;
       setTimeout(function() {
         scheduled = false;
-        fn3();
+        fn4();
       }, timeoutDuration);
     }
   };
@@ -128020,7 +128268,7 @@ var createClass = function() {
     return Constructor;
   };
 }();
-var defineProperty5 = /* @__PURE__ */ __name(function(obj, key, value) {
+var defineProperty4 = /* @__PURE__ */ __name(function(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -128325,11 +128573,11 @@ function runModifiers(modifiers2, data, ends) {
     if (modifier["function"]) {
       console.warn("`modifier.function` is deprecated, use `modifier.fn`!");
     }
-    var fn3 = modifier["function"] || modifier.fn;
-    if (modifier.enabled && isFunction(fn3)) {
+    var fn4 = modifier["function"] || modifier.fn;
+    if (modifier.enabled && isFunction(fn4)) {
       data.offsets.popper = getClientRect(data.offsets.popper);
       data.offsets.reference = getClientRect(data.offsets.reference);
-      data = fn3(data, modifier);
+      data = fn4(data, modifier);
     }
   });
   return data;
@@ -128631,7 +128879,7 @@ function arrow(data, options) {
   var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
   sideValue = Math.max(Math.min(popper2[len] - arrowElementSize, sideValue), 0);
   data.arrowElement = arrowElement;
-  data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty5(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty5(_data$offsets$arrow, altSide, ""), _data$offsets$arrow);
+  data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty4(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty4(_data$offsets$arrow, altSide, ""), _data$offsets$arrow);
   return data;
 }
 __name(arrow, "arrow");
@@ -128862,7 +129110,7 @@ function preventOverflow(data, options) {
       if (popper2[placement] < boundaries[placement] && !options.escapeWithReference) {
         value = Math.max(popper2[placement], boundaries[placement]);
       }
-      return defineProperty5({}, placement, value);
+      return defineProperty4({}, placement, value);
     }, "primary"),
     secondary: /* @__PURE__ */ __name(function secondary(placement) {
       var mainSide = placement === "right" ? "left" : "top";
@@ -128870,7 +129118,7 @@ function preventOverflow(data, options) {
       if (popper2[placement] > boundaries[placement] && !options.escapeWithReference) {
         value = Math.min(popper2[mainSide], boundaries[placement] - (placement === "right" ? popper2.width : popper2.height));
       }
-      return defineProperty5({}, mainSide, value);
+      return defineProperty4({}, mainSide, value);
     }, "secondary")
   };
   order2.forEach(function(placement) {
@@ -128891,8 +129139,8 @@ function shift3(data) {
     var side = isVertical ? "left" : "top";
     var measurement = isVertical ? "width" : "height";
     var shiftOffsets = {
-      start: defineProperty5({}, side, reference2[side]),
-      end: defineProperty5({}, side, reference2[side] + reference2[measurement] - popper2[measurement])
+      start: defineProperty4({}, side, reference2[side]),
+      end: defineProperty4({}, side, reference2[side] + reference2[measurement] - popper2[measurement])
     };
     data.offsets.popper = _extends$1({}, popper2, shiftOffsets[shiftvariation]);
   }
@@ -131658,8 +131906,8 @@ function chain(...fns) {
     return fns[0];
   return function() {
     let result;
-    for (const fn3 of fns) {
-      result = fn3.apply(this, arguments) || result;
+    for (const fn4 of fns) {
+      result = fn4.apply(this, arguments) || result;
     }
     return result;
   };
@@ -132879,9 +133127,9 @@ const _UncontrolledSliderWithPlusMinusBtns = class _UncontrolledSliderWithPlusMi
     const { min: min2, max: max2 } = this.props;
     const stepSize = this.props.stepSize || (max2 - min2) / 10;
     if (bindOutsideChangeHelper) {
-      bindOutsideChangeHelper.triggerChange = (fn3) => {
+      bindOutsideChangeHelper.triggerChange = (fn4) => {
         const valToPass = lodashExports.isNumber(value) && !isNaN(value) ? value : initialValue;
-        return fn3({
+        return fn4({
           value: valToPass,
           changeValue: (newVal2) => {
             const newnew = lodashExports.clamp(newVal2, min2, max2);
@@ -134188,438 +134436,18 @@ function combineLabels(labels, numberOfBuckets) {
 }
 __name(combineLabels, "combineLabels");
 const style$f = "";
-const fontWidthToFontSize = 1.75;
-const getTextLength = /* @__PURE__ */ __name((text2) => {
-  let len = (text2 || "Unlabeled").length;
-  const nonEnInputReg = /[^\x00-\xff]+/g;
-  const nonEnStrings = (text2 || "Unlabeled").match(nonEnInputReg) || [];
-  nonEnStrings.forEach((str) => len += str.length * 0.5);
-  return len;
-}, "getTextLength");
-function Labels({
-  labels = [],
-  extraSideSpace,
-  smartCircViewLabelRender,
-  radius: outerRadius,
-  editorName,
-  noRedux,
-  rotationRadians,
-  textScalingFactor,
-  labelLineIntensity: labelLineIntensity2,
-  labelSize: labelSize2 = 8,
-  fontHeightMultiplier = 2.4,
-  circularViewWidthVsHeightRatio,
-  //width of the circular view
-  condenseOverflowingXLabels = true
-  //set to true to make labels tha
-}) {
-  if (!labels.length) {
-    return {
-      component: null,
-      height: 15
-    };
-  }
-  const originalOuterRadius = outerRadius;
-  outerRadius += smartCircViewLabelRender ? 10 : 25;
-  const radius = outerRadius;
-  const outerPointRadius = outerRadius - 20;
-  const fontWidth = labelSize2 * (textScalingFactor < 1 ? textScalingFactor : 1);
-  const fontHeight = fontWidth * lodashExports.clamp(fontHeightMultiplier, 1.5, 3.5);
-  const labelPoints = labels.map(function(label) {
-    const {
-      annotationCenterAngle: _annotationCenterAngle,
-      annotationCenterRadius
-    } = label;
-    const annotationCenterAngle = _annotationCenterAngle + (rotationRadians || 0);
-    return __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, label), {
-      width: getTextLength(label.text) * fontWidth,
-      //three points define the label:
-      innerPoint: __spreadProps(__spreadValues({}, polarToSpecialCartesian$1(
-        annotationCenterRadius,
-        annotationCenterAngle
-      )), {
-        radius: annotationCenterRadius,
-        angle: annotationCenterAngle
-      }),
-      truncatedInnerPoint: __spreadProps(__spreadValues({}, polarToSpecialCartesian$1(
-        outerPointRadius - 15,
-        annotationCenterAngle
-      )), {
-        radius: outerPointRadius - 15,
-        angle: annotationCenterAngle
-      }),
-      outerPoint: __spreadProps(__spreadValues({}, polarToSpecialCartesian$1(outerPointRadius, annotationCenterAngle)), {
-        radius: outerPointRadius,
-        angle: annotationCenterAngle
-      })
-    }), polarToSpecialCartesian$1(radius, annotationCenterAngle)), {
-      radius: radius + 10,
-      angle: annotationCenterAngle
-    });
-  }).map(function(label) {
-    label.labelAndSublabels = [label];
-    label.labelIds = { [label.id]: true };
-    return label;
-  });
-  let maxRadius = 1;
-  const groupedLabels = relaxLabelAngles(labelPoints, fontHeight, outerRadius).filter((l2) => !!l2).map((originalLabel) => {
-    if (smartCircViewLabelRender) {
-      const newR = Math.sqrt(
-        Math.pow(
-          Math.abs(originalLabel.x) + Math.max(0, originalLabel.text.length * 11 - extraSideSpace / 2),
-          2
-        ) + Math.pow(Math.abs(originalLabel.y), 2)
-      );
-      if (newR > maxRadius)
-        maxRadius = newR;
-    }
-    if (originalLabel.highPriorityLabel) {
-      return originalLabel;
-    }
-    const _highPrioritySublabel = originalLabel.labelAndSublabels.find(
-      (l2) => l2.highPriorityLabel
-    );
-    if (_highPrioritySublabel) {
-      const highPrioritySublabel = lodashExports.cloneDeep(_highPrioritySublabel);
-      [
-        "angle",
-        "annotationCenterAngle",
-        "annotationCenterRadius",
-        "innerPoint",
-        "labelAndSublabels",
-        "labelIds",
-        "outerPoint",
-        "radius",
-        "truncatedInnerPoint",
-        "x",
-        "y"
-      ].forEach((k2) => {
-        highPrioritySublabel[k2] = originalLabel[k2];
-      });
-      delete originalLabel.labelAndSublabels;
-      return highPrioritySublabel;
-    }
-    return originalLabel;
-  });
-  window.isLabelGroupOpen = false;
-  return {
-    component: /* @__PURE__ */ React$2.createElement(
-      "g",
-      {
-        key: "veLabels",
-        className: "veLabels ve-monospace-font",
-        transform: `rotate(-${rotationRadians * 180 / Math.PI})`
-      },
-      /* @__PURE__ */ React$2.createElement(
-        DrawGroupedLabels,
-        __spreadValues({}, {
-          editorName,
-          noRedux,
-          groupedLabels,
-          circularViewWidthVsHeightRatio,
-          fontWidth,
-          fontHeight,
-          condenseOverflowingXLabels,
-          outerRadius,
-          labelLineIntensity: labelLineIntensity2
-        })
-      )
-    ),
-    //we use the <use> tag to position the hovered label group at the top of the stack
-    //point events: none is to fix a click bug..
-    //http://stackoverflow.com/questions/24078524/svg-click-events-not-firing-bubbling-when-using-use-element
-    height: smartCircViewLabelRender ? Math.min(105, maxRadius - originalOuterRadius) : 120
-  };
-}
-__name(Labels, "Labels");
-const DrawLabelGroup = withHover(function({
-  hovered,
-  className,
-  label,
-  labelAndSublabels,
-  fontWidth,
-  noRedux,
-  fontHeight,
-  outerRadius,
-  onMouseLeave,
-  onMouseOver,
-  editorName,
-  circularViewWidthVsHeightRatio,
-  condenseOverflowingXLabels,
-  hoveredId,
-  labelLineIntensity: labelLineIntensity2,
-  // labelIds,
-  multipleLabels
-  // isIdHashmap,
-}) {
-  let { text: text2 = "Unlabeled" } = label;
-  const textLength = getTextLength(text2);
-  let groupLabelXStart;
-  if (label.labelAndSublabels && label.labelAndSublabels.length > 1) {
-    text2 = "+" + (label.labelAndSublabels.length - 1) + "," + text2;
-  }
-  const labelLength = textLength * fontWidth;
-  const maxLabelLength = labelAndSublabels.reduce(function(currentLength, { text: text22 = "Unlabeled" }) {
-    const _textLength = getTextLength(text22);
-    if (_textLength > currentLength) {
-      return _textLength;
-    }
-    return currentLength;
-  }, 0);
-  const maxLabelWidth = maxLabelLength * fontWidth;
-  const labelOnLeft = label.angle > Math.PI;
-  let labelXStart = label.x - (labelOnLeft ? labelLength : 0);
-  if (condenseOverflowingXLabels) {
-    const distancePastBoundary = Math.abs(label.x + (labelOnLeft ? -labelLength : labelLength)) - (outerRadius + 90) * Math.max(1, circularViewWidthVsHeightRatio);
-    if (distancePastBoundary > 0) {
-      const numberOfCharsToChop = Math.ceil(distancePastBoundary / fontWidth) + 2;
-      text2 = text2.slice(0, -numberOfCharsToChop) + "..";
-      groupLabelXStart = labelXStart + (labelOnLeft ? distancePastBoundary : -distancePastBoundary);
-      labelXStart += labelOnLeft ? distancePastBoundary : 0;
-    }
-  }
-  const dy = fontHeight;
-  const textYStart = label.y + dy / 2;
-  let content2;
-  const labelClass = ` veLabelText veCircularViewLabelText clickable ${label.color} `;
-  if ((multipleLabels || groupLabelXStart !== void 0) && hovered) {
-    window.isLabelGroupOpen = true;
-    let hoveredLabel;
-    if (groupLabelXStart !== void 0) {
-      labelXStart = groupLabelXStart;
-    }
-    labelAndSublabels.some(function(label2) {
-      if (label2.id === hoveredId) {
-        hoveredLabel = label2;
-        return true;
-      }
-      return false;
-    });
-    if (!hoveredLabel) {
-      hoveredLabel = label;
-    }
-    let labelYStart = label.y;
-    const labelGroupHeight = labelAndSublabels.length * dy;
-    const labelGroupBottom = label.y + labelGroupHeight;
-    if (labelGroupBottom > outerRadius + 20) {
-      labelYStart -= (label.labelAndSublabels.length - 1) * dy;
-    }
-    const line = LabelLine(
-      [
-        hoveredLabel.innerPoint,
-        // hoveredLabel.labelAndSublabels &&
-        // hoveredLabel.labelAndSublabels.length > 0
-        //   ? hoveredLabel.outerPoint
-        //   : {},
-        label
-      ],
-      { style: { opacity: 1 }, strokeWidth: 2 }
-    );
-    content2 = [
-      line,
-      /* @__PURE__ */ React$2.createElement(PutMyParentOnTop, { editorName, key: "gGroup" }, /* @__PURE__ */ React$2.createElement("g", { className: className + " topLevelLabelGroup" }, /* @__PURE__ */ React$2.createElement(
-        "rect",
-        {
-          onMouseOver: cancelFn,
-          x: labelXStart - 4,
-          y: labelYStart - dy / 2,
-          width: maxLabelWidth + 24,
-          height: labelGroupHeight + 4,
-          fill: "white",
-          stroke: "black"
-        }
-      ), /* @__PURE__ */ React$2.createElement(
-        "text",
-        {
-          x: labelXStart,
-          y: labelYStart,
-          style: {
-            fontSize: fontWidth * fontWidthToFontSize,
-            fontStyle: label.fontStyle
-          }
-        },
-        labelAndSublabels.map(function(label2, index2) {
-          return /* @__PURE__ */ React$2.createElement(
-            DrawGroupInnerLabel,
-            __spreadValues({
-              isSubLabel: true,
-              noRedux,
-              editorName,
-              logHover: true,
-              key: "labelItem" + index2,
-              className: (label2.className || "") + labelClass + " veDrawGroupInnerLabel",
-              id: label2.id
-            }, { labelXStart, label: label2, fontWidth, index: index2, dy })
-          );
-        })
-      )))
-    ];
-  } else {
-    content2 = [
-      /* @__PURE__ */ React$2.createElement("title", { key: "labeltitle" }, label.title || label.text),
-      /* @__PURE__ */ React$2.createElement(
-        "text",
-        {
-          key: "text",
-          x: labelXStart,
-          textLength: getTextLength(text2) * fontWidth,
-          lengthAdjust: "spacing",
-          className: labelClass + label.className + (hovered ? " veAnnotationHovered" : ""),
-          y: textYStart,
-          style: {
-            fontSize: fontWidth * fontWidthToFontSize,
-            fontStyle: label.fontStyle,
-            fill: label.color || "black"
-            // stroke: label.color ? label.color : "black"
-          }
-        },
-        text2
-      ),
-      LabelLine(
-        [
-          label.innerPoint,
-          // hovered || label.annotationType === "part" //because parts live on the outside of the sequence, we don't need to show the truncated point, we can just point to them directly
-          //   ? label.innerPoint
-          //   : label.truncatedInnerPoint,
-          label.outerPoint,
-          label
-        ],
-        hovered ? { style: { opacity: 1 }, strokeWidth: 2 } : { style: { opacity: labelLineIntensity2 } }
-      )
-    ];
-  }
-  return /* @__PURE__ */ React$2.createElement(
-    "g",
-    __spreadValues(__spreadValues({}, { onMouseLeave, onMouseOver }), {
-      onClick: label.onClick,
-      onDoubleClick: label.onDoubleClick || lodashExports.noop,
-      onContextMenu: label.onContextMenu || lodashExports.noop
-    }),
-    content2
-  );
-});
-function LabelLine(pointArray, options) {
-  let points = "";
-  pointArray.forEach(function({ x, y: y2 }) {
-    if (!x && x !== 0)
-      return;
-    points += `${x},${y2} `;
-  });
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, { key: "labelLine" }, /* @__PURE__ */ React$2.createElement(
-    "polyline",
-    __spreadValues({}, __spreadValues({
-      key: "polyline-long",
-      points,
-      stroke: "black",
-      fill: "none",
-      strokeWidth: 1,
-      className: "veLabelLine"
-    }, options))
-  ));
-}
-__name(LabelLine, "LabelLine");
-const DrawGroupInnerLabel = withHover(
-  ({ className, labelXStart, label, fontWidth, onMouseOver, index: index2, dy }) => {
-    return /* @__PURE__ */ React$2.createElement(
-      "tspan",
-      __spreadProps(__spreadValues({
-        x: labelXStart,
-        textLength: getTextLength(label.text) * fontWidth,
-        lengthAdjust: "spacing",
-        onClick: label.onClick,
-        onDoubleClick: (e2) => {
-          e2.stopPropagation();
-          label.onDoubleClick && label.onDoubleClick(e2);
-        },
-        onContextMenu: label.onContextMenu,
-        dy: index2 === 0 ? dy / 2 : dy,
-        style: {
-          fill: label.color ? label.color : "black",
-          fontStyle: label.fontStyle
-        }
-      }, { onMouseOver }), {
-        className
-      }),
-      /* @__PURE__ */ React$2.createElement("title", null, label.title),
-      label.text
-    );
-  }
-);
-const DrawGroupedLabels = /* @__PURE__ */ __name(function DrawGroupedLabelsInner({
-  groupedLabels,
-  circularViewWidthVsHeightRatio,
-  fontWidth,
-  noRedux,
-  fontHeight,
-  condenseOverflowingXLabels,
-  outerRadius,
-  editorName,
-  labelLineIntensity: labelLineIntensity2
-}) {
-  return groupedLabels.map(function(label, i) {
-    const { labelAndSublabels, labelIds } = label;
-    const multipleLabels = labelAndSublabels.length > 1;
-    return /* @__PURE__ */ React$2.createElement(
-      DrawLabelGroup,
-      __spreadValues({
-        key: i,
-        id: labelIds
-      }, {
-        label,
-        noRedux,
-        passHoveredId: true,
-        //needed to get the hoveredId
-        isLabelGroup: true,
-        className: "DrawLabelGroup",
-        multipleLabels,
-        labelAndSublabels,
-        labelIds,
-        circularViewWidthVsHeightRatio,
-        fontWidth,
-        editorName,
-        fontHeight,
-        condenseOverflowingXLabels,
-        outerRadius,
-        labelLineIntensity: labelLineIntensity2
-      })
-    );
-  });
-}, "DrawGroupedLabelsInner");
-function cancelFn(e2) {
-  e2.stopPropagation();
-}
-__name(cancelFn, "cancelFn");
-const _PutMyParentOnTop = class _PutMyParentOnTop extends React$2.Component {
-  componentDidMount() {
-    const { editorName } = this.props;
-    try {
-      const el = document.querySelector(
-        `.veEditor.${editorName} .topLevelLabelGroup`
-      );
-      const parent2 = el.parentElement.parentElement;
-      const i = Array.prototype.indexOf.call(parent2.children, el.parentElement);
-      parent2.insertBefore(parent2.children[i], null);
-    } catch (error) {
-      console.warn(
-        "OVE-975239 - hit an error trying to re-order labels:",
-        error
-      );
-    }
-  }
-  render() {
-    return this.props.children;
-  }
-};
-__name(_PutMyParentOnTop, "PutMyParentOnTop");
-let PutMyParentOnTop = _PutMyParentOnTop;
-var baseGetTag = _baseGetTag, isObjectLike = isObjectLike_1;
-var numberTag = "[object Number]";
-function isNumber(value) {
-  return typeof value == "number" || isObjectLike(value) && baseGetTag(value) == numberTag;
+function getRangeAnglesSpecial() {
+  const _a2 = getRangeAngles.apply(
+    this,
+    arguments
+  ), { endAngle, totalAngle } = _a2, rest = __objRest(_a2, ["endAngle", "totalAngle"]);
+  return __spreadValues({
+    endAngle: endAngle - 1e-5,
+    //we subtract a tiny amount because an angle of 2PI will cause nothing to be drawn!
+    totalAngle: totalAngle - 1e-5
+  }, rest);
 }
-__name(isNumber, "isNumber");
-var isNumber_1 = isNumber;
-const isNumber$1 = /* @__PURE__ */ getDefaultExportFromCjs(isNumber_1);
+__name(getRangeAnglesSpecial, "getRangeAnglesSpecial");
 function PositionAnnotationOnCircle(_z) {
   var _A = _z, {
     children,
@@ -134650,60 +134478,6 @@ function PositionAnnotationOnCircle(_z) {
   return React$2.cloneElement(children, props);
 }
 __name(PositionAnnotationOnCircle, "PositionAnnotationOnCircle");
-function Caret({
-  caretPosition: caretPosition2,
-  sequenceLength,
-  className,
-  onClick,
-  isSelection,
-  innerRadius,
-  outerRadius,
-  isProtein: isProtein2,
-  selectionMessage
-}) {
-  const { startAngle, endAngle } = getRangeAngles(
-    { start: caretPosition2, end: caretPosition2 },
-    sequenceLength || 1
-  );
-  if (!isNumber$1(startAngle)) {
-    console.error("we've got a problem!");
-  }
-  const { transform: transform3 } = PositionAnnotationOnCircle({
-    sAngle: startAngle,
-    eAngle: endAngle,
-    height: 0
-  });
-  return /* @__PURE__ */ React$2.createElement(
-    "g",
-    {
-      onClick,
-      transform: transform3,
-      className: className + " veCaret " + draggableClassnames.caret
-    },
-    /* @__PURE__ */ React$2.createElement("title", null, selectionMessage || getSelectionMessage({ caretPosition: caretPosition2, isProtein: isProtein2, sequenceLength })),
-    /* @__PURE__ */ React$2.createElement(
-      "line",
-      {
-        strokeWidth: "1.5px",
-        x1: 0,
-        y1: -innerRadius,
-        x2: 0,
-        y2: -outerRadius
-      }
-    ),
-    isSelection ? /* @__PURE__ */ React$2.createElement(
-      "polygon",
-      {
-        className: "vePolygonCaretHandle",
-        fill: "black",
-        points: `0,${-outerRadius + 2} 5,${-outerRadius - 10} -5,${-outerRadius - 10}`
-      }
-    ) : null
-  );
-}
-__name(Caret, "Caret");
-const Caret$1 = pure(Caret);
-var sector$1 = { exports: {} };
 var path = { exports: {} };
 var geom = { exports: {} };
 (function(module2, exports2) {
@@ -135312,407 +135086,6 @@ var geomExports = geom.exports;
 })(path, path.exports);
 var pathExports = path.exports;
 const Path = /* @__PURE__ */ getDefaultExportFromCjs(pathExports);
-var ops = {};
-(function(exports2) {
-  Object.defineProperty(exports2, "__esModule", {
-    value: true
-  });
-  var _slicedToArray2 = function() {
-    function sliceIterator(arr, i) {
-      var _arr = [];
-      var _n = true;
-      var _d = false;
-      var _e = void 0;
-      try {
-        for (var _i = arr[Symbol.iterator](), _s2; !(_n = (_s2 = _i.next()).done); _n = true) {
-          _arr.push(_s2.value);
-          if (i && _arr.length === i)
-            break;
-        }
-      } catch (err2) {
-        _d = true;
-        _e = err2;
-      } finally {
-        try {
-          if (!_n && _i["return"])
-            _i["return"]();
-        } finally {
-          if (_d)
-            throw _e;
-        }
-      }
-      return _arr;
-    }
-    __name(sliceIterator, "sliceIterator");
-    return function(arr, i) {
-      if (Array.isArray(arr)) {
-        return arr;
-      } else if (Symbol.iterator in Object(arr)) {
-        return sliceIterator(arr, i);
-      } else {
-        throw new TypeError("Invalid attempt to destructure non-iterable instance");
-      }
-    };
-  }();
-  var sum2 = /* @__PURE__ */ __name(function sum3(xs) {
-    return xs.reduce(function(a2, b3) {
-      return a2 + b3;
-    }, 0);
-  }, "sum");
-  var min2 = /* @__PURE__ */ __name(function min3(xs) {
-    return xs.reduce(function(a2, b3) {
-      return Math.min(a2, b3);
-    });
-  }, "min");
-  var max2 = /* @__PURE__ */ __name(function max3(xs) {
-    return xs.reduce(function(a2, b3) {
-      return Math.max(a2, b3);
-    });
-  }, "max");
-  var sumBy = /* @__PURE__ */ __name(function sumBy2(xs, f2) {
-    return xs.reduce(function(a2, b3) {
-      return a2 + f2(b3);
-    }, 0);
-  }, "sumBy");
-  var minBy = /* @__PURE__ */ __name(function minBy2(xs, f2) {
-    return xs.reduce(function(a2, b3) {
-      return Math.min(a2, f2(b3));
-    }, Infinity);
-  }, "minBy");
-  var maxBy = /* @__PURE__ */ __name(function maxBy2(xs, f2) {
-    return xs.reduce(function(a2, b3) {
-      return Math.max(a2, f2(b3));
-    }, -Infinity);
-  }, "maxBy");
-  var plus = /* @__PURE__ */ __name(function plus2(_ref, _ref3) {
-    var _ref2 = _slicedToArray2(_ref, 2);
-    var a2 = _ref2[0];
-    var b3 = _ref2[1];
-    var _ref32 = _slicedToArray2(_ref3, 2);
-    var c2 = _ref32[0];
-    var d2 = _ref32[1];
-    return [a2 + c2, b3 + d2];
-  }, "plus");
-  var minus = /* @__PURE__ */ __name(function minus2(_ref4, _ref5) {
-    var _ref42 = _slicedToArray2(_ref4, 2);
-    var a2 = _ref42[0];
-    var b3 = _ref42[1];
-    var _ref52 = _slicedToArray2(_ref5, 2);
-    var c2 = _ref52[0];
-    var d2 = _ref52[1];
-    return [a2 - c2, b3 - d2];
-  }, "minus");
-  var times = /* @__PURE__ */ __name(function times2(k2, _ref6) {
-    var _ref62 = _slicedToArray2(_ref6, 2);
-    var a2 = _ref62[0];
-    var b3 = _ref62[1];
-    return [k2 * a2, k2 * b3];
-  }, "times");
-  var length = /* @__PURE__ */ __name(function length2(_ref7) {
-    var _ref72 = _slicedToArray2(_ref7, 2);
-    var a2 = _ref72[0];
-    var b3 = _ref72[1];
-    return Math.sqrt(a2 * a2 + b3 * b3);
-  }, "length");
-  var sumVectors = /* @__PURE__ */ __name(function sumVectors2(xs) {
-    return xs.reduce(plus, [0, 0]);
-  }, "sumVectors");
-  var average = /* @__PURE__ */ __name(function average2(points) {
-    return times(1 / points.length, points.reduce(plus));
-  }, "average");
-  var onCircle = /* @__PURE__ */ __name(function onCircle2(r2, angle2) {
-    return times(r2, [Math.sin(angle2), -Math.cos(angle2)]);
-  }, "onCircle");
-  var enhance = /* @__PURE__ */ __name(function enhance2(compute, curve) {
-    var obj = compute || {};
-    for (var key in obj) {
-      var method = obj[key];
-      curve[key] = method(curve.index, curve.item, curve.group);
-    }
-    return curve;
-  }, "enhance");
-  var range2 = /* @__PURE__ */ __name(function range3(a2, b3, inclusive) {
-    var result = [];
-    for (var i = a2; i < b3; i++) {
-      result.push(i);
-    }
-    if (inclusive) {
-      result.push(b3);
-    }
-    return result;
-  }, "range");
-  var mapObject = /* @__PURE__ */ __name(function mapObject2(obj, f2) {
-    var result = [];
-    var _iteratorNormalCompletion = true;
-    var _didIteratorError = false;
-    var _iteratorError = void 0;
-    try {
-      for (var _iterator3 = Object.keys(obj)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator3.next()).done); _iteratorNormalCompletion = true) {
-        var k2 = _step.value;
-        var v2 = obj[k2];
-        result.push(f2(k2, v2));
-      }
-    } catch (err2) {
-      _didIteratorError = true;
-      _iteratorError = err2;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion && _iterator3["return"]) {
-          _iterator3["return"]();
-        }
-      } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
-      }
-    }
-    return result;
-  }, "mapObject");
-  var pairs = /* @__PURE__ */ __name(function pairs2(obj) {
-    return mapObject(obj, function(k2, v2) {
-      return [k2, v2];
-    });
-  }, "pairs");
-  var id2 = /* @__PURE__ */ __name(function id3(x) {
-    return x;
-  }, "id");
-  exports2.sum = sum2;
-  exports2.min = min2;
-  exports2.max = max2;
-  exports2.sumBy = sumBy;
-  exports2.minBy = minBy;
-  exports2.maxBy = maxBy;
-  exports2.plus = plus;
-  exports2.minus = minus;
-  exports2.times = times;
-  exports2.id = id2;
-  exports2.length = length;
-  exports2.sumVectors = sumVectors;
-  exports2.average = average;
-  exports2.onCircle = onCircle;
-  exports2.enhance = enhance;
-  exports2.range = range2;
-  exports2.mapObject = mapObject;
-  exports2.pairs = pairs;
-  exports2["default"] = {
-    sum: sum2,
-    min: min2,
-    max: max2,
-    sumBy,
-    minBy,
-    maxBy,
-    plus,
-    minus,
-    times,
-    id: id2,
-    length,
-    sumVectors,
-    average,
-    onCircle,
-    enhance,
-    range: range2,
-    mapObject,
-    pairs
-  };
-})(ops);
-(function(module2, exports2) {
-  Object.defineProperty(exports2, "__esModule", {
-    value: true
-  });
-  function _interopRequireDefault2(obj) {
-    return obj && obj.__esModule ? obj : { "default": obj };
-  }
-  __name(_interopRequireDefault2, "_interopRequireDefault");
-  function _toConsumableArray2(arr) {
-    if (Array.isArray(arr)) {
-      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++)
-        arr2[i] = arr[i];
-      return arr2;
-    } else {
-      return Array.from(arr);
-    }
-  }
-  __name(_toConsumableArray2, "_toConsumableArray");
-  var _path = pathExports;
-  var _path2 = _interopRequireDefault2(_path);
-  var _ops = ops;
-  exports2["default"] = function(_ref) {
-    var _Path$moveto$arc$lineto, _Path$moveto$arc, _Path$moveto, _Path;
-    var center = _ref.center;
-    var r2 = _ref.r;
-    var R2 = _ref.R;
-    var start2 = _ref.start;
-    var end2 = _ref.end;
-    var epsilon = 1e-4;
-    if (Math.abs(end2 - 2 * Math.PI) < epsilon) {
-      end2 = 2 * Math.PI - epsilon;
-    }
-    var a2 = (0, _ops.plus)(center, (0, _ops.onCircle)(R2, start2));
-    var b3 = (0, _ops.plus)(center, (0, _ops.onCircle)(R2, end2));
-    var c2 = (0, _ops.plus)(center, (0, _ops.onCircle)(r2, end2));
-    var d2 = (0, _ops.plus)(center, (0, _ops.onCircle)(r2, start2));
-    var large = end2 - start2 > Math.PI ? 1 : 0;
-    var path2 = (_Path$moveto$arc$lineto = (_Path$moveto$arc = (_Path$moveto = (_Path = (0, _path2["default"])()).moveto.apply(_Path, _toConsumableArray2(a2))).arc.apply(_Path$moveto, [R2, R2, 0, large, 1].concat(_toConsumableArray2(b3)))).lineto.apply(_Path$moveto$arc, _toConsumableArray2(c2))).arc.apply(_Path$moveto$arc$lineto, [r2, r2, 0, large, 0].concat(_toConsumableArray2(d2))).closepath();
-    var midAngle = (start2 + end2) / 2;
-    var midRadius = (r2 + R2) / 2;
-    var centroid = (0, _ops.plus)(center, (0, _ops.onCircle)(midRadius, midAngle));
-    return {
-      path: path2,
-      centroid
-    };
-  };
-  module2.exports = exports2["default"];
-})(sector$1, sector$1.exports);
-var sectorExports = sector$1.exports;
-const sector = /* @__PURE__ */ getDefaultExportFromCjs(sectorExports);
-function getRangeAnglesSpecial() {
-  const _a2 = getRangeAngles.apply(
-    this,
-    arguments
-  ), { endAngle, totalAngle } = _a2, rest = __objRest(_a2, ["endAngle", "totalAngle"]);
-  return __spreadValues({
-    endAngle: endAngle - 1e-5,
-    //we subtract a tiny amount because an angle of 2PI will cause nothing to be drawn!
-    totalAngle: totalAngle - 1e-5
-  }, rest);
-}
-__name(getRangeAnglesSpecial, "getRangeAnglesSpecial");
-function SelectionLayer({
-  isDraggable,
-  selectionLayer: selectionLayer2,
-  sequenceLength,
-  radius,
-  hideTitle,
-  innerRadius,
-  onRightClicked,
-  onClick,
-  index: index2,
-  isProtein: isProtein2
-}) {
-  const {
-    color: color2,
-    start: start2,
-    end: end2,
-    hideCarets = false,
-    style: style2,
-    className
-  } = selectionLayer2;
-  const { startAngle, endAngle, totalAngle } = getRangeAnglesSpecial(
-    selectionLayer2,
-    sequenceLength
-  );
-  const section = sector({
-    center: [0, 0],
-    //the center is always 0,0 for our annotations :) we rotate later!
-    r: innerRadius,
-    R: radius,
-    start: 0,
-    end: totalAngle
-  });
-  const selectionMessage = getSelectionMessage({
-    sequenceLength,
-    selectionLayer: selectionLayer2,
-    isProtein: isProtein2
-  });
-  const { transform: transform3 } = PositionAnnotationOnCircle({
-    sAngle: startAngle,
-    eAngle: endAngle,
-    height: 0
-  });
-  return /* @__PURE__ */ React$2.createElement(
-    "g",
-    {
-      onContextMenu: (event) => {
-        onRightClicked && onRightClicked({
-          annotation: selectionLayer2,
-          event
-        });
-      },
-      onClick: onClick ? (event) => {
-        onClick({
-          annotation: selectionLayer2,
-          event
-        });
-      } : void 0,
-      key: "veSelectionLayer" + index2,
-      className: "veSelectionLayer " + (className || "")
-    },
-    !hideTitle && /* @__PURE__ */ React$2.createElement("title", null, selectionMessage),
-    /* @__PURE__ */ React$2.createElement(
-      "path",
-      {
-        transform: transform3,
-        className: "selectionLayer",
-        style: __spreadValues({ opacity: 0.3 }, style2),
-        d: section.path.print(),
-        fill: color2
-      }
-    ),
-    !hideCarets && /* @__PURE__ */ React$2.createElement(
-      Caret$1,
-      {
-        key: "caret1",
-        className: className + " selectionLayerCaret " + (isDraggable ? draggableClassnames.selectionStart : ""),
-        isSelection: true,
-        onClick: onClick ? noop$4 : preventDefaultStopPropagation,
-        selectionMessage,
-        caretPosition: start2,
-        sequenceLength,
-        innerRadius,
-        outerRadius: radius
-      }
-    ),
-    !hideCarets && /* @__PURE__ */ React$2.createElement(
-      Caret$1,
-      {
-        key: "caret2",
-        className: className + " selectionLayerCaret " + (isDraggable ? draggableClassnames.selectionEnd : ""),
-        isSelection: true,
-        onClick: onClick ? noop$4 : preventDefaultStopPropagation,
-        selectionMessage,
-        caretPosition: end2 + 1,
-        sequenceLength,
-        innerRadius,
-        outerRadius: radius
-      }
-    )
-  );
-}
-__name(SelectionLayer, "SelectionLayer");
-const SelectionLayer$1 = pure(SelectionLayer);
-function Axis({
-  radius,
-  showAxisNumbers,
-  tickMarkHeight = 5,
-  textOffset = 15,
-  ringThickness = 4,
-  zoomLevel
-}) {
-  const height2 = (ringThickness + (showAxisNumbers ? textOffset + tickMarkHeight : 0)) / zoomLevel;
-  const radiusToUse = showAxisNumbers ? radius + textOffset + tickMarkHeight : radius;
-  const component = /* @__PURE__ */ React$2.createElement("g", { key: "veAxis", className: "veAxis" }, /* @__PURE__ */ React$2.createElement(
-    "circle",
-    {
-      className: "veAxisLine veAxisOuter",
-      key: "circleOuter",
-      r: radiusToUse + ringThickness,
-      style: { fill: "#ffffff00", stroke: "black", strokeWidth: 0.5 }
-    }
-  ), /* @__PURE__ */ React$2.createElement(
-    "circle",
-    {
-      className: "veAxisLine veAxisInner",
-      key: "circle",
-      r: radiusToUse,
-      style: { fill: "#ffffff00", stroke: "black", strokeWidth: 0.5 }
-    }
-  ));
-  return {
-    component,
-    height: height2
-  };
-}
-__name(Axis, "Axis");
 function polarToSpecialCartesian(radius, angleInRadians) {
   return {
     x: radius * Math.cos(angleInRadians - Math.PI / 2),
@@ -135828,30 +135201,6 @@ function drawDirectedPiePiece({
   return path2;
 }
 __name(drawDirectedPiePiece, "drawDirectedPiePiece");
-function CircularPrimer$1({
-  color: color2 = "orange",
-  radius,
-  annotationHeight,
-  totalAngle
-}) {
-  return /* @__PURE__ */ React$2.createElement(
-    "path",
-    {
-      className: "veOrf",
-      strokeWidth: ".5",
-      stroke: color2,
-      fill: color2,
-      d: drawDirectedPiePiece({
-        radius,
-        annotationHeight,
-        totalAngle,
-        arrowheadLength: 0.4,
-        tailThickness: 0.4
-      }).print()
-    }
-  );
-}
-__name(CircularPrimer$1, "CircularPrimer$1");
 function getInternalLabel({
   ellipsizedName,
   id: id2,
@@ -135965,58 +135314,6 @@ function Feature(props) {
   })));
 }
 __name(Feature, "Feature");
-function CircularPrimer(props) {
-  const {
-    color: color2 = "orange",
-    radius,
-    arrowheadLength = 0.5,
-    annotationHeight,
-    totalAngle,
-    id: id2,
-    labelNeedsFlip,
-    ellipsizedName
-  } = props;
-  const [path2, textPath] = drawDirectedPiePiece({
-    radius,
-    annotationHeight,
-    totalAngle,
-    arrowheadLength,
-    tailThickness: 1,
-    //feature specific
-    returnTextPath: true,
-    hasLabel: ellipsizedName,
-    labelNeedsFlip
-  });
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, getStripedPattern({ color: color2 }), /* @__PURE__ */ React$2.createElement(
-    "path",
-    {
-      className: "vePrimer veCircularViewPrimer",
-      id: id2,
-      strokeWidth: ".5",
-      stroke: "black",
-      fill: "url(#diagonalHatch)",
-      d: path2.print()
-    }
-  ), getInternalLabel(__spreadProps(__spreadValues({}, props), { colorToUse: color2, textPath })));
-}
-__name(CircularPrimer, "CircularPrimer");
-function Cutsite({
-  annotationHeight,
-  radius
-  // totalAngle,
-  // ...rest
-}) {
-  return /* @__PURE__ */ React$2.createElement(
-    "rect",
-    {
-      className: "veCutsite",
-      width: 1,
-      y: -radius - 4,
-      height: annotationHeight
-    }
-  );
-}
-__name(Cutsite, "Cutsite");
 function drawAnnotations(props) {
   const {
     readOnly: readOnly2,
@@ -136297,7 +135594,6 @@ function DrawAnnotationInner({
     onMouseLeave,
     onMouseOver
   };
-  const title = /* @__PURE__ */ React$2.createElement("title", null, titleText);
   function getInner({
     startAngle: startAngle2,
     endAngle: endAngle2,
@@ -136314,11 +135610,12 @@ function DrawAnnotationInner({
     });
     return /* @__PURE__ */ React$2.createElement(
       "g",
-      __spreadValues({
+      __spreadValues(__spreadProps(__spreadValues({
         transform: transform3,
+        "data-title": noTitle ? null : titleText
+      }, avoidOverlapWith), {
         key: isNotLocation ? "notLocation" : "location--" + annotation.id + "--" + i
-      }, sharedProps),
-      noTitle ? null : title,
+      }), sharedProps),
       /* @__PURE__ */ React$2.createElement(
         Annotation,
         __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, passAnnotation && { annotation }), {
@@ -136351,6 +135648,964 @@ function DrawAnnotationInner({
 }
 __name(DrawAnnotationInner, "DrawAnnotationInner");
 const DrawAnnotation = withHover(DrawAnnotationInner);
+const avoidOverlapWith = {
+  "data-avoid": ".topLevelLabelGroup",
+  "data-avoid-backup": ".veLabel.veAnnotationHovered"
+};
+const fontWidthToFontSize = 1.75;
+const getTextLength = /* @__PURE__ */ __name((text2) => {
+  let len = (text2 || "Unlabeled").length;
+  const nonEnInputReg = /[^\x00-\xff]+/g;
+  const nonEnStrings = (text2 || "Unlabeled").match(nonEnInputReg) || [];
+  nonEnStrings.forEach((str) => len += str.length * 0.5);
+  return len;
+}, "getTextLength");
+function Labels({
+  labels = [],
+  extraSideSpace,
+  smartCircViewLabelRender,
+  radius: outerRadius,
+  editorName,
+  noRedux,
+  rotationRadians,
+  textScalingFactor,
+  labelLineIntensity: labelLineIntensity2,
+  labelSize: labelSize2 = 8,
+  fontHeightMultiplier = 2.4,
+  circularViewWidthVsHeightRatio,
+  //width of the circular view
+  condenseOverflowingXLabels = true
+  //set to true to make labels tha
+}) {
+  if (!labels.length) {
+    return {
+      component: null,
+      height: 15
+    };
+  }
+  const originalOuterRadius = outerRadius;
+  outerRadius += smartCircViewLabelRender ? 10 : 25;
+  const radius = outerRadius;
+  const outerPointRadius = outerRadius - 20;
+  const fontWidth = labelSize2 * (textScalingFactor < 1 ? textScalingFactor : 1);
+  const fontHeight = fontWidth * lodashExports.clamp(fontHeightMultiplier, 1.5, 3.5);
+  const labelPoints = labels.map(function(label) {
+    const {
+      annotationCenterAngle: _annotationCenterAngle,
+      annotationCenterRadius
+    } = label;
+    const annotationCenterAngle = _annotationCenterAngle + (rotationRadians || 0);
+    return __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, label), {
+      width: getTextLength(label.text) * fontWidth,
+      //three points define the label:
+      innerPoint: __spreadProps(__spreadValues({}, polarToSpecialCartesian$1(
+        annotationCenterRadius,
+        annotationCenterAngle
+      )), {
+        radius: annotationCenterRadius,
+        angle: annotationCenterAngle
+      }),
+      truncatedInnerPoint: __spreadProps(__spreadValues({}, polarToSpecialCartesian$1(
+        outerPointRadius - 15,
+        annotationCenterAngle
+      )), {
+        radius: outerPointRadius - 15,
+        angle: annotationCenterAngle
+      }),
+      outerPoint: __spreadProps(__spreadValues({}, polarToSpecialCartesian$1(outerPointRadius, annotationCenterAngle)), {
+        radius: outerPointRadius,
+        angle: annotationCenterAngle
+      })
+    }), polarToSpecialCartesian$1(radius, annotationCenterAngle)), {
+      radius: radius + 10,
+      angle: annotationCenterAngle
+    });
+  }).map(function(label) {
+    label.labelAndSublabels = [label];
+    label.labelIds = { [label.id]: true };
+    return label;
+  });
+  let maxRadius = 1;
+  const groupedLabels = relaxLabelAngles(labelPoints, fontHeight, outerRadius).filter((l2) => !!l2).map((originalLabel) => {
+    if (smartCircViewLabelRender) {
+      const newR = Math.sqrt(
+        Math.pow(
+          Math.abs(originalLabel.x) + Math.max(0, originalLabel.text.length * 11 - extraSideSpace / 2),
+          2
+        ) + Math.pow(Math.abs(originalLabel.y), 2)
+      );
+      if (newR > maxRadius)
+        maxRadius = newR;
+    }
+    if (originalLabel.highPriorityLabel) {
+      return originalLabel;
+    }
+    const _highPrioritySublabel = originalLabel.labelAndSublabels.find(
+      (l2) => l2.highPriorityLabel
+    );
+    if (_highPrioritySublabel) {
+      const highPrioritySublabel = lodashExports.cloneDeep(_highPrioritySublabel);
+      [
+        "angle",
+        "annotationCenterAngle",
+        "annotationCenterRadius",
+        "innerPoint",
+        "labelAndSublabels",
+        "labelIds",
+        "outerPoint",
+        "radius",
+        "truncatedInnerPoint",
+        "x",
+        "y"
+      ].forEach((k2) => {
+        highPrioritySublabel[k2] = originalLabel[k2];
+      });
+      delete originalLabel.labelAndSublabels;
+      return highPrioritySublabel;
+    }
+    return originalLabel;
+  });
+  window.isLabelGroupOpen = false;
+  return {
+    component: /* @__PURE__ */ React$2.createElement(
+      "g",
+      {
+        key: "veLabels",
+        className: "veLabels ve-monospace-font",
+        transform: `rotate(-${rotationRadians * 180 / Math.PI})`
+      },
+      /* @__PURE__ */ React$2.createElement(
+        DrawGroupedLabels,
+        __spreadValues({}, {
+          editorName,
+          noRedux,
+          groupedLabels,
+          circularViewWidthVsHeightRatio,
+          fontWidth,
+          fontHeight,
+          condenseOverflowingXLabels,
+          outerRadius,
+          labelLineIntensity: labelLineIntensity2
+        })
+      )
+    ),
+    //we use the <use> tag to position the hovered label group at the top of the stack
+    //point events: none is to fix a click bug..
+    //http://stackoverflow.com/questions/24078524/svg-click-events-not-firing-bubbling-when-using-use-element
+    height: smartCircViewLabelRender ? Math.min(105, maxRadius - originalOuterRadius) : 120
+  };
+}
+__name(Labels, "Labels");
+const DrawLabelGroup = withHover(function({
+  hovered,
+  className,
+  label,
+  labelAndSublabels,
+  fontWidth,
+  noRedux,
+  fontHeight,
+  outerRadius,
+  onMouseLeave,
+  onMouseOver,
+  editorName,
+  circularViewWidthVsHeightRatio,
+  condenseOverflowingXLabels,
+  hoveredId,
+  labelLineIntensity: labelLineIntensity2,
+  // labelIds,
+  multipleLabels
+  // isIdHashmap,
+}) {
+  let { text: text2 = "Unlabeled" } = label;
+  const textLength = getTextLength(text2);
+  let groupLabelXStart;
+  if (label.labelAndSublabels && label.labelAndSublabels.length > 1) {
+    text2 = "+" + (label.labelAndSublabels.length - 1) + "," + text2;
+  }
+  const labelLength = textLength * fontWidth;
+  const maxLabelLength = labelAndSublabels.reduce(function(currentLength, { text: text22 = "Unlabeled" }) {
+    const _textLength = getTextLength(text22);
+    if (_textLength > currentLength) {
+      return _textLength;
+    }
+    return currentLength;
+  }, 0);
+  const maxLabelWidth = maxLabelLength * fontWidth;
+  const labelOnLeft = label.angle > Math.PI;
+  let labelXStart = label.x - (labelOnLeft ? labelLength : 0);
+  if (condenseOverflowingXLabels) {
+    const distancePastBoundary = Math.abs(label.x + (labelOnLeft ? -labelLength : labelLength)) - (outerRadius + 90) * Math.max(1, circularViewWidthVsHeightRatio);
+    if (distancePastBoundary > 0) {
+      const numberOfCharsToChop = Math.ceil(distancePastBoundary / fontWidth) + 2;
+      text2 = text2.slice(0, -numberOfCharsToChop) + "..";
+      groupLabelXStart = labelXStart + (labelOnLeft ? distancePastBoundary : -distancePastBoundary);
+      labelXStart += labelOnLeft ? distancePastBoundary : 0;
+    }
+  }
+  const dy = fontHeight;
+  const textYStart = label.y + dy / 2;
+  let content2;
+  const labelClass = ` veLabelText veLabel veCircularViewLabelText clickable ${label.color} `;
+  if ((multipleLabels || groupLabelXStart !== void 0) && hovered) {
+    window.isLabelGroupOpen = true;
+    let hoveredLabel;
+    if (groupLabelXStart !== void 0) {
+      labelXStart = groupLabelXStart;
+    }
+    labelAndSublabels.some(function(label2) {
+      if (label2.id === hoveredId) {
+        hoveredLabel = label2;
+        return true;
+      }
+      return false;
+    });
+    if (!hoveredLabel) {
+      hoveredLabel = label;
+    }
+    let labelYStart = label.y;
+    const labelGroupHeight = labelAndSublabels.length * dy;
+    const labelGroupBottom = label.y + labelGroupHeight;
+    if (labelGroupBottom > outerRadius + 20) {
+      labelYStart -= (label.labelAndSublabels.length - 1) * dy;
+    }
+    const line = LabelLine(
+      [
+        hoveredLabel.innerPoint,
+        // hoveredLabel.labelAndSublabels &&
+        // hoveredLabel.labelAndSublabels.length > 0
+        //   ? hoveredLabel.outerPoint
+        //   : {},
+        label
+      ],
+      { style: { opacity: 1 }, strokeWidth: 2 }
+    );
+    content2 = [
+      line,
+      /* @__PURE__ */ React$2.createElement(PutMyParentOnTop, { editorName, key: "gGroup" }, /* @__PURE__ */ React$2.createElement("g", { className: className + " veLabel topLevelLabelGroup" }, /* @__PURE__ */ React$2.createElement(
+        "rect",
+        {
+          onMouseOver: cancelFn,
+          x: labelXStart - 4,
+          y: labelYStart - dy / 2,
+          width: maxLabelWidth + 24,
+          height: labelGroupHeight + 4,
+          fill: "white",
+          stroke: "black"
+        }
+      ), /* @__PURE__ */ React$2.createElement(
+        "text",
+        {
+          x: labelXStart,
+          y: labelYStart,
+          style: {
+            fontSize: fontWidth * fontWidthToFontSize,
+            fontStyle: label.fontStyle
+          }
+        },
+        labelAndSublabels.map(function(label2, index2) {
+          return /* @__PURE__ */ React$2.createElement(
+            DrawGroupInnerLabel,
+            __spreadValues({
+              isSubLabel: true,
+              noRedux,
+              editorName,
+              logHover: true,
+              key: "labelItem" + index2,
+              className: (label2.className || "") + labelClass + " veDrawGroupInnerLabel",
+              id: label2.id
+            }, { labelXStart, label: label2, fontWidth, index: index2, dy })
+          );
+        })
+      )))
+    ];
+  } else {
+    content2 = [
+      // <title key="labeltitle">{label.title || label.text}</title>,
+      /* @__PURE__ */ React$2.createElement(
+        "text",
+        __spreadProps(__spreadValues({
+          key: "text",
+          "data-title": label.title || label.text
+        }, avoidOverlapWith), {
+          x: labelXStart,
+          textLength: getTextLength(text2) * fontWidth,
+          lengthAdjust: "spacing",
+          className: labelClass + label.className + (hovered ? " veAnnotationHovered" : ""),
+          y: textYStart,
+          style: {
+            fontSize: fontWidth * fontWidthToFontSize,
+            fontStyle: label.fontStyle,
+            fill: label.color || "black"
+            // stroke: label.color ? label.color : "black"
+          }
+        }),
+        text2
+      ),
+      LabelLine(
+        [
+          label.innerPoint,
+          // hovered || label.annotationType === "part" //because parts live on the outside of the sequence, we don't need to show the truncated point, we can just point to them directly
+          //   ? label.innerPoint
+          //   : label.truncatedInnerPoint,
+          label.outerPoint,
+          label
+        ],
+        hovered ? { style: { opacity: 1 }, strokeWidth: 2 } : { style: { opacity: labelLineIntensity2 } }
+      )
+    ];
+  }
+  return /* @__PURE__ */ React$2.createElement(
+    "g",
+    __spreadValues(__spreadValues({}, { onMouseLeave, onMouseOver }), {
+      onClick: label.onClick,
+      onDoubleClick: label.onDoubleClick || lodashExports.noop,
+      onContextMenu: label.onContextMenu || lodashExports.noop
+    }),
+    content2
+  );
+});
+function LabelLine(pointArray, options) {
+  let points = "";
+  pointArray.forEach(function({ x, y: y2 }) {
+    if (!x && x !== 0)
+      return;
+    points += `${x},${y2} `;
+  });
+  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, { key: "labelLine" }, /* @__PURE__ */ React$2.createElement(
+    "polyline",
+    __spreadValues({}, __spreadValues({
+      key: "polyline-long",
+      points,
+      stroke: "black",
+      fill: "none",
+      strokeWidth: 1,
+      className: "veLabelLine"
+    }, options))
+  ));
+}
+__name(LabelLine, "LabelLine");
+const DrawGroupInnerLabel = withHover(
+  ({ className, labelXStart, label, fontWidth, onMouseOver, index: index2, dy }) => {
+    return /* @__PURE__ */ React$2.createElement(
+      "tspan",
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+        "data-title": label.title
+      }, avoidOverlapWith), {
+        x: labelXStart,
+        textLength: getTextLength(label.text) * fontWidth,
+        lengthAdjust: "spacing",
+        onClick: label.onClick,
+        onDoubleClick: (e2) => {
+          e2.stopPropagation();
+          label.onDoubleClick && label.onDoubleClick(e2);
+        },
+        onContextMenu: label.onContextMenu,
+        dy: index2 === 0 ? dy / 2 : dy,
+        style: {
+          fill: label.color ? label.color : "black",
+          fontStyle: label.fontStyle
+        }
+      }), { onMouseOver }), {
+        className
+      }),
+      label.text
+    );
+  }
+);
+const DrawGroupedLabels = /* @__PURE__ */ __name(function DrawGroupedLabelsInner({
+  groupedLabels,
+  circularViewWidthVsHeightRatio,
+  fontWidth,
+  noRedux,
+  fontHeight,
+  condenseOverflowingXLabels,
+  outerRadius,
+  editorName,
+  labelLineIntensity: labelLineIntensity2
+}) {
+  return groupedLabels.map(function(label, i) {
+    const { labelAndSublabels, labelIds } = label;
+    const multipleLabels = labelAndSublabels.length > 1;
+    return /* @__PURE__ */ React$2.createElement(
+      DrawLabelGroup,
+      __spreadValues({
+        key: i,
+        id: labelIds
+      }, {
+        label,
+        noRedux,
+        passHoveredId: true,
+        //needed to get the hoveredId
+        isLabelGroup: true,
+        className: "DrawLabelGroup",
+        multipleLabels,
+        labelAndSublabels,
+        labelIds,
+        circularViewWidthVsHeightRatio,
+        fontWidth,
+        editorName,
+        fontHeight,
+        condenseOverflowingXLabels,
+        outerRadius,
+        labelLineIntensity: labelLineIntensity2
+      })
+    );
+  });
+}, "DrawGroupedLabelsInner");
+function cancelFn(e2) {
+  e2.stopPropagation();
+}
+__name(cancelFn, "cancelFn");
+const _PutMyParentOnTop = class _PutMyParentOnTop extends React$2.Component {
+  componentDidMount() {
+    const { editorName } = this.props;
+    try {
+      const el = document.querySelector(
+        `.veEditor.${editorName} .topLevelLabelGroup`
+      );
+      const parent2 = el.parentElement.parentElement;
+      const i = Array.prototype.indexOf.call(parent2.children, el.parentElement);
+      parent2.insertBefore(parent2.children[i], null);
+    } catch (error) {
+      console.warn(
+        "OVE-975239 - hit an error trying to re-order labels:",
+        error
+      );
+    }
+  }
+  render() {
+    return this.props.children;
+  }
+};
+__name(_PutMyParentOnTop, "PutMyParentOnTop");
+let PutMyParentOnTop = _PutMyParentOnTop;
+var baseGetTag = _baseGetTag, isObjectLike = isObjectLike_1;
+var numberTag = "[object Number]";
+function isNumber(value) {
+  return typeof value == "number" || isObjectLike(value) && baseGetTag(value) == numberTag;
+}
+__name(isNumber, "isNumber");
+var isNumber_1 = isNumber;
+const isNumber$1 = /* @__PURE__ */ getDefaultExportFromCjs(isNumber_1);
+function Caret({
+  caretPosition: caretPosition2,
+  sequenceLength,
+  className,
+  onClick,
+  isSelection,
+  innerRadius,
+  outerRadius,
+  isProtein: isProtein2,
+  selectionMessage
+}) {
+  const { startAngle, endAngle } = getRangeAngles(
+    { start: caretPosition2, end: caretPosition2 },
+    sequenceLength || 1
+  );
+  if (!isNumber$1(startAngle)) {
+    console.error("we've got a problem!");
+  }
+  const { transform: transform3 } = PositionAnnotationOnCircle({
+    sAngle: startAngle,
+    eAngle: endAngle,
+    height: 0
+  });
+  return /* @__PURE__ */ React$2.createElement(
+    "g",
+    {
+      onClick,
+      transform: transform3,
+      className: className + " veCaret " + draggableClassnames.caret
+    },
+    /* @__PURE__ */ React$2.createElement("title", null, selectionMessage || getSelectionMessage({ caretPosition: caretPosition2, isProtein: isProtein2, sequenceLength })),
+    /* @__PURE__ */ React$2.createElement(
+      "line",
+      {
+        strokeWidth: "1.5px",
+        x1: 0,
+        y1: -innerRadius,
+        x2: 0,
+        y2: -outerRadius
+      }
+    ),
+    isSelection ? /* @__PURE__ */ React$2.createElement(
+      "polygon",
+      {
+        className: "vePolygonCaretHandle",
+        fill: "black",
+        points: `0,${-outerRadius + 2} 5,${-outerRadius - 10} -5,${-outerRadius - 10}`
+      }
+    ) : null
+  );
+}
+__name(Caret, "Caret");
+const Caret$1 = pure(Caret);
+var sector$1 = { exports: {} };
+var ops = {};
+(function(exports2) {
+  Object.defineProperty(exports2, "__esModule", {
+    value: true
+  });
+  var _slicedToArray2 = function() {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = void 0;
+      try {
+        for (var _i = arr[Symbol.iterator](), _s2; !(_n = (_s2 = _i.next()).done); _n = true) {
+          _arr.push(_s2.value);
+          if (i && _arr.length === i)
+            break;
+        }
+      } catch (err2) {
+        _d = true;
+        _e = err2;
+      } finally {
+        try {
+          if (!_n && _i["return"])
+            _i["return"]();
+        } finally {
+          if (_d)
+            throw _e;
+        }
+      }
+      return _arr;
+    }
+    __name(sliceIterator, "sliceIterator");
+    return function(arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+  var sum2 = /* @__PURE__ */ __name(function sum3(xs) {
+    return xs.reduce(function(a2, b3) {
+      return a2 + b3;
+    }, 0);
+  }, "sum");
+  var min2 = /* @__PURE__ */ __name(function min3(xs) {
+    return xs.reduce(function(a2, b3) {
+      return Math.min(a2, b3);
+    });
+  }, "min");
+  var max2 = /* @__PURE__ */ __name(function max3(xs) {
+    return xs.reduce(function(a2, b3) {
+      return Math.max(a2, b3);
+    });
+  }, "max");
+  var sumBy = /* @__PURE__ */ __name(function sumBy2(xs, f2) {
+    return xs.reduce(function(a2, b3) {
+      return a2 + f2(b3);
+    }, 0);
+  }, "sumBy");
+  var minBy = /* @__PURE__ */ __name(function minBy2(xs, f2) {
+    return xs.reduce(function(a2, b3) {
+      return Math.min(a2, f2(b3));
+    }, Infinity);
+  }, "minBy");
+  var maxBy = /* @__PURE__ */ __name(function maxBy2(xs, f2) {
+    return xs.reduce(function(a2, b3) {
+      return Math.max(a2, f2(b3));
+    }, -Infinity);
+  }, "maxBy");
+  var plus = /* @__PURE__ */ __name(function plus2(_ref, _ref3) {
+    var _ref2 = _slicedToArray2(_ref, 2);
+    var a2 = _ref2[0];
+    var b3 = _ref2[1];
+    var _ref32 = _slicedToArray2(_ref3, 2);
+    var c2 = _ref32[0];
+    var d2 = _ref32[1];
+    return [a2 + c2, b3 + d2];
+  }, "plus");
+  var minus = /* @__PURE__ */ __name(function minus2(_ref4, _ref5) {
+    var _ref42 = _slicedToArray2(_ref4, 2);
+    var a2 = _ref42[0];
+    var b3 = _ref42[1];
+    var _ref52 = _slicedToArray2(_ref5, 2);
+    var c2 = _ref52[0];
+    var d2 = _ref52[1];
+    return [a2 - c2, b3 - d2];
+  }, "minus");
+  var times = /* @__PURE__ */ __name(function times2(k2, _ref6) {
+    var _ref62 = _slicedToArray2(_ref6, 2);
+    var a2 = _ref62[0];
+    var b3 = _ref62[1];
+    return [k2 * a2, k2 * b3];
+  }, "times");
+  var length = /* @__PURE__ */ __name(function length2(_ref7) {
+    var _ref72 = _slicedToArray2(_ref7, 2);
+    var a2 = _ref72[0];
+    var b3 = _ref72[1];
+    return Math.sqrt(a2 * a2 + b3 * b3);
+  }, "length");
+  var sumVectors = /* @__PURE__ */ __name(function sumVectors2(xs) {
+    return xs.reduce(plus, [0, 0]);
+  }, "sumVectors");
+  var average = /* @__PURE__ */ __name(function average2(points) {
+    return times(1 / points.length, points.reduce(plus));
+  }, "average");
+  var onCircle = /* @__PURE__ */ __name(function onCircle2(r2, angle2) {
+    return times(r2, [Math.sin(angle2), -Math.cos(angle2)]);
+  }, "onCircle");
+  var enhance = /* @__PURE__ */ __name(function enhance2(compute, curve) {
+    var obj = compute || {};
+    for (var key in obj) {
+      var method = obj[key];
+      curve[key] = method(curve.index, curve.item, curve.group);
+    }
+    return curve;
+  }, "enhance");
+  var range2 = /* @__PURE__ */ __name(function range3(a2, b3, inclusive) {
+    var result = [];
+    for (var i = a2; i < b3; i++) {
+      result.push(i);
+    }
+    if (inclusive) {
+      result.push(b3);
+    }
+    return result;
+  }, "range");
+  var mapObject = /* @__PURE__ */ __name(function mapObject2(obj, f2) {
+    var result = [];
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = void 0;
+    try {
+      for (var _iterator3 = Object.keys(obj)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator3.next()).done); _iteratorNormalCompletion = true) {
+        var k2 = _step.value;
+        var v2 = obj[k2];
+        result.push(f2(k2, v2));
+      }
+    } catch (err2) {
+      _didIteratorError = true;
+      _iteratorError = err2;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator3["return"]) {
+          _iterator3["return"]();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return result;
+  }, "mapObject");
+  var pairs = /* @__PURE__ */ __name(function pairs2(obj) {
+    return mapObject(obj, function(k2, v2) {
+      return [k2, v2];
+    });
+  }, "pairs");
+  var id2 = /* @__PURE__ */ __name(function id3(x) {
+    return x;
+  }, "id");
+  exports2.sum = sum2;
+  exports2.min = min2;
+  exports2.max = max2;
+  exports2.sumBy = sumBy;
+  exports2.minBy = minBy;
+  exports2.maxBy = maxBy;
+  exports2.plus = plus;
+  exports2.minus = minus;
+  exports2.times = times;
+  exports2.id = id2;
+  exports2.length = length;
+  exports2.sumVectors = sumVectors;
+  exports2.average = average;
+  exports2.onCircle = onCircle;
+  exports2.enhance = enhance;
+  exports2.range = range2;
+  exports2.mapObject = mapObject;
+  exports2.pairs = pairs;
+  exports2["default"] = {
+    sum: sum2,
+    min: min2,
+    max: max2,
+    sumBy,
+    minBy,
+    maxBy,
+    plus,
+    minus,
+    times,
+    id: id2,
+    length,
+    sumVectors,
+    average,
+    onCircle,
+    enhance,
+    range: range2,
+    mapObject,
+    pairs
+  };
+})(ops);
+(function(module2, exports2) {
+  Object.defineProperty(exports2, "__esModule", {
+    value: true
+  });
+  function _interopRequireDefault2(obj) {
+    return obj && obj.__esModule ? obj : { "default": obj };
+  }
+  __name(_interopRequireDefault2, "_interopRequireDefault");
+  function _toConsumableArray2(arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++)
+        arr2[i] = arr[i];
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  }
+  __name(_toConsumableArray2, "_toConsumableArray");
+  var _path = pathExports;
+  var _path2 = _interopRequireDefault2(_path);
+  var _ops = ops;
+  exports2["default"] = function(_ref) {
+    var _Path$moveto$arc$lineto, _Path$moveto$arc, _Path$moveto, _Path;
+    var center = _ref.center;
+    var r2 = _ref.r;
+    var R2 = _ref.R;
+    var start2 = _ref.start;
+    var end2 = _ref.end;
+    var epsilon = 1e-4;
+    if (Math.abs(end2 - 2 * Math.PI) < epsilon) {
+      end2 = 2 * Math.PI - epsilon;
+    }
+    var a2 = (0, _ops.plus)(center, (0, _ops.onCircle)(R2, start2));
+    var b3 = (0, _ops.plus)(center, (0, _ops.onCircle)(R2, end2));
+    var c2 = (0, _ops.plus)(center, (0, _ops.onCircle)(r2, end2));
+    var d2 = (0, _ops.plus)(center, (0, _ops.onCircle)(r2, start2));
+    var large = end2 - start2 > Math.PI ? 1 : 0;
+    var path2 = (_Path$moveto$arc$lineto = (_Path$moveto$arc = (_Path$moveto = (_Path = (0, _path2["default"])()).moveto.apply(_Path, _toConsumableArray2(a2))).arc.apply(_Path$moveto, [R2, R2, 0, large, 1].concat(_toConsumableArray2(b3)))).lineto.apply(_Path$moveto$arc, _toConsumableArray2(c2))).arc.apply(_Path$moveto$arc$lineto, [r2, r2, 0, large, 0].concat(_toConsumableArray2(d2))).closepath();
+    var midAngle = (start2 + end2) / 2;
+    var midRadius = (r2 + R2) / 2;
+    var centroid = (0, _ops.plus)(center, (0, _ops.onCircle)(midRadius, midAngle));
+    return {
+      path: path2,
+      centroid
+    };
+  };
+  module2.exports = exports2["default"];
+})(sector$1, sector$1.exports);
+var sectorExports = sector$1.exports;
+const sector = /* @__PURE__ */ getDefaultExportFromCjs(sectorExports);
+function SelectionLayer({
+  isDraggable,
+  selectionLayer: selectionLayer2,
+  sequenceLength,
+  radius,
+  hideTitle,
+  innerRadius,
+  onRightClicked,
+  onClick,
+  index: index2,
+  isProtein: isProtein2
+}) {
+  const {
+    color: color2,
+    start: start2,
+    end: end2,
+    hideCarets = false,
+    style: style2,
+    className
+  } = selectionLayer2;
+  const { startAngle, endAngle, totalAngle } = getRangeAnglesSpecial(
+    selectionLayer2,
+    sequenceLength
+  );
+  const section = sector({
+    center: [0, 0],
+    //the center is always 0,0 for our annotations :) we rotate later!
+    r: innerRadius,
+    R: radius,
+    start: 0,
+    end: totalAngle
+  });
+  const selectionMessage = getSelectionMessage({
+    sequenceLength,
+    selectionLayer: selectionLayer2,
+    isProtein: isProtein2
+  });
+  const { transform: transform3 } = PositionAnnotationOnCircle({
+    sAngle: startAngle,
+    eAngle: endAngle,
+    height: 0
+  });
+  return /* @__PURE__ */ React$2.createElement(
+    "g",
+    {
+      onContextMenu: (event) => {
+        onRightClicked && onRightClicked({
+          annotation: selectionLayer2,
+          event
+        });
+      },
+      onClick: onClick ? (event) => {
+        onClick({
+          annotation: selectionLayer2,
+          event
+        });
+      } : void 0,
+      key: "veSelectionLayer" + index2,
+      className: "veSelectionLayer " + (className || "")
+    },
+    !hideTitle && /* @__PURE__ */ React$2.createElement("title", null, selectionMessage),
+    /* @__PURE__ */ React$2.createElement(
+      "path",
+      {
+        transform: transform3,
+        className: "selectionLayer",
+        style: __spreadValues({ opacity: 0.3 }, style2),
+        d: section.path.print(),
+        fill: color2
+      }
+    ),
+    !hideCarets && /* @__PURE__ */ React$2.createElement(
+      Caret$1,
+      {
+        key: "caret1",
+        className: className + " selectionLayerCaret " + (isDraggable ? draggableClassnames.selectionStart : ""),
+        isSelection: true,
+        onClick: onClick ? noop$4 : preventDefaultStopPropagation,
+        selectionMessage,
+        caretPosition: start2,
+        sequenceLength,
+        innerRadius,
+        outerRadius: radius
+      }
+    ),
+    !hideCarets && /* @__PURE__ */ React$2.createElement(
+      Caret$1,
+      {
+        key: "caret2",
+        className: className + " selectionLayerCaret " + (isDraggable ? draggableClassnames.selectionEnd : ""),
+        isSelection: true,
+        onClick: onClick ? noop$4 : preventDefaultStopPropagation,
+        selectionMessage,
+        caretPosition: end2 + 1,
+        sequenceLength,
+        innerRadius,
+        outerRadius: radius
+      }
+    )
+  );
+}
+__name(SelectionLayer, "SelectionLayer");
+const SelectionLayer$1 = pure(SelectionLayer);
+function Axis({
+  radius,
+  showAxisNumbers,
+  tickMarkHeight = 5,
+  textOffset = 15,
+  ringThickness = 4,
+  zoomLevel
+}) {
+  const height2 = (ringThickness + (showAxisNumbers ? textOffset + tickMarkHeight : 0)) / zoomLevel;
+  const radiusToUse = showAxisNumbers ? radius + textOffset + tickMarkHeight : radius;
+  const component = /* @__PURE__ */ React$2.createElement("g", { key: "veAxis", className: "veAxis" }, /* @__PURE__ */ React$2.createElement(
+    "circle",
+    {
+      className: "veAxisLine veAxisOuter",
+      key: "circleOuter",
+      r: radiusToUse + ringThickness,
+      style: { fill: "#ffffff00", stroke: "black", strokeWidth: 0.5 }
+    }
+  ), /* @__PURE__ */ React$2.createElement(
+    "circle",
+    {
+      className: "veAxisLine veAxisInner",
+      key: "circle",
+      r: radiusToUse,
+      style: { fill: "#ffffff00", stroke: "black", strokeWidth: 0.5 }
+    }
+  ));
+  return {
+    component,
+    height: height2
+  };
+}
+__name(Axis, "Axis");
+function CircularPrimer$1({
+  color: color2 = "orange",
+  radius,
+  annotationHeight,
+  totalAngle
+}) {
+  return /* @__PURE__ */ React$2.createElement(
+    "path",
+    {
+      className: "veOrf",
+      strokeWidth: ".5",
+      stroke: color2,
+      fill: color2,
+      d: drawDirectedPiePiece({
+        radius,
+        annotationHeight,
+        totalAngle,
+        arrowheadLength: 0.4,
+        tailThickness: 0.4
+      }).print()
+    }
+  );
+}
+__name(CircularPrimer$1, "CircularPrimer$1");
+function CircularPrimer(props) {
+  const {
+    color: color2 = "orange",
+    radius,
+    arrowheadLength = 0.5,
+    annotationHeight,
+    totalAngle,
+    id: id2,
+    labelNeedsFlip,
+    ellipsizedName
+  } = props;
+  const [path2, textPath] = drawDirectedPiePiece({
+    radius,
+    annotationHeight,
+    totalAngle,
+    arrowheadLength,
+    tailThickness: 1,
+    //feature specific
+    returnTextPath: true,
+    hasLabel: ellipsizedName,
+    labelNeedsFlip
+  });
+  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, getStripedPattern({ color: color2 }), /* @__PURE__ */ React$2.createElement(
+    "path",
+    {
+      className: "vePrimer veCircularViewPrimer",
+      id: id2,
+      strokeWidth: ".5",
+      stroke: "black",
+      fill: "url(#diagonalHatch)",
+      d: path2.print()
+    }
+  ), getInternalLabel(__spreadProps(__spreadValues({}, props), { colorToUse: color2, textPath })));
+}
+__name(CircularPrimer, "CircularPrimer");
+function Cutsite({
+  annotationHeight,
+  radius
+  // totalAngle,
+  // ...rest
+}) {
+  return /* @__PURE__ */ React$2.createElement(
+    "rect",
+    {
+      className: "veCutsite",
+      width: 1,
+      y: -radius - 4,
+      height: annotationHeight
+    }
+  );
+}
+__name(Cutsite, "Cutsite");
 const style$e = "";
 function c(u2, e2, c2) {
   var i = this, a2 = React$2.useRef(null), o2 = React$2.useRef(0), f2 = React$2.useRef(null), l2 = React$2.useRef([]), m2 = React$2.useRef(), v2 = React$2.useRef(), d2 = React$2.useRef(u2), p2 = React$2.useRef(true);
@@ -142870,7 +143125,7 @@ ${seqDataToCopy}\r
                 scrollbarWidth: "none",
                 whiteSpace: "nowrap"
               },
-              title: name2,
+              "data-title": name2,
               key: i
             },
             /* @__PURE__ */ React$2.createElement(
@@ -143670,7 +143925,7 @@ ${seqDataToCopy}\r
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                title: this.props.alignmentType || "Unknown Alignment Type"
+                "data-title": this.props.alignmentType || "Unknown Alignment Type"
               },
               this.props.alignmentType || "Unknown Alignment Type"
             )),
@@ -158317,11 +158572,11 @@ var batchProcessor = /* @__PURE__ */ __name(function batchProcessorMaker(options
   var batch2 = Batch();
   var asyncFrameHandler;
   var isProcessing = false;
-  function addFunction(level, fn3) {
+  function addFunction(level, fn4) {
     if (!isProcessing && autoProcess && asyncProcess && batch2.size() === 0) {
       processBatchAsync();
     }
-    batch2.add(level, fn3);
+    batch2.add(level, fn4);
   }
   __name(addFunction, "addFunction");
   function processBatch() {
@@ -158362,8 +158617,8 @@ var batchProcessor = /* @__PURE__ */ __name(function batchProcessorMaker(options
   }
   __name(cancelFrame, "cancelFrame");
   function requestFrame(callback2) {
-    var raf = /* @__PURE__ */ __name(function(fn3) {
-      return setTimeout(fn3, 0);
+    var raf = /* @__PURE__ */ __name(function(fn4) {
+      return setTimeout(fn4, 0);
     }, "raf");
     return raf(callback2);
   }
@@ -158378,9 +158633,9 @@ function Batch() {
   var size = 0;
   var topLevel2 = 0;
   var bottomLevel2 = 0;
-  function add3(level, fn3) {
-    if (!fn3) {
-      fn3 = level;
+  function add3(level, fn4) {
+    if (!fn4) {
+      fn4 = level;
       level = 0;
     }
     if (level > topLevel2) {
@@ -158391,7 +158646,7 @@ function Batch() {
     if (!batch2[level]) {
       batch2[level] = [];
     }
-    batch2[level].push(fn3);
+    batch2[level].push(fn4);
     size++;
   }
   __name(add3, "add");
@@ -158399,8 +158654,8 @@ function Batch() {
     for (var level = bottomLevel2; level <= topLevel2; level++) {
       var fns = batch2[level];
       for (var i = 0; i < fns.length; i++) {
-        var fn3 = fns[i];
-        fn3();
+        var fn4 = fns[i];
+        fn4();
       }
     }
   }