@teselagen/ove 0.3.29 → 0.3.30

package/index.umd.js

@@ -45109,7 +45109,15 @@ ${latestSubscriptionCallbackError.current.stack}
   var _objectGops = {};
   _objectGops.f = Object.getOwnPropertySymbols;
   var _objectPie = {};
-  _objectPie.f = {}.propertyIsEnumerable;
+  var hasRequired_objectPie;
+  function require_objectPie() {
+    if (hasRequired_objectPie)
+      return _objectPie;
+    hasRequired_objectPie = 1;
+    _objectPie.f = {}.propertyIsEnumerable;
+    return _objectPie;
+  }
+  __name(require_objectPie, "require_objectPie");
   var defined$1 = _defined;
   var _toObject = /* @__PURE__ */ __name(function(it) {
     return Object(defined$1(it));
@@ -45123,7 +45131,7 @@ ${latestSubscriptionCallbackError.current.stack}
     var DESCRIPTORS2 = _descriptors;
     var getKeys2 = _objectKeys;
     var gOPS2 = _objectGops;
-    var pIE2 = _objectPie;
+    var pIE2 = require_objectPie();
     var toObject2 = _toObject;
     var IObject2 = _iobject;
     var $assign = Object.assign;
@@ -45760,7 +45768,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_wksDefine");
   var getKeys = _objectKeys;
   var gOPS$1 = _objectGops;
-  var pIE$1 = _objectPie;
+  var pIE$1 = require_objectPie();
   var _enumKeys = /* @__PURE__ */ __name(function(it) {
     var result = getKeys(it);
     var getSymbols2 = gOPS$1.f;
@@ -45801,7 +45809,7 @@ ${latestSubscriptionCallbackError.current.stack}
     return windowNames && toString$3.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
   }, "getOwnPropertyNames");
   var _objectGopd = {};
-  var pIE = _objectPie;
+  var pIE = require_objectPie();
   var createDesc$1 = _propertyDesc;
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive$1;
@@ -45981,7 +45989,7 @@ ${latestSubscriptionCallbackError.current.stack}
     $GOPD.f = $getOwnPropertyDescriptor;
     $DP.f = $defineProperty;
     _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-    _objectPie.f = $propertyIsEnumerable;
+    require_objectPie().f = $propertyIsEnumerable;
     $GOPS.f = $getOwnPropertySymbols;
     if (DESCRIPTORS && !_library) {
       redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -106635,6 +106643,7 @@ ${latestSubscriptionCallbackError.current.stack}
     ))),
     400
   );
+  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
   function genericCommandFactory(config) {
     const out = {};
     for (const cmdId in config.commandDefs) {
@@ -150465,10 +150474,10 @@ ${seq.sequence}
       }, containerStyle);
       const width = rowSeqLen * charWidth2;
       let inner2;
-      const shared2 = {
+      const shared2 = __spreadProps(__spreadValues({}, isSafari ? { letterSpacing: "3px" } : {}), {
         y: height2 - height2 / 4,
         className: "ve-monospace-font " + (isReverse ? " ve-sequence-reverse" : "")
-      };
+      });
       if (scrollData) {
         const numChunks = Math.ceil(rowSeqLen / chunkSize);
         const chunkWidth = chunkSize * charWidth2;
@@ -154899,7 +154908,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.3.28";
+  const version = "0.3.29";
   const main = "./src/index.js";
   const exports$1 = {
     ".": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.29",
+  "version": "0.3.30",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -15,7 +15,7 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.8",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.28",
+    "@teselagen/ui": "0.3.29",
     "@teselagen/file-utils": "0.3.9",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.3.10",

package/src/RowItem/Sequence.js

@@ -8,6 +8,7 @@ import { hoveredAnnEasyStore } from "../helperComponents/withHover";
 import { getOverlapsOfPotentiallyCircularRanges } from "@teselagen/range-utils";
 import { partOverhangs } from "./partOverhangs";
 import { isPositionWithinRange } from "@teselagen/range-utils";
+import { isSafari } from "@teselagen/ui";
 
 const getChunk = (sequence, chunkSize, chunkNumber) =>
   sequence.slice(chunkSize * chunkNumber, chunkSize * (chunkNumber + 1));
@@ -89,6 +90,7 @@ class Sequence extends React.Component {
 
     let inner;
     const shared = {
+      ...isSafari ? { letterSpacing: "3px" } : {},
       y: height - height / 4,
       className:
         "ve-monospace-font " + (isReverse ? " ve-sequence-reverse" : "")