@teselagen/ove 0.8.26 → 0.8.28

package/index.es.js

@@ -72546,25 +72546,6 @@ const frameTranslations$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   frameTranslationToggleOn,
   getMinimumOrfSize: getMinimumOrfSize$1
 }, Symbol.toStringTag, { value: "Module" }));
-const hoveredAnnotationUpdate = createMetaAction("HOVEREDANNOTATIONUPDATE");
-const hoveredAnnotationClear = createMetaAction("HOVEREDANNOTATIONCLEAR");
-const hoveredAnnotation = createReducer(
-  {
-    [hoveredAnnotationUpdate]: (state2, payload) => {
-      return payload || null;
-    },
-    [hoveredAnnotationClear]: () => {
-      return "";
-    }
-  },
-  ""
-);
-const hoveredAnnotationActions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: hoveredAnnotation,
-  hoveredAnnotationClear,
-  hoveredAnnotationUpdate
-}, Symbol.toStringTag, { value: "Module" }));
 const minimumOrfSizeUpdate = createMetaAction("minimumOrfSizeUpdate");
 const minimumOrfSize = createReducer(
   {
@@ -97412,7 +97393,6 @@ const subReducers = {
   toolBar: toolBar$1,
   findTool: findTool$1,
   frameTranslations: frameTranslations$1,
-  hoveredAnnotation: hoveredAnnotationActions,
   minimumOrfSize: minimumOrfSize$1,
   panelsShown: panelsShown$1,
   propertiesTool: propertiesTool$1,
@@ -97536,7 +97516,7 @@ const makeStore = /* @__PURE__ */ __name(() => {
     //   replacer: (key, value) => {
     //   }
     // },
-    actionsDenylist: ["HOVEREDANNOTATIONUPDATE", "HOVEREDANNOTATIONCLEAR"]
+    actionsDenylist: []
   }) || compose$1;
   const store2 = createStore$2(
     combineReducers({
@@ -109500,85 +109480,105 @@ const HoveredIdContext = React__default.createContext({
   hoveredId: ""
   // default value
 });
-function withHoveredIdFromContext(Component2) {
-  return /* @__PURE__ */ __name(function HoveredIdComponent(props) {
-    return /* @__PURE__ */ React__default.createElement(HoveredIdContext.Consumer, null, (contexts) => /* @__PURE__ */ React__default.createElement(Component2, __spreadValues(__spreadValues({}, props), contexts)));
-  }, "HoveredIdComponent");
-}
-__name(withHoveredIdFromContext, "withHoveredIdFromContext");
 const hoveredAnnEasyStore = store$1({
   hoveredAnn: void 0,
-  selectedAnn: void 0
+  selectedAnn: void 0,
+  // Per-editor hovered annotation IDs
+  hoveredIds: {}
 });
-const withHover = compose$1(
-  withHoveredIdFromContext,
-  branch(
-    ({ noRedux }) => !noRedux,
-    connect(function(state2, {
-      id: id2,
-      editorName = "StandaloneEditor",
-      className,
-      hoveredId: hoveredIdFromContext,
-      passHoveredId
-    }) {
-      if (!editorName) {
-        console.warn(
-          "please pass an editorName to the withHover() wrapped component"
-        );
-      }
-      const editorState = state2.VectorEditor[editorName] || {};
-      const hoveredId = editorState.hoveredAnnotation || hoveredIdFromContext;
-      const isIdHashmap = typeof id2 === "object";
-      const hovered = !!(isIdHashmap ? id2[hoveredId] : hoveredId === id2);
-      const newClassName = classNames(className, "hoverHelper", {
-        veAnnotationHovered: hovered
-      });
-      const toReturn = {
-        hovered,
-        className: newClassName
-      };
-      if (hovered && passHoveredId) {
-        toReturn.hoveredId = hoveredId;
+function hoveredAnnotationUpdate(id2, { editorName = "StandaloneEditor" } = {}) {
+  hoveredAnnEasyStore.hoveredIds[editorName] = id2;
+}
+__name(hoveredAnnotationUpdate, "hoveredAnnotationUpdate");
+function hoveredAnnotationClear(clear3, { editorName = "StandaloneEditor" } = {}) {
+  hoveredAnnEasyStore.hoveredIds[editorName] = "";
+}
+__name(hoveredAnnotationClear, "hoveredAnnotationClear");
+function withHover(WrappedComponent) {
+  var _a2;
+  const HoverComponent = view(
+    (_a2 = class extends React__default.Component {
+      constructor() {
+        super(...arguments);
+        __publicField(this, "handleMouseOver", /* @__PURE__ */ __name((e) => {
+          const target = e.target;
+          let alreadyHandled = false;
+          let currentElement = target;
+          while (currentElement) {
+            if (currentElement === e.currentTarget) {
+              break;
+            }
+            if (currentElement.classList.contains("hoverHelper")) {
+              alreadyHandled = true;
+              break;
+            }
+            currentElement = currentElement.parentElement;
+          }
+          if (alreadyHandled) return;
+          const {
+            editorName = "StandaloneEditor",
+            id: id2,
+            annotation,
+            label
+          } = this.props;
+          const isIdHashmap = typeof id2 === "object";
+          const idToPass = isIdHashmap ? Object.keys(id2)[0] : id2;
+          const annot = annotation || (label == null ? void 0 : label.annotation);
+          if (modifiableTypes.includes(annot == null ? void 0 : annot.annotationTypePlural)) {
+            hoveredAnnEasyStore.hoveredAnn = annot;
+          }
+          if (window.__veDragging || window.__veScrolling) return;
+          hoveredAnnotationUpdate(idToPass, { editorName });
+        }, "handleMouseOver"));
+        __publicField(this, "handleMouseLeave", /* @__PURE__ */ __name((e) => {
+          hoveredAnnEasyStore.hoveredAnn = void 0;
+          const { editorName = "StandaloneEditor" } = this.props;
+          e.stopPropagation();
+          if (window.__veDragging || window.__veScrolling) return;
+          hoveredAnnotationClear(true, { editorName });
+        }, "handleMouseLeave"));
       }
-      return toReturn;
-    }, hoveredAnnotationActions)
-  ),
-  withHandlers({
-    onMouseOver: /* @__PURE__ */ __name((props) => function(e) {
-      var _a2;
-      const target = e.target;
-      let alreadyHandled = false;
-      let currentElement = target;
-      while (currentElement) {
-        if (currentElement === e.currentTarget) {
-          break;
-        }
-        if (currentElement.classList.contains("hoverHelper")) {
-          alreadyHandled = true;
-          break;
+      render() {
+        var _b2;
+        const _a3 = this.props, {
+          id: id2,
+          editorName = "StandaloneEditor",
+          className,
+          passHoveredId,
+          noRedux
+        } = _a3, restProps = __objRest(_a3, [
+          "id",
+          "editorName",
+          "className",
+          "passHoveredId",
+          "noRedux"
+        ]);
+        const hoveredIdFromContext = (_b2 = this.context) == null ? void 0 : _b2.hoveredId;
+        const hoveredId = hoveredAnnEasyStore.hoveredIds[editorName] || hoveredIdFromContext || "";
+        const isIdHashmap = typeof id2 === "object";
+        const hovered = !!(isIdHashmap ? id2[hoveredId] : hoveredId === id2);
+        const newClassName = classNames(className, "hoverHelper", {
+          veAnnotationHovered: hovered
+        });
+        const passedProps = __spreadProps(__spreadValues({}, restProps), {
+          id: id2,
+          editorName,
+          hovered,
+          className: newClassName,
+          onMouseOver: this.handleMouseOver,
+          onMouseLeave: this.handleMouseLeave
+        });
+        if (hovered && passHoveredId) {
+          passedProps.hoveredId = hoveredId;
         }
-        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;
-      const annot = (props == null ? void 0 : props.annotation) || ((_a2 = props == null ? void 0 : props.label) == null ? void 0 : _a2.annotation);
-      if (modifiableTypes.includes(annot == null ? void 0 : annot.annotationTypePlural)) {
-        hoveredAnnEasyStore.hoveredAnn = annot;
-      }
-      if (window.__veDragging || window.__veScrolling) return;
-      hoveredAnnotationUpdate2 && hoveredAnnotationUpdate2(idToPass, { editorName });
-    }, "onMouseOver"),
-    onMouseLeave: /* @__PURE__ */ __name((props) => (e) => {
-      hoveredAnnEasyStore.hoveredAnn = void 0;
-      const { editorName, hoveredAnnotationClear: hoveredAnnotationClear2 } = props;
-      e.stopPropagation();
-      if (window.__veDragging || window.__veScrolling) return;
-      hoveredAnnotationClear2 && hoveredAnnotationClear2(true, { editorName });
-    }, "onMouseLeave")
-  })
-);
+        return /* @__PURE__ */ React__default.createElement(WrappedComponent, __spreadValues({}, passedProps));
+      }
+    }, __publicField(_a2, "contextType", HoveredIdContext), _a2)
+  );
+  HoverComponent.displayName = `withHover(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return HoverComponent;
+}
+__name(withHover, "withHover");
 const partOverhangs = [
   "fivePrimeOverhang",
   "fivePrimeUnderhang",
@@ -111909,9 +111909,9 @@ function AASliver(props) {
       "text",
       {
         fontSize: 25,
-        stroke: "black",
+        className: "aminoAcidNumber",
         strokeWidth: 2,
-        transform: `scale(${3 / width * 10},3) translate(${(forward ? 45 : 55) * width / 10},51)`,
+        transform: `scale(${3 / width * 10},${37.5 / height}) translate(${(forward ? 45 : 55) * width / 10},${4.4 * height - 4})`,
         x: "0",
         y: "4",
         style: { textAnchor: "middle" }
@@ -114309,12 +114309,12 @@ function Cutsites(props) {
     row,
     sequenceLength,
     topStrand,
-    hoveredAnnotation: hoveredAnnotation2
+    hoveredAnnotation
   } = props;
   const snips = [];
   const snipConnectors = [];
   Object.keys(annotationRanges).sort(
-    (a2) => annotationRanges[a2].annotation.id === hoveredAnnotation2 ? 1 : -1
+    (a2) => annotationRanges[a2].annotation.id === hoveredAnnotation ? 1 : -1
   ).forEach(function(key) {
     const annotationRange = annotationRanges[key];
     let { annotation } = annotationRange;
@@ -114333,7 +114333,7 @@ function Cutsites(props) {
     bottomSnipPosition = bottomSnipPosition && Number(bottomSnipPosition);
     upstreamTopSnip = upstreamTopSnip && Number(upstreamTopSnip);
     upstreamBottomSnip = upstreamBottomSnip && Number(upstreamBottomSnip);
-    const isHovered = annotation.id === hoveredAnnotation2;
+    const isHovered = annotation.id === hoveredAnnotation;
     snipStyle = __spreadProps(__spreadValues({}, snipStyle), {
       background: annotation.restrictionEnzyme.color
     });
@@ -114450,8 +114450,8 @@ function Cutsites(props) {
 }
 __name(Cutsites, "Cutsites");
 const Cutsites$1 = pure(
-  connectToEditor(({ hoveredAnnotation: hoveredAnnotation2 }) => ({
-    hoveredAnnotation: hoveredAnnotation2
+  connectToEditor(({ hoveredAnnotation }) => ({
+    hoveredAnnotation
   }))(Cutsites)
 );
 const useShowChromQualScores = /* @__PURE__ */ __name(() => {
@@ -114850,11 +114850,11 @@ const defaultCharWidth = 9;
 const defaultContainerWidth = 400;
 const defaultMarginWidth$1 = 50;
 const CutsiteSelectionLayers = connectToEditor(
-  ({ hoveredAnnotation: hoveredAnnotation2 }) => ({
-    hoveredAnnotation: hoveredAnnotation2
+  ({ hoveredAnnotation }) => ({
+    hoveredAnnotation
   })
 )(/* @__PURE__ */ __name(function CutsiteSelectionLayersInner({
-  hoveredAnnotation: hoveredAnnotation2,
+  hoveredAnnotation,
   cutsites,
   annotationCommonProps,
   showReverseSequence,
@@ -114862,9 +114862,9 @@ const CutsiteSelectionLayers = connectToEditor(
   alignmentData,
   row
 }) {
-  return Object.keys(cutsites).sort((a2) => cutsites[a2].id === hoveredAnnotation2 ? 1 : -1).map(function(id2, index2) {
+  return Object.keys(cutsites).sort((a2) => cutsites[a2].id === hoveredAnnotation ? 1 : -1).map(function(id2, index2) {
     const cutsite = cutsites[id2];
-    const isHovered = hoveredAnnotation2 === cutsite.id;
+    const isHovered = hoveredAnnotation === cutsite.id;
     const layer = cutsite.annotation.recognitionSiteRange;
     return layer.start > -1 && /* @__PURE__ */ React__default.createElement(
       SelectionLayer$3,
@@ -116968,7 +116968,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.26";
+const version = "0.8.28";
 const packageJson = {
   version
 };

package/index.umd.js

@@ -101467,25 +101467,6 @@ ${latestSubscriptionCallbackError.current.stack}
     frameTranslationToggleOn,
     getMinimumOrfSize: getMinimumOrfSize$1
   }, Symbol.toStringTag, { value: "Module" }));
-  const hoveredAnnotationUpdate = createMetaAction("HOVEREDANNOTATIONUPDATE");
-  const hoveredAnnotationClear = createMetaAction("HOVEREDANNOTATIONCLEAR");
-  const hoveredAnnotation = createReducer(
-    {
-      [hoveredAnnotationUpdate]: (state2, payload) => {
-        return payload || null;
-      },
-      [hoveredAnnotationClear]: () => {
-        return "";
-      }
-    },
-    ""
-  );
-  const hoveredAnnotationActions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    default: hoveredAnnotation,
-    hoveredAnnotationClear,
-    hoveredAnnotationUpdate
-  }, Symbol.toStringTag, { value: "Module" }));
   const minimumOrfSizeUpdate = createMetaAction("minimumOrfSizeUpdate");
   const minimumOrfSize = createReducer(
     {
@@ -125578,7 +125559,6 @@ ${seq.sequence}
     toolBar: toolBar$1,
     findTool: findTool$1,
     frameTranslations: frameTranslations$1,
-    hoveredAnnotation: hoveredAnnotationActions,
     minimumOrfSize: minimumOrfSize$1,
     panelsShown: panelsShown$1,
     propertiesTool: propertiesTool$1,
@@ -125702,7 +125682,7 @@ ${seq.sequence}
       //   replacer: (key, value) => {
       //   }
       // },
-      actionsDenylist: ["HOVEREDANNOTATIONUPDATE", "HOVEREDANNOTATIONCLEAR"]
+      actionsDenylist: []
     }) || compose$1;
     const store2 = createStore$2(
       combineReducers({
@@ -137666,85 +137646,105 @@ ${seq.sequence}
     hoveredId: ""
     // default value
   });
-  function withHoveredIdFromContext(Component) {
-    return /* @__PURE__ */ __name(function HoveredIdComponent(props) {
-      return /* @__PURE__ */ React.createElement(HoveredIdContext.Consumer, null, (contexts) => /* @__PURE__ */ React.createElement(Component, __spreadValues(__spreadValues({}, props), contexts)));
-    }, "HoveredIdComponent");
-  }
-  __name(withHoveredIdFromContext, "withHoveredIdFromContext");
   const hoveredAnnEasyStore = store$1({
     hoveredAnn: void 0,
-    selectedAnn: void 0
+    selectedAnn: void 0,
+    // Per-editor hovered annotation IDs
+    hoveredIds: {}
   });
-  const withHover = compose$1(
-    withHoveredIdFromContext,
-    branch(
-      ({ noRedux }) => !noRedux,
-      connect(function(state2, {
-        id: id2,
-        editorName = "StandaloneEditor",
-        className,
-        hoveredId: hoveredIdFromContext,
-        passHoveredId
-      }) {
-        if (!editorName) {
-          console.warn(
-            "please pass an editorName to the withHover() wrapped component"
-          );
-        }
-        const editorState = state2.VectorEditor[editorName] || {};
-        const hoveredId = editorState.hoveredAnnotation || hoveredIdFromContext;
-        const isIdHashmap = typeof id2 === "object";
-        const hovered = !!(isIdHashmap ? id2[hoveredId] : hoveredId === id2);
-        const newClassName = classNames$1(className, "hoverHelper", {
-          veAnnotationHovered: hovered
-        });
-        const toReturn = {
-          hovered,
-          className: newClassName
-        };
-        if (hovered && passHoveredId) {
-          toReturn.hoveredId = hoveredId;
+  function hoveredAnnotationUpdate(id2, { editorName = "StandaloneEditor" } = {}) {
+    hoveredAnnEasyStore.hoveredIds[editorName] = id2;
+  }
+  __name(hoveredAnnotationUpdate, "hoveredAnnotationUpdate");
+  function hoveredAnnotationClear(clear, { editorName = "StandaloneEditor" } = {}) {
+    hoveredAnnEasyStore.hoveredIds[editorName] = "";
+  }
+  __name(hoveredAnnotationClear, "hoveredAnnotationClear");
+  function withHover(WrappedComponent) {
+    var _a2;
+    const HoverComponent = view(
+      (_a2 = class extends React.Component {
+        constructor() {
+          super(...arguments);
+          __publicField(this, "handleMouseOver", /* @__PURE__ */ __name((e2) => {
+            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 = "StandaloneEditor",
+              id: id2,
+              annotation,
+              label
+            } = this.props;
+            const isIdHashmap = typeof id2 === "object";
+            const idToPass = isIdHashmap ? Object.keys(id2)[0] : id2;
+            const annot = annotation || (label == null ? void 0 : label.annotation);
+            if (modifiableTypes.includes(annot == null ? void 0 : annot.annotationTypePlural)) {
+              hoveredAnnEasyStore.hoveredAnn = annot;
+            }
+            if (window.__veDragging || window.__veScrolling) return;
+            hoveredAnnotationUpdate(idToPass, { editorName });
+          }, "handleMouseOver"));
+          __publicField(this, "handleMouseLeave", /* @__PURE__ */ __name((e2) => {
+            hoveredAnnEasyStore.hoveredAnn = void 0;
+            const { editorName = "StandaloneEditor" } = this.props;
+            e2.stopPropagation();
+            if (window.__veDragging || window.__veScrolling) return;
+            hoveredAnnotationClear(true, { editorName });
+          }, "handleMouseLeave"));
         }
-        return toReturn;
-      }, hoveredAnnotationActions)
-    ),
-    withHandlers({
-      onMouseOver: /* @__PURE__ */ __name((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;
+        render() {
+          var _b2;
+          const _a3 = this.props, {
+            id: id2,
+            editorName = "StandaloneEditor",
+            className,
+            passHoveredId,
+            noRedux
+          } = _a3, restProps = __objRest(_a3, [
+            "id",
+            "editorName",
+            "className",
+            "passHoveredId",
+            "noRedux"
+          ]);
+          const hoveredIdFromContext = (_b2 = this.context) == null ? void 0 : _b2.hoveredId;
+          const hoveredId = hoveredAnnEasyStore.hoveredIds[editorName] || hoveredIdFromContext || "";
+          const isIdHashmap = typeof id2 === "object";
+          const hovered = !!(isIdHashmap ? id2[hoveredId] : hoveredId === id2);
+          const newClassName = classNames$1(className, "hoverHelper", {
+            veAnnotationHovered: hovered
+          });
+          const passedProps = __spreadProps(__spreadValues({}, restProps), {
+            id: id2,
+            editorName,
+            hovered,
+            className: newClassName,
+            onMouseOver: this.handleMouseOver,
+            onMouseLeave: this.handleMouseLeave
+          });
+          if (hovered && passHoveredId) {
+            passedProps.hoveredId = hoveredId;
           }
-          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;
-        const annot = (props == null ? void 0 : props.annotation) || ((_a2 = props == null ? void 0 : props.label) == null ? void 0 : _a2.annotation);
-        if (modifiableTypes.includes(annot == null ? void 0 : annot.annotationTypePlural)) {
-          hoveredAnnEasyStore.hoveredAnn = annot;
-        }
-        if (window.__veDragging || window.__veScrolling) return;
-        hoveredAnnotationUpdate2 && hoveredAnnotationUpdate2(idToPass, { editorName });
-      }, "onMouseOver"),
-      onMouseLeave: /* @__PURE__ */ __name((props) => (e2) => {
-        hoveredAnnEasyStore.hoveredAnn = void 0;
-        const { editorName, hoveredAnnotationClear: hoveredAnnotationClear2 } = props;
-        e2.stopPropagation();
-        if (window.__veDragging || window.__veScrolling) return;
-        hoveredAnnotationClear2 && hoveredAnnotationClear2(true, { editorName });
-      }, "onMouseLeave")
-    })
-  );
+          return /* @__PURE__ */ React.createElement(WrappedComponent, __spreadValues({}, passedProps));
+        }
+      }, __publicField(_a2, "contextType", HoveredIdContext), _a2)
+    );
+    HoverComponent.displayName = `withHover(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+    return HoverComponent;
+  }
+  __name(withHover, "withHover");
   const partOverhangs = [
     "fivePrimeOverhang",
     "fivePrimeUnderhang",
@@ -140075,9 +140075,9 @@ ${seq.sequence}
         "text",
         {
           fontSize: 25,
-          stroke: "black",
+          className: "aminoAcidNumber",
           strokeWidth: 2,
-          transform: `scale(${3 / width * 10},3) translate(${(forward ? 45 : 55) * width / 10},51)`,
+          transform: `scale(${3 / width * 10},${37.5 / height}) translate(${(forward ? 45 : 55) * width / 10},${4.4 * height - 4})`,
           x: "0",
           y: "4",
           style: { textAnchor: "middle" }
@@ -142425,12 +142425,12 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       row,
       sequenceLength,
       topStrand,
-      hoveredAnnotation: hoveredAnnotation2
+      hoveredAnnotation
     } = props;
     const snips = [];
     const snipConnectors = [];
     Object.keys(annotationRanges).sort(
-      (a2) => annotationRanges[a2].annotation.id === hoveredAnnotation2 ? 1 : -1
+      (a2) => annotationRanges[a2].annotation.id === hoveredAnnotation ? 1 : -1
     ).forEach(function(key) {
       const annotationRange = annotationRanges[key];
       let { annotation } = annotationRange;
@@ -142449,7 +142449,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       bottomSnipPosition = bottomSnipPosition && Number(bottomSnipPosition);
       upstreamTopSnip = upstreamTopSnip && Number(upstreamTopSnip);
       upstreamBottomSnip = upstreamBottomSnip && Number(upstreamBottomSnip);
-      const isHovered = annotation.id === hoveredAnnotation2;
+      const isHovered = annotation.id === hoveredAnnotation;
       snipStyle = __spreadProps(__spreadValues({}, snipStyle), {
         background: annotation.restrictionEnzyme.color
       });
@@ -142566,8 +142566,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(Cutsites, "Cutsites");
   const Cutsites$1 = pure(
-    connectToEditor(({ hoveredAnnotation: hoveredAnnotation2 }) => ({
-      hoveredAnnotation: hoveredAnnotation2
+    connectToEditor(({ hoveredAnnotation }) => ({
+      hoveredAnnotation
     }))(Cutsites)
   );
   const useShowChromQualScores = /* @__PURE__ */ __name(() => {
@@ -142966,11 +142966,11 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   const defaultContainerWidth = 400;
   const defaultMarginWidth$1 = 50;
   const CutsiteSelectionLayers = connectToEditor(
-    ({ hoveredAnnotation: hoveredAnnotation2 }) => ({
-      hoveredAnnotation: hoveredAnnotation2
+    ({ hoveredAnnotation }) => ({
+      hoveredAnnotation
     })
   )(/* @__PURE__ */ __name(function CutsiteSelectionLayersInner({
-    hoveredAnnotation: hoveredAnnotation2,
+    hoveredAnnotation,
     cutsites,
     annotationCommonProps,
     showReverseSequence,
@@ -142978,9 +142978,9 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     alignmentData,
     row
   }) {
-    return Object.keys(cutsites).sort((a2) => cutsites[a2].id === hoveredAnnotation2 ? 1 : -1).map(function(id2, index2) {
+    return Object.keys(cutsites).sort((a2) => cutsites[a2].id === hoveredAnnotation ? 1 : -1).map(function(id2, index2) {
       const cutsite = cutsites[id2];
-      const isHovered = hoveredAnnotation2 === cutsite.id;
+      const isHovered = hoveredAnnotation === cutsite.id;
       const layer = cutsite.annotation.recognitionSiteRange;
       return layer.start > -1 && /* @__PURE__ */ React.createElement(
         SelectionLayer$3,
@@ -145084,7 +145084,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.8.26";
+  const version = "0.8.28";
   const packageJson = {
     version
   };

package/ove.css

@@ -11879,7 +11879,8 @@ h5 {
 .bp3-dark .veEditor:not(.tg-simple-dna-view) {
   background: #293742 !important;
 }
-.veLabelLine {
+.veLabelLine,
+.aminoAcidNumber {
   stroke: black;
   background: black;
 }
@@ -11888,7 +11889,8 @@ h5 {
   stroke: white;
   background: white;
 }
-.bp3-dark .veLabelLine {
+.bp3-dark .veLabelLine,
+.bp3-dark .aminoAcidNumber {
   stroke: #f5f8fa !important;
   background: #f5f8fa !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.8.26",
+  "version": "0.8.28",
   "main": "./src/index.js",
   "type": "module",
   "repository": "https://github.com/TeselaGen/tg-oss",

package/src/Editor/darkmode.css

@@ -10,7 +10,8 @@
   background: #293742 !important;
 }
 
-.veLabelLine {
+.veLabelLine,
+.aminoAcidNumber {
   stroke: black;
   background: black;
 }
@@ -19,7 +20,8 @@
   stroke: white;
   background: white;
 }
-.bp3-dark .veLabelLine {
+.bp3-dark .veLabelLine,
+.bp3-dark .aminoAcidNumber {
   stroke: #f5f8fa !important;
   background: #f5f8fa !important;
 }