@teselagen/ove 0.8.19 → 0.8.21

package/index.umd.js

@@ -44330,7 +44330,8 @@ ${latestSubscriptionCallbackError.current.stack}
     onMultiRowSelect,
     noDeselectAll,
     onRowSelect,
-    change: change2
+    change: change2,
+    getCheckboxGroupId
   }) {
     const entity = rowInfo.original;
     onRowClick(e2, entity, rowInfo);
@@ -44402,6 +44403,38 @@ ${latestSubscriptionCallbackError.current.stack}
         }
       }
     }
+    if (getCheckboxGroupId) {
+      const clickedRowId = rowId;
+      const clickedEntity = entity;
+      const clickedGroupId = getCheckboxGroupId(clickedEntity, rowInfo.index);
+      if (!newIdMap[clickedRowId] && clickedGroupId) {
+        entities.forEach((e22, i2) => {
+          if (getCheckboxGroupId(e22, i2) === clickedGroupId) {
+            const id2 = getIdOrCodeOrIndex(e22, i2);
+            delete newIdMap[id2];
+          }
+        });
+      }
+      const selectedGroupIds = /* @__PURE__ */ new Set();
+      entities.forEach((e22, i2) => {
+        const id2 = getIdOrCodeOrIndex(e22, i2);
+        if (newIdMap[id2]) {
+          const gid = getCheckboxGroupId(e22, i2);
+          if (gid) selectedGroupIds.add(gid);
+        }
+      });
+      if (selectedGroupIds.size > 0) {
+        entities.forEach((e22, i2) => {
+          const gid = getCheckboxGroupId(e22, i2);
+          if (gid && selectedGroupIds.has(gid)) {
+            const id2 = getIdOrCodeOrIndex(e22, i2);
+            if (!newIdMap[id2]) {
+              newIdMap[id2] = { entity: e22, time: Date.now() };
+            }
+          }
+        });
+      }
+    }
     finalizeSelection({
       idMap: newIdMap,
       entities,
@@ -80887,6 +80920,7 @@ ${latestSubscriptionCallbackError.current.stack}
     resetDefaultVisibility,
     currentParams,
     compact,
+    hideExpandSubCompColumn,
     editingCell,
     editingCellSelectAll,
     entities,
@@ -80934,7 +80968,8 @@ ${latestSubscriptionCallbackError.current.stack}
     withSort = true,
     recordIdToIsVisibleMap,
     setRecordIdToIsVisibleMap,
-    withDisplayOptions
+    withDisplayOptions,
+    getCheckboxGroupId
   }) => {
     const dispatch = useDispatch();
     const change$12 = reactExports.useCallback(
@@ -81182,6 +81217,14 @@ ${latestSubscriptionCallbackError.current.stack}
           return /* @__PURE__ */ React.createElement("div", null);
         }
         const entity = entities[rowIndex];
+        if (getCheckboxGroupId) {
+          const currentGroupId = getCheckboxGroupId(entity, rowIndex);
+          const previousEntity = entities[rowIndex - 1];
+          const previousGroupId = previousEntity ? getCheckboxGroupId(previousEntity, rowIndex - 1) : void 0;
+          if (currentGroupId && currentGroupId === previousGroupId) {
+            return /* @__PURE__ */ React.createElement("div", null);
+          }
+        }
         return /* @__PURE__ */ React.createElement(
           Checkbox,
           {
@@ -81200,7 +81243,8 @@ ${latestSubscriptionCallbackError.current.stack}
                 onMultiRowSelect,
                 noDeselectAll,
                 onRowSelect,
-                change: change$12
+                change: change$12,
+                getCheckboxGroupId
               });
             }, "onClick"),
             checked: isSelected
@@ -81221,7 +81265,8 @@ ${latestSubscriptionCallbackError.current.stack}
         onRowSelect,
         onSingleRowSelect,
         reduxFormSelectedEntityIdMap,
-        withCheckboxes
+        withCheckboxes,
+        getCheckboxGroupId
       ]
     );
     const finishCellEdit = reactExports.useCallback(
@@ -81296,13 +81341,14 @@ ${latestSubscriptionCallbackError.current.stack}
           );
         }, "Header")
       }), {
+        show: !hideExpandSubCompColumn,
         expander: true,
         Expander: /* @__PURE__ */ __name(({ isExpanded, original: record }) => {
           let shouldShow = true;
           if (shouldShowSubComponent) {
             shouldShow = shouldShowSubComponent(record);
           }
-          if (!shouldShow) return null;
+          if (!shouldShow || hideExpandSubCompColumn) return null;
           return /* @__PURE__ */ React.createElement(
             Button,
             {
@@ -85844,6 +85890,7 @@ ${latestSubscriptionCallbackError.current.stack}
       minimalStyle,
       mustClickCheckboxToSelect,
       noDeselectAll,
+      hideExpandSubCompColumn,
       noFooter = isSimple ? !withPaging : false,
       noFullscreenButton = isSimple,
       noHeader = false,
@@ -85891,7 +85938,8 @@ ${latestSubscriptionCallbackError.current.stack}
       withSort,
       withTitle = !isSimple,
       noExcessiveCheck,
-      isEntityCountLoading
+      isEntityCountLoading,
+      getCheckboxGroupId
     } = props;
     const _entities = reactExports.useMemo(
       () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
@@ -87428,6 +87476,15 @@ ${latestSubscriptionCallbackError.current.stack}
         const isExpanded = expandedEntityIdMap[rowId];
         const rowDisabled = isEntityDisabled(entity);
         const dataId = entity.id || entity.code;
+        let noGroupBorder = false;
+        if (getCheckboxGroupId) {
+          const currentGroupId = getCheckboxGroupId(entity, rowInfo.index);
+          const nextEntity = entities[rowInfo.index + 1];
+          const nextGroupId = nextEntity ? getCheckboxGroupId(nextEntity, rowInfo.index + 1) : void 0;
+          if (currentGroupId && currentGroupId === nextGroupId) {
+            noGroupBorder = true;
+          }
+        }
         return {
           onClick: /* @__PURE__ */ __name((e2) => {
             if (isCellEditable) return;
@@ -87454,7 +87511,8 @@ ${latestSubscriptionCallbackError.current.stack}
               onMultiRowSelect,
               noDeselectAll,
               onRowSelect,
-              change: change$12
+              change: change$12,
+              getCheckboxGroupId
             });
           }, "onClick"),
           //row right click
@@ -87496,9 +87554,11 @@ ${latestSubscriptionCallbackError.current.stack}
             {
               disabled: rowDisabled,
               selected: rowSelected && !withCheckboxes,
-              "rt-tr-last-row": rowInfo.index === entities.length - 1
+              "rt-tr-last-row": rowInfo.index === entities.length - 1,
+              "no-group-border": noGroupBorder
             }
           ),
+          "data-test-selected": !!rowSelected,
           "data-test-id": dataId === void 0 ? rowInfo.index : dataId,
           "data-index": rowInfo.index,
           "data-tip": typeof rowDisabled === "string" ? rowDisabled : void 0,
@@ -87529,7 +87589,8 @@ ${latestSubscriptionCallbackError.current.stack}
         reduxFormSelectedEntityIdMap,
         selectedCells,
         showContextMenu2,
-        withCheckboxes
+        withCheckboxes,
+        getCheckboxGroupId
       ]
     );
     const getTableCellProps = reactExports.useCallback(
@@ -87842,6 +87903,7 @@ ${latestSubscriptionCallbackError.current.stack}
       isSingleSelect,
       isSelectionARectangle,
       noDeselectAll,
+      hideExpandSubCompColumn,
       noSelect,
       noUserSelect,
       onDeselect,
@@ -87873,6 +87935,7 @@ ${latestSubscriptionCallbackError.current.stack}
       withFilter,
       withSort,
       recordIdToIsVisibleMap,
+      getCheckboxGroupId,
       setRecordIdToIsVisibleMap
     });
     const scrollToTop = reactExports.useCallback(
@@ -95997,9 +96060,19 @@ ${latestSubscriptionCallbackError.current.stack}
     content: content2,
     label,
     style: style2,
-    isOpenByDefault
+    isOpenByDefault,
+    localStorageKey
   }) {
-    const [isOpen2, setOpen] = reactExports.useState(isOpenByDefault);
+    const [isOpen2, setOpen] = reactExports.useState(() => {
+      if (localStorageKey) {
+        if (window.localStorage.getItem(localStorageKey) === "true") {
+          return true;
+        } else if (window.localStorage.getItem(localStorageKey) === "false") {
+          return false;
+        }
+      }
+      return isOpenByDefault;
+    });
     if (!(content2 || children)) {
       return null;
     }
@@ -96007,20 +96080,28 @@ ${latestSubscriptionCallbackError.current.stack}
       "div",
       {
         onClick: /* @__PURE__ */ __name(() => {
-          setOpen(!isOpen2);
+          const newIsOpen = !isOpen2;
+          setOpen(newIsOpen);
+          if (localStorageKey) {
+            window.localStorage.setItem(localStorageKey, newIsOpen);
+          }
         }, "onClick"),
-        style: { cursor: "pointer", display: "flex", alignItems: "flex-end" },
-        className: "tg-toggle-advanced-options"
+        style: {
+          cursor: "pointer",
+          display: "flex",
+          alignItems: "center",
+          userSelect: "none"
+        },
+        className: `tg-toggle-advanced-options`
       },
-      label || "Advanced",
-      " ",
       /* @__PURE__ */ React.createElement(
         Icon,
         {
           icon: isOpen2 ? "caret-down" : "caret-right",
-          style: { marginLeft: 5 }
+          style: { marginRight: 5 }
         }
-      )
+      ),
+      /* @__PURE__ */ React.createElement("strong", null, label || "Advanced")
     ), isOpen2 && /* @__PURE__ */ React.createElement("div", { style: { marginTop: 10 } }, content2 || children));
   }
   __name(AdvancedOptions, "AdvancedOptions");
@@ -99308,6 +99389,7 @@ ${latestSubscriptionCallbackError.current.stack}
               topLeft: true,
               topRight: true
             },
+            resizeHandleWrapperClass: "tg-dialog-resize-handle",
             maxHeight: windowHeight,
             maxWidth: windowWidth,
             bounds: "window",
@@ -113252,6 +113334,160 @@ ${latestSubscriptionCallbackError.current.stack}
     }
   }
   __name(calculateNebTm, "calculateNebTm");
+  const PRIMER3_PARAMS = {
+    saltMonovalent: 50,
+    // mM
+    saltDivalent: 1.5,
+    // mM
+    dntpConc: 0.6,
+    // mM
+    dnaConc: 50,
+    // nM
+    R: 1.987
+    // Gas constant (cal/K·mol)
+  };
+  const SANTA_LUCIA_NN = {
+    AA: { dH: -7.9, dS: -22.2 },
+    TT: { dH: -7.9, dS: -22.2 },
+    AT: { dH: -7.2, dS: -20.4 },
+    TA: { dH: -7.2, dS: -21.3 },
+    CA: { dH: -8.5, dS: -22.7 },
+    TG: { dH: -8.5, dS: -22.7 },
+    GT: { dH: -8.4, dS: -22.4 },
+    AC: { dH: -8.4, dS: -22.4 },
+    CT: { dH: -7.8, dS: -21 },
+    AG: { dH: -7.8, dS: -21 },
+    GA: { dH: -8.2, dS: -22.2 },
+    TC: { dH: -8.2, dS: -22.2 },
+    CG: { dH: -10.6, dS: -27.2 },
+    GC: { dH: -9.8, dS: -24.4 },
+    GG: { dH: -8, dS: -19.9 },
+    CC: { dH: -8, dS: -19.9 }
+  };
+  const SANTA_LUCIA_INIT = {
+    GC: { dH: 0.1, dS: -2.8 },
+    // initiation with terminal GC
+    AT: { dH: 2.3, dS: 4.1 }
+    // initiation with terminal AT
+  };
+  function getEffectiveMonovalentConc() {
+    let effectiveMono = PRIMER3_PARAMS.saltMonovalent;
+    {
+      const freeMg = Math.max(
+        0,
+        PRIMER3_PARAMS.saltDivalent - PRIMER3_PARAMS.dntpConc
+      );
+      effectiveMono += 120 * Math.sqrt(freeMg);
+    }
+    return effectiveMono;
+  }
+  __name(getEffectiveMonovalentConc, "getEffectiveMonovalentConc");
+  function applySaltCorrection(deltaS, nnPairs) {
+    const effectiveMono = getEffectiveMonovalentConc();
+    return deltaS + 0.368 * nnPairs * Math.log(effectiveMono / 1e3);
+  }
+  __name(applySaltCorrection, "applySaltCorrection");
+  function isValidSequence(sequence2) {
+    return /^[ATGCN]+$/.test(sequence2);
+  }
+  __name(isValidSequence, "isValidSequence");
+  function calculateSantaLuciaTm(sequence2) {
+    try {
+      sequence2 = sequence2 == null ? void 0 : sequence2.toUpperCase().trim();
+      if (!isValidSequence(sequence2)) {
+        throw new Error("Invalid sequence: contains non-DNA characters");
+      }
+      if (sequence2.length < 2) {
+        throw new Error("Sequence too short: minimum length is 2 bases");
+      }
+      let deltaH = 0;
+      let deltaS = 0;
+      for (let i2 = 0; i2 < sequence2.length - 1; i2++) {
+        const dinucleotide = sequence2.substring(i2, i2 + 2);
+        if (dinucleotide.includes("N")) {
+          continue;
+        }
+        const params = SANTA_LUCIA_NN[dinucleotide];
+        if (params) {
+          deltaH += params.dH;
+          deltaS += params.dS;
+        }
+      }
+      const firstBase = sequence2[0];
+      const lastBase = sequence2[sequence2.length - 1];
+      if (firstBase === "G" || firstBase === "C") {
+        deltaH += SANTA_LUCIA_INIT.GC.dH;
+        deltaS += SANTA_LUCIA_INIT.GC.dS;
+      } else {
+        deltaH += SANTA_LUCIA_INIT.AT.dH;
+        deltaS += SANTA_LUCIA_INIT.AT.dS;
+      }
+      if (lastBase === "G" || lastBase === "C") {
+        deltaH += SANTA_LUCIA_INIT.GC.dH;
+        deltaS += SANTA_LUCIA_INIT.GC.dS;
+      } else {
+        deltaH += SANTA_LUCIA_INIT.AT.dH;
+        deltaS += SANTA_LUCIA_INIT.AT.dS;
+      }
+      const nnPairs = sequence2.length - 1;
+      deltaS = applySaltCorrection(deltaS, nnPairs);
+      const C = PRIMER3_PARAMS.dnaConc * 1e-9;
+      const Tm = deltaH * 1e3 / (deltaS + PRIMER3_PARAMS.R * Math.log(C / 4));
+      return Tm - 273.15;
+    } catch (e2) {
+      return `Error calculating Tm for sequence ${sequence2}. ${e2}`;
+    }
+  }
+  __name(calculateSantaLuciaTm, "calculateSantaLuciaTm");
+  function calculateEndStability(sequence2) {
+    try {
+      sequence2 = sequence2 == null ? void 0 : sequence2.toUpperCase().trim();
+      if (!isValidSequence(sequence2)) {
+        throw new Error("Invalid sequence: contains non-DNA characters");
+      }
+      if (sequence2.length < 5) {
+        throw new Error(
+          "Sequence too short: minimum length is 5 bases for end stability calculation"
+        );
+      }
+      const last5Bases = sequence2.substring(sequence2.length - 5);
+      let deltaH = 0;
+      let deltaS = 0;
+      for (let i2 = 0; i2 < 4; i2++) {
+        const dinucleotide = last5Bases.substring(i2, i2 + 2);
+        if (dinucleotide.includes("N")) {
+          continue;
+        }
+        const params = SANTA_LUCIA_NN[dinucleotide];
+        if (params) {
+          deltaH += params.dH;
+          deltaS += params.dS;
+        }
+      }
+      const firstBase = last5Bases[0];
+      const lastBase = last5Bases[last5Bases.length - 1];
+      if (firstBase === "G" || firstBase === "C") {
+        deltaH += SANTA_LUCIA_INIT.GC.dH;
+        deltaS += SANTA_LUCIA_INIT.GC.dS;
+      } else {
+        deltaH += SANTA_LUCIA_INIT.AT.dH;
+        deltaS += SANTA_LUCIA_INIT.AT.dS;
+      }
+      if (lastBase === "G" || lastBase === "C") {
+        deltaH += SANTA_LUCIA_INIT.GC.dH;
+        deltaS += SANTA_LUCIA_INIT.GC.dS;
+      } else {
+        deltaH += SANTA_LUCIA_INIT.AT.dH;
+        deltaS += SANTA_LUCIA_INIT.AT.dS;
+      }
+      const T2 = 310.15;
+      const deltaG = deltaH - T2 * deltaS / 1e3;
+      return Math.round(Math.abs(deltaG) * 100) / 100;
+    } catch (e2) {
+      return `Error calculating end stability for sequence ${sequence2}. ${e2}`;
+    }
+  }
+  __name(calculateEndStability, "calculateEndStability");
   function convertAACaretPositionOrRangeToDna(rangeOrCaret) {
     if (typeof rangeOrCaret === "object" && rangeOrCaret !== null) {
       return convertAARangeToDnaRange(__spreadProps(__spreadValues({}, rangeOrCaret), {
@@ -125186,6 +125422,30 @@ ${seq.sequence}
     default: selectedPartTags,
     updateSelectedPartTags
   }, Symbol.toStringTag, { value: "Module" }));
+  const updateTemporaryAnnotations = createMetaAction(
+    "TEMPORARY_ANNOTATIONS_UPDATE"
+  );
+  const temporaryAnnotations = createMergedDefaultStateReducer(
+    {
+      TEMPORARY_ANNOTATIONS_UPDATE: /* @__PURE__ */ __name((state2, payload) => {
+        return __spreadValues(__spreadValues({}, state2), payload);
+      }, "TEMPORARY_ANNOTATIONS_UPDATE"),
+      VECTOR_EDITOR_UPDATE: /* @__PURE__ */ __name((state2, payload) => {
+        return __spreadValues(__spreadValues({}, state2), payload.temporaryAnnotations);
+      }, "VECTOR_EDITOR_UPDATE")
+    },
+    {
+      features: {},
+      primers: {},
+      parts: {},
+      selectionLayer: {}
+    }
+  );
+  const temporaryAnnotations$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    default: temporaryAnnotations,
+    updateTemporaryAnnotations
+  }, Symbol.toStringTag, { value: "Module" }));
   const vectorEditorMiddleware = /* @__PURE__ */ __name((store2) => (next) => (action2) => {
     if (action2.meta && action2.meta.disregardUndo) {
       return next(action2);
@@ -125301,7 +125561,8 @@ ${seq.sequence}
     partLengthsToHide: partLengthsToHide$1,
     primerLengthsToHide: primerLengthsToHide$1,
     featureLengthsToHide: featureLengthsToHide$1,
-    selectedPartTags: selectedPartTags$1
+    selectedPartTags: selectedPartTags$1,
+    temporaryAnnotations: temporaryAnnotations$1
   };
   const vectorEditorInitialize = createMetaAction("VECTOR_EDITOR_UPDATE");
   const vectorEditorClear = createMetaAction("VECTOR_EDITOR_CLEAR");
@@ -126066,11 +126327,16 @@ ${seq.sequence}
       return searchLayers;
     }
   );
-  function featuresRawSelector(sequenceData2) {
-    return sequenceData2.features;
+  const temporaryAnnotationsSelector = /* @__PURE__ */ __name((editor) => editor.temporaryAnnotations, "temporaryAnnotationsSelector");
+  function featuresRawSelector(sequenceData2, temporaryAnnotations2) {
+    return __spreadValues(__spreadValues({}, sequenceData2.features), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.features);
   }
   __name(featuresRawSelector, "featuresRawSelector");
-  const featuresSelector = createSelector(sequenceDataSelector, featuresRawSelector);
+  const featuresSelector = createSelector(
+    sequenceDataSelector,
+    temporaryAnnotationsSelector,
+    featuresRawSelector
+  );
   function cdsFeaturesRawSelector(features2) {
     return filter(features2, ({ type: type2 }) => type2 && type2.toUpperCase() === "CDS");
   }
@@ -126350,11 +126616,15 @@ ${seq.sequence}
     (state2) => state2.featureLengthsToHide,
     filteredFeaturesSelector
   );
-  function primersRawSelector(sequenceData2) {
-    return sequenceData2.primers;
+  function primersRawSelector(sequenceData2, temporaryAnnotations2) {
+    return __spreadValues(__spreadValues({}, sequenceData2.primers), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.primers);
   }
   __name(primersRawSelector, "primersRawSelector");
-  const primersSelector = createSelector(sequenceDataSelector, primersRawSelector);
+  const primersSelector = createSelector(
+    sequenceDataSelector,
+    temporaryAnnotationsSelector,
+    primersRawSelector
+  );
   function filteredPrimersSelector(primers2, seqLen, primerIndividualToHide, lengthsToHide) {
     return omitBy(primers2, (ann) => {
       const hideIndividually = primerIndividualToHide[ann.id];
@@ -126369,11 +126639,15 @@ ${seq.sequence}
     (state2) => state2.primerLengthsToHide,
     filteredPrimersSelector
   );
-  function partsRawSelector(sequenceData2) {
-    return sequenceData2.parts;
+  function partsRawSelector(sequenceData2, temporaryAnnotations2) {
+    return __spreadValues(__spreadValues({}, sequenceData2.parts), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.parts);
   }
   __name(partsRawSelector, "partsRawSelector");
-  const partsSelector = createSelector(sequenceDataSelector, partsRawSelector);
+  const partsSelector = createSelector(
+    sequenceDataSelector,
+    temporaryAnnotationsSelector,
+    partsRawSelector
+  );
   const tagsToBoldSelector = /* @__PURE__ */ __name((state2) => state2.selectedPartTags.parts, "tagsToBoldSelector");
   function addWrappedAddons(anns, seqLen) {
     return flatMap(anns, (ann) => {
@@ -127200,7 +127474,8 @@ ${seq.sequence}
       annotationVisibility: annotationVisibility2,
       annotationsToSupport: annotationsToSupport2,
       findTool: findTool2,
-      justPassingPartialSeqData
+      justPassingPartialSeqData,
+      temporaryAnnotations: temporaryAnnotations2
     } = initialValues2;
     const currentEditor = store2.getState().VectorEditor[editorName] || {};
     const isAlreadyProteinEditor = currentEditor.sequenceData && currentEditor.sequenceData.isProtein;
@@ -127322,12 +127597,14 @@ ${seq.sequence}
           };
         }
       }
-      payload = __spreadValues(__spreadValues(__spreadValues({}, initialValues2), toSpread), sequenceData2 && {
+      payload = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, initialValues2), toSpread), sequenceData2 && {
         sequenceData: tidyUpSequenceData(sequenceData2, {
           convertAnnotationsFromAAIndices,
           //if we have sequence data coming in make sure to tidy it up for the user :)
           annotationsAsObjects: true
         })
+      }), temporaryAnnotations2 && {
+        temporaryAnnotations: temporaryAnnotations2
       });
     }
     annotationTypes.forEach((t2) => {
@@ -144752,7 +145029,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.8.18";
+  const version = "0.8.20";
   const packageJson = {
     version
   };
@@ -163850,7 +164127,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       /* , setMonovalentCationConc */
     ] = React.useState(0.05);
     const [tmType, setTmType] = useTmType();
-    let tm = (tmType === "neb_tm" ? calculateNebTm : calculateTm)(sequence2, {
+    let tm = (tmType === "neb_tm" ? calculateNebTm : tmType === "default" ? calculateSantaLuciaTm : calculateTm)(sequence2, {
       monovalentCationConc,
       primerConc
     });
@@ -163875,8 +164152,9 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           {
             label: "Choose Tm Type:",
             options: [
-              { value: "default", label: "Default Tm (Breslauer)" },
-              { value: "neb_tm", label: "NEB Tm (SantaLucia)" }
+              { value: "default", label: "Santa Lucia (Default)" },
+              { value: "breslauer", label: "Breslauer" },
+              { value: "neb_tm", label: "NEB Tm" }
             ],
             onChange: /* @__PURE__ */ __name((e2) => setTmType(e2.target.value), "onChange"),
             selectedValue: tmType
@@ -163890,7 +164168,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           }
         ), hasWarning, /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null), "Try using the Default Tm"))
       },
-      /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InnerWrapper, null, "Melting Temp: ", Number(tm) || 0, " "), hasWarning && /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InnerWrapper, null, "Melting Temp: ", Number(tm) || 0, "°C"), hasWarning && /* @__PURE__ */ React.createElement(
         Icon,
         {
           style: { marginLeft: 5, marginRight: 5 },
@@ -164154,12 +164432,24 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       )), /* @__PURE__ */ React.createElement(
         MeltingTemp,
         {
-          InnerWrapper: InnerWrapperMeltingTemp,
+          InnerWrapper: TextInnerWrapper,
           sequence: bases
         }
-      ))
+      ), /* @__PURE__ */ React.createElement(TextInnerWrapper, null, "GC content: ", bases && calculatePercentGC(bases).toFixed(1), "%"), /* @__PURE__ */ React.createElement(TextInnerWrapper, null, "3' Stability: ", bases && calculateEndStability(bases), " kcal/mol"))
     );
   }, "RenderBases");
+  const TextInnerWrapper = /* @__PURE__ */ __name((p2) => /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "bp3-text-muted bp3-text-small",
+      style: {
+        marginBottom: 15,
+        marginTop: -5,
+        fontStyle: "italic"
+      }
+    },
+    p2.children
+  ), "TextInnerWrapper");
   const AddOrEditPrimerDialog = AddOrEditAnnotationDialog$1({
     formName: "AddOrEditPrimerDialog",
     getProps: /* @__PURE__ */ __name((props) => ({
@@ -164168,14 +164458,6 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       RenderBases
     }), "getProps")
   });
-  const InnerWrapperMeltingTemp = /* @__PURE__ */ __name((p2) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "bp3-text-muted bp3-text-small",
-      style: { marginBottom: 15, marginTop: -5, fontStyle: "italic" }
-    },
-    p2.children
-  ), "InnerWrapperMeltingTemp");
   const Dialogs = {
     RenameSequenceDialog,
     PrintDialog: PrintDialog$1,

package/ove.css

@@ -8819,12 +8819,14 @@ span.bp3-popover-target{
 /*# sourceMappingURL=blueprint-icons.css.map */:root {
   --base1: #ffffff;
   --base2: #cdcdcd;
+  --base3: #a1a3a5;
   --reversed: #293742;
 }
 
 body.bp3-dark {
   --base1: #393a3a;
   --base2: #293742;
+  --base3: #959697;
   --reversed: #cdcdcd;
 }
 
@@ -9611,6 +9613,50 @@ button:not(:disabled):active {
   border: none;
 }
 
+.ReactTable.ReactTable .rt-tbody .rt-tr-group.no-group-border {
+  border-bottom: none;
+}
+
+.react-draggable .bp3-dialog {
+  /* add little chevrons in the bottom corners of the dialog to show its draggable */
+  position: relative;
+}
+
+.react-draggable .bp3-dialog::before,
+.react-draggable .bp3-dialog::after {
+  content: "";
+  position: absolute;
+  bottom: 3px;
+  width: 10px;
+  height: 10px;
+  border-style: double;
+  border-color: var(--base3);
+  border-width: 0;
+  border-bottom-width: 6px;
+  pointer-events: none;
+}
+
+.react-draggable .bp3-dialog::before {
+  left: 3px;
+  border-left-width: 6px;
+  border-bottom-left-radius: 2px;
+}
+
+.react-draggable .bp3-dialog::after {
+  right: 3px;
+  border-right-width: 6px;
+  border-bottom-right-radius: 2px;
+}
+
+.react-draggable .tg-dialog-resize-handle div:first-child {
+  bottom: 0px !important;
+  left: 0px !important;
+}
+.react-draggable .tg-dialog-resize-handle div:nth-child(2) {
+  bottom: 0px !important;
+  right: 0px !important;
+}
+
 .bp3-dark .ReactTable.ReactTable .rt-tbody .rt-tr-group {
   border-bottom-color: rgba(16, 22, 26, 0.15);
 }