@jbrowse/bandage-core 11.5.0 → 11.6.1

package/dist/chunks/{chunk-3BCVMZUT.js → chunk-BVWMVWLJ.js}

@@ -4,41 +4,41 @@ import {
 import {
   facetLifts,
   walkLift
-} from "./chunk-VQ7474EH.js";
+} from "./chunk-EVXXFMZ7.js";
 import {
   buildGeometry,
   computeReferenceRamp
-} from "./chunk-JOWKKQAL.js";
+} from "./chunk-JGHZ3N34.js";
 import {
   walkKey
-} from "./chunk-D4ZFRBB4.js";
+} from "./chunk-JGQQAUVL.js";
 import {
   walkRowsExtent
-} from "./chunk-FWSERUJV.js";
+} from "./chunk-P5PBJONQ.js";
 import {
   pathLegend,
   walkLabelsOf
-} from "./chunk-3GP3KT5L.js";
+} from "./chunk-BW2NMXRV.js";
 import {
   FIGURE_DEFAULTS
-} from "./chunk-K5LDBMLX.js";
+} from "./chunk-3FWNQNF7.js";
 import {
   drawingBounds
-} from "./chunk-WG5D2H7X.js";
+} from "./chunk-7OTWJQGA.js";
 import {
   referenceLabel
-} from "./chunk-234NFZS4.js";
+} from "./chunk-5ORP7EFJ.js";
 import {
   resolveColorScheme
 } from "./chunk-JKJWSY4V.js";
 import {
   deletionDrawing,
   deletionEdges
-} from "./chunk-CGMSKIEO.js";
+} from "./chunk-DV5B5UU7.js";
 import {
   facetCells,
   facetSettingOf
-} from "./chunk-TGUFT6KK.js";
+} from "./chunk-BLUEFYIR.js";
 
 // src/figureScene.ts
 function figureScene(graph, layout, o) {

package/dist/chunks/{chunk-3GP3KT5L.js → chunk-BW2NMXRV.js}

@@ -1,12 +1,12 @@
-import {
-  pathOrigin
-} from "./chunk-B5X2RLJG.js";
 import {
   groupDigits
-} from "./chunk-PFRQBCGC.js";
+} from "./chunk-T3H5ELLA.js";
+import {
+  pathOrigin
+} from "./chunk-3YBP46PB.js";
 import {
   isGenericSample
-} from "./chunk-4XWZNPQ2.js";
+} from "./chunk-2JL2JVZ2.js";
 
 // src/pathColors.ts
 function nameHue(name) {

package/dist/chunks/{chunk-2E25TX4G.js → chunk-C6E6HXP5.js}

@@ -1,6 +1,6 @@
 import {
   coversGraph
-} from "./chunk-E4ZM4OOJ.js";
+} from "./chunk-KZMSSPS6.js";
 import {
   bubblesFromGraph,
   derivedBubble,
@@ -10,13 +10,13 @@ import {
 } from "./chunk-RFG42VIO.js";
 import {
   bubbleSegmentIds
-} from "./chunk-A4JDEUAI.js";
+} from "./chunk-SNF2MIEF.js";
 import {
   bubbleSubgraph
-} from "./chunk-PNMJFFNB.js";
+} from "./chunk-MHZTTLBU.js";
 import {
   strandSides
-} from "./chunk-UBQSRCWR.js";
+} from "./chunk-VACK24HF.js";
 import {
   pushTo
 } from "./chunk-BSOZW3FC.js";

package/dist/chunks/{chunk-5I3K4R2G.js → chunk-CFXXFHRK.js}

@@ -57,7 +57,8 @@ function parseGFA(file) {
   };
   for (const rawLine of file.split("\n")) {
     const line = rawLine.endsWith("\r") ? rawLine.slice(0, -1) : rawLine;
-    const type = line.split("	", 1)[0];
+    const tab = line.indexOf("	");
+    const type = tab === -1 ? line : line.slice(0, tab);
     if (type === "H") {
       const [, ...rest] = line.split("	");
       graph.header.push(parseTags(rest));

package/dist/chunks/{chunk-JMABOQWL.js → chunk-CO6RGQAD.js}

@@ -18,13 +18,8 @@ function isLayoutEngineKind(value) {
   return LAYOUT_ENGINE_VALUES.includes(value);
 }
 var layoutEngine = async (request) => {
-  if (request.options.engine === "stress") {
-    const start2 = performance.now();
-    const result2 = stressLayout(request);
-    return { result: result2, duration: performance.now() - start2 };
-  }
   const start = performance.now();
-  const result = await fmmmLayout(request);
+  const result = request.options.engine === "stress" ? stressLayout(request) : await fmmmLayout(request);
   return { result, duration: performance.now() - start };
 };
 

package/dist/chunks/{chunk-64FCX424.js → chunk-D3E7AXBB.js}

@@ -1,20 +1,20 @@
 import {
   tableNodeIds,
   tablePath
-} from "./chunk-NJGYLYU7.js";
-import {
-  pathOrigin
-} from "./chunk-B5X2RLJG.js";
+} from "./chunk-W2YAW36J.js";
 import {
   gapParts
 } from "./chunk-EIY2SKD3.js";
+import {
+  pathOrigin
+} from "./chunk-3YBP46PB.js";
 import {
   groupBy
 } from "./chunk-BSOZW3FC.js";
 import {
   panSNContig,
   panSNSample
-} from "./chunk-4XWZNPQ2.js";
+} from "./chunk-2JL2JVZ2.js";
 
 // src/layout/walkRowRuns.ts
 var RUN_ON_REFERENCE = 1;
@@ -179,6 +179,7 @@ function walkRowRuns(source, region, o = {}) {
   const walks = groupBy(others, nameOf);
   const spanStart = new Float64Array(names.length).fill(Number.NaN);
   const spanEnd = new Float64Array(names.length);
+  const revisits = /* @__PURE__ */ new Map();
   let reachesBefore = false;
   let reachesAfter = false;
   const cut = region && region.end > region.start ? region : void 0;
@@ -187,7 +188,14 @@ function walkRowRuns(source, region, o = {}) {
     for (let s = from[piece], stop = to[piece]; s < stop; s++) {
       const node = all[s];
       const len = lengthOf(node);
-      if (Number.isNaN(spanStart[node])) {
+      if (!Number.isNaN(spanStart[node])) {
+        const starts = revisits.get(node);
+        if (starts) {
+          starts.push(pos);
+        } else {
+          revisits.set(node, [spanStart[node], pos]);
+        }
+      } else {
         spanStart[node] = pos;
         spanEnd[node] = pos + len;
         if (cut) {
@@ -345,6 +353,27 @@ function walkRowRuns(source, region, o = {}) {
     let last = -1;
     let lastFlags = 0;
     let lastRef = Number.NaN;
+    let cursor = Number.NaN;
+    const placeOf = (id) => {
+      const starts = revisits.get(id);
+      if (!starts || Number.isNaN(cursor)) {
+        return spanStart[id];
+      }
+      const len = lengthOf(id);
+      let best = starts[0];
+      let bestGap = Infinity;
+      for (const start2 of starts) {
+        const gap = Math.min(
+          Math.abs(start2 - cursor),
+          Math.abs(start2 + len - cursor)
+        );
+        if (gap < bestGap) {
+          best = start2;
+          bestGap = gap;
+        }
+      }
+      return best;
+    };
     const [, runBp, runRef, runFlags] = runs.values;
     for (let k = lo; k < hi; k++) {
       const index = backward ? hi - 1 - (k - lo) : k;
@@ -369,12 +398,12 @@ function walkRowRuns(source, region, o = {}) {
         continue;
       }
       const len = lengthOf(id);
-      const at = spanStart[id];
+      const at = placeOf(id);
       const on = !Number.isNaN(at);
       visits?.push(id, bp2, len, on ? 1 : 0);
       const placed = last >= 0 && !Number.isNaN(lastRef);
       const forward = on && placed && step >= 0 && lastRef + (runBp[last] ?? 0) === at;
-      const back = on && placed && step <= 0 && spanEnd[id] === lastRef;
+      const back = on && placed && step <= 0 && at + len === lastRef;
       if (!on && last >= 0 && !(lastFlags & (RUN_ON_REFERENCE | RUN_GAP))) {
         runBp[last] += len;
       } else if (forward || back) {
@@ -394,7 +423,9 @@ function walkRowRuns(source, region, o = {}) {
         step = 0;
       }
       bp2 += len;
-      if (!on) {
+      if (on) {
+        cursor = step < 0 ? at : at + len;
+      } else {
         offReferenceBp += len;
       }
     }

package/dist/chunks/{chunk-CGMSKIEO.js → chunk-DV5B5UU7.js}

@@ -1,9 +1,12 @@
+import {
+  referenceVisitStarts
+} from "./chunk-3YBP46PB.js";
 import {
   computeEdgeCurves,
   edgeJoinOf,
   routedEdgeCurves,
   strandSides
-} from "./chunk-UBQSRCWR.js";
+} from "./chunk-VACK24HF.js";
 import {
   groupBy
 } from "./chunk-BSOZW3FC.js";
@@ -11,6 +14,9 @@ import {
   firstNodeAtOrAfter,
   isBackbone
 } from "./chunk-RJWPJCIB.js";
+import {
+  partitionPoint
+} from "./chunk-HOAIOEI7.js";
 
 // src/deletionEdges.ts
 var MIN_DELETION_BP = 1;
@@ -70,22 +76,63 @@ function skipsBetween(edge, from, to, forwards) {
   const arrivesLeft = toStrand === (to.stable.strand ?? "+");
   return forwards ? leavesRight && arrivesLeft : !leavesRight && !arrivesLeft;
 }
+function skippedSpan(edge, from, to, startsOf) {
+  let best;
+  for (const a of startsOf(from)) {
+    for (const b of startsOf(to)) {
+      const forwards = a <= b;
+      const span = forwards ? { start: a + from.length, end: b } : { start: b + to.length, end: a };
+      if (skipsBetween(edge, from, to, forwards) && (!best || Math.abs(span.end - span.start) < Math.abs(best.end - best.start))) {
+        best = span;
+      }
+    }
+  }
+  return best;
+}
+var COPY_SWITCH_SHARE = 0.01;
+function repeatCopies(backbone, startsOf) {
+  const bySequence = /* @__PURE__ */ new Map();
+  for (const [refName, nodes] of backbone) {
+    const copies = nodes.flatMap((node) => {
+      const starts = startsOf(node);
+      return starts.slice(1).map((next, i) => ({
+        at: starts[i],
+        copy: next - starts[i]
+      }));
+    });
+    if (copies.length) {
+      bySequence.set(
+        refName,
+        copies.sort((a, b) => a.at - b.at)
+      );
+    }
+  }
+  return bySequence;
+}
+function switchesCopy(copies, start, bp) {
+  if (!copies) {
+    return false;
+  }
+  const i = partitionPoint(copies.length, (k) => copies[k].at < start);
+  const near = [copies[i - 1], copies[i]].filter((c) => c !== void 0).sort((a, b) => Math.abs(a.at - start) - Math.abs(b.at - start))[0];
+  return near !== void 0 && Math.abs(near.at - start) <= near.copy && Math.abs(bp - near.copy) <= near.copy * COPY_SWITCH_SHARE;
+}
 function deletionEdges(graph) {
   const byId = new Map(graph.nodes.map((n) => [n.id, n]));
   const backbone = backboneBySequence(graph);
+  const startsOf = referenceVisitStarts(graph);
+  const copies = repeatCopies(backbone, startsOf);
   const found = [];
   for (let edgeIndex = 0; edgeIndex < graph.edges.length; edgeIndex++) {
     const edge = graph.edges[edgeIndex];
     const from = byId.get(edge.from);
     const to = byId.get(edge.to);
     if (from !== void 0 && to !== void 0 && isBackbone(from) && isBackbone(to) && from.stable.refName === to.stable.refName) {
-      const forwards = from.stable.start <= to.stable.start;
-      const [left, right] = forwards ? [from, to] : [to, from];
-      const start = left.stable.start + left.length;
-      const end = right.stable.start;
-      const bp = end - start;
-      if (bp >= MIN_DELETION_BP && skipsBetween(edge, from, to, forwards)) {
-        const refName = left.stable.refName;
+      const span = skippedSpan(edge, from, to, startsOf);
+      const refName = from.stable.refName;
+      const bp = span ? span.end - span.start : 0;
+      if (span && bp >= MIN_DELETION_BP && !switchesCopy(copies.get(refName), span.start, bp)) {
+        const { start, end } = span;
         found.push({
           edgeIndex,
           from: edge.from,

package/dist/chunks/{chunk-G6UIYQZR.js → chunk-EQDQ7P4Y.js}

@@ -136,13 +136,14 @@ function mergeOverlappingByName(genes) {
   }
   return out;
 }
+var BED_HEADER = /^(#|track\s|browser\s)/;
 function genesFromBed(text) {
   const rows = [];
   for (const line of text.split("\n")) {
     const cols = line.replace(/\r$/, "").split("	");
     const start = Number(cols[1]);
     const end = Number(cols[2]);
-    if (/^(#|track|browser)/.test(line) || cols.length < 3 || !Number.isInteger(start) || !(end > start)) {
+    if (BED_HEADER.test(line) || cols.length < 3 || !Number.isInteger(start) || !(end > start)) {
       continue;
     }
     const refName = cols[0];
@@ -165,7 +166,7 @@ function genesFromBed(text) {
   return mergeOverlappingByName(rows);
 }
 function sniffedFormat(text) {
-  const first = text.split("\n", 1e3).find((l) => l.trim() !== "" && !/^(#|track|browser)/.test(l));
+  const first = text.split("\n", 1e3).find((l) => l.trim() !== "" && !BED_HEADER.test(l));
   const cols = first?.split("	") ?? [];
   return /^\d+$/.test(cols[1] ?? "") && /^\d+$/.test(cols[2] ?? "") ? "bed" : "gff3";
 }

package/dist/chunks/{chunk-VQ7474EH.js → chunk-EVXXFMZ7.js}

@@ -1,24 +1,25 @@
 import {
   encodedColor,
   resolveEncoding
-} from "./chunk-HN3WHMPJ.js";
+} from "./chunk-2XEAITWM.js";
 import {
   rampFraction
-} from "./chunk-JOWKKQAL.js";
-import {
-  pathOrigin
-} from "./chunk-B5X2RLJG.js";
+} from "./chunk-JGHZ3N34.js";
 import {
   gapParts
 } from "./chunk-EIY2SKD3.js";
+import {
+  pathOrigin
+} from "./chunk-3YBP46PB.js";
 import {
   panSNContig
-} from "./chunk-4XWZNPQ2.js";
+} from "./chunk-2JL2JVZ2.js";
 
 // src/walkHighlight.ts
 var isReference = (graph, name) => !!graph.referencePath && pathOrigin(name).name === graph.referencePath;
 function piecesOf(graph, name) {
-  return (graph.paths ?? []).filter((p) => p.name === name).sort((a, b) => (a.start ?? 0) - (b.start ?? 0));
+  const origin = pathOrigin(name).name;
+  return (graph.paths ?? []).filter((p) => pathOrigin(p.name).name === origin).sort((a, b) => (a.start ?? 0) - (b.start ?? 0));
 }
 var nodesById = (graph) => new Map(graph.nodes.map((n) => [n.id, n]));
 function graphIndex(graph) {

package/dist/chunks/{chunk-AKLSY4GD.js → chunk-F3KQQDKP.js}

@@ -1,7 +1,7 @@
 import {
   engineKey,
   forceLayout
-} from "./chunk-WG5D2H7X.js";
+} from "./chunk-7OTWJQGA.js";
 
 // src/layout/forceCache.ts
 var DEFAULT_SIZE = 4;

package/dist/chunks/{chunk-6EOB6ANX.js → chunk-GZ36HNPJ.js}

@@ -1,6 +1,6 @@
 import {
   tubeSpan
-} from "./chunk-HSVFCA2J.js";
+} from "./chunk-VO6FKNZE.js";
 
 // src/tubeMap/genes.ts
 function tubeMapGenes(byRefName, genes) {

package/dist/chunks/{chunk-3U3C4PRK.js → chunk-HV35LDYH.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-MYDHU2UV.js";
 import {
   readColor
-} from "./chunk-A7H753BA.js";
+} from "./chunk-SDI6BVG7.js";
 import {
   referenceWalkName
-} from "./chunk-64FCX424.js";
+} from "./chunk-D3E7AXBB.js";
 import {
   pathOrigin
-} from "./chunk-B5X2RLJG.js";
+} from "./chunk-3YBP46PB.js";
 import {
   pushTo
 } from "./chunk-BSOZW3FC.js";

package/dist/chunks/{chunk-JOWKKQAL.js → chunk-JGHZ3N34.js}

@@ -10,17 +10,18 @@ import {
 } from "./chunk-GQZVR5DW.js";
 import {
   baseEdgeCurves
-} from "./chunk-WA5WNP6V.js";
+} from "./chunk-OYCQVJYY.js";
 import {
   PATH_LIGHTNESS,
   PATH_SATURATION,
   nameHue,
   pathHueAt
-} from "./chunk-3GP3KT5L.js";
+} from "./chunk-BW2NMXRV.js";
 import {
   meanDepth,
-  nodeWidthPx
-} from "./chunk-CRCD3ODN.js";
+  nodeWidthPx,
+  walkLaneWidthPx
+} from "./chunk-ZANALBSX.js";
 import {
   referenceMidpoints
 } from "./chunk-VX656OAZ.js";
@@ -31,7 +32,7 @@ import {
   strandSides,
   translateCurves,
   yToXOf
-} from "./chunk-UBQSRCWR.js";
+} from "./chunk-VACK24HF.js";
 import {
   pushTo
 } from "./chunk-BSOZW3FC.js";
@@ -51,7 +52,6 @@ var LIFT_BACKDROP_CSS = abgrToCssRgba(
 );
 var DELETION_DASH_PX = 11;
 var MIN_PATH_STRIPE_PX = 1.2;
-var MIN_WALK_LANE_PX = 4;
 var MIN_SCALE_FOR_OFFSET = 1e-6;
 var ARROW_LENGTH_BASE_PX = 7;
 var ARROW_LENGTH_PER_EDGE_PX = 3;
@@ -518,7 +518,12 @@ function buildGeometry(options) {
     const inView = (curves) => !viewportBounds || isBezierInBounds(curves, viewportBounds);
     const stroke = (curves, thickness, color) => {
       if (isDeletion) {
-        for (const dash of dashCurves(curves, DELETION_DASH_PX / scale)) {
+        for (const dash of dashCurves(
+          curves,
+          DELETION_DASH_PX / scale,
+          yToX,
+          viewportBounds
+        )) {
           edgeCurves.push({ curves: dash, thickness, color });
         }
       } else {
@@ -546,7 +551,7 @@ function buildGeometry(options) {
     if (laneWalks) {
       const fromNode = nodeById.get(edge.from);
       const width = fromNode ? nodeWidthPx(fromNode, contigThickness, nodeWidth, depthNorm) : contigThickness;
-      const laneWidth = Math.max(width / laneWalks.length, MIN_WALK_LANE_PX);
+      const laneWidth = walkLaneWidthPx(width, laneWalks.length);
       const normals = pointNormalsOf(fromSegments, yToX);
       const { nx, ny } = (leavesStart(
         edge,
@@ -638,7 +643,7 @@ function buildGeometry(options) {
     const drawable = segments.length >= 2;
     const lanes = highlight?.walks.length && !faded && !slots?.length ? highlight.walks : void 0;
     if (drawable && lanes) {
-      const laneWidth = Math.max(width / lanes.length, MIN_WALK_LANE_PX);
+      const laneWidth = walkLaneWidthPx(width, lanes.length);
       const normals = pointNormalsOf(segments, yToX);
       lanes.forEach((walk, lane) => {
         const laneColor = walk.colors.get(nodeId);

package/dist/chunks/{chunk-D4ZFRBB4.js → chunk-JGQQAUVL.js}

@@ -5,13 +5,13 @@ import {
 import {
   formatBp,
   groupDigits
-} from "./chunk-PFRQBCGC.js";
+} from "./chunk-T3H5ELLA.js";
 
 // src/walkKey.ts
 function rangeText(contig, start, end) {
   const s = Math.round(start);
   const e = Math.round(end);
-  return `${contig ? `${contig}:` : ""}${groupDigits(s)}-${groupDigits(e)} (${formatBp(e - s)})`;
+  return `${contig ? `${contig}:` : ""}${groupDigits(s + 1)}-${groupDigits(e)} (${formatBp(e - s)})`;
 }
 function walkKey(walk, reference) {
   const { field } = walk.encoding;
@@ -42,7 +42,7 @@ function walkPosition(walk, nodeId, length) {
   const start = Math.round(
     range.start + progress * (range.end - range.start) - length / 2
   );
-  return `${range.contig}:${groupDigits(start)}-${groupDigits(start + length)}`;
+  return `${range.contig}:${groupDigits(start + 1)}-${groupDigits(start + length)}`;
 }
 
 export {

package/dist/chunks/{chunk-PSCSZSVK.js → chunk-KA4F3N55.js}

@@ -1,10 +1,10 @@
 import {
   nodesUnderBox
-} from "./chunk-OMUPUB4J.js";
+} from "./chunk-56L6R6D2.js";
 import {
   graphLabels,
   rowLabelBox
-} from "./chunk-PFRQBCGC.js";
+} from "./chunk-T3H5ELLA.js";
 import {
   LABEL_CHAR_PX,
   LABEL_PAD,
@@ -25,7 +25,7 @@ function geneCoverageNote(pin) {
   if (pin.covered >= 0.98) {
     return void 0;
   }
-  const [per, unit] = length >= 1e6 ? [1e6, "Mb"] : length >= 1e3 ? [1e3, "kb"] : [1, "bp"];
+  const [per, unit] = length >= 999500 ? [1e6, "Mb"] : length >= 1e3 ? [1e3, "kb"] : [1, "bp"];
   const amount = (bp) => +(bp / per).toFixed(per === 1 ? 0 : 1);
   return `${amount(pin.covered * length)} of ${amount(length)} ${unit}`;
 }
@@ -114,7 +114,7 @@ function layoutLabels(m) {
     frame,
     take
   );
-  const ticks = m.bubbleHalos.filter((h) => h.tick && !h.whole).map((h) => ({ item: h, ...above(h, 2) })).filter((t) => t.x >= 0 && t.x <= width && t.y >= 0 && t.y <= height);
+  const ticks = m.bubbleHalos.filter((h) => h.tick).map((h) => ({ item: h, ...above(h, 2) })).filter((t) => t.x >= 0 && t.x <= width && t.y >= 0 && t.y <= height);
   const genes = placeLabels(
     geneLabelCandidates(
       m.genePins,

package/dist/chunks/{chunk-SOMZGDVS.js → chunk-KJDERUQF.js}

@@ -1,6 +1,6 @@
 import {
   ownStrand
-} from "./chunk-UBQSRCWR.js";
+} from "./chunk-VACK24HF.js";
 import {
   groupBy
 } from "./chunk-BSOZW3FC.js";

package/dist/chunks/{chunk-E4ZM4OOJ.js → chunk-KZMSSPS6.js}

@@ -1,10 +1,10 @@
 import {
   bubbleSegmentIds,
   classifyBubble
-} from "./chunk-A4JDEUAI.js";
+} from "./chunk-SNF2MIEF.js";
 import {
   svgPath
-} from "./chunk-UBQSRCWR.js";
+} from "./chunk-VACK24HF.js";
 import {
   isBackbone
 } from "./chunk-RJWPJCIB.js";

package/dist/chunks/{chunk-IOWLTUEB.js → chunk-MEVTV4FI.js}

@@ -1,7 +1,7 @@
 import {
   walkRowRuns,
   walkRowsOf
-} from "./chunk-64FCX424.js";
+} from "./chunk-D3E7AXBB.js";
 
 // src/layout/walkRows.ts
 function filterSamples(rows, samples) {

package/dist/chunks/{chunk-PNMJFFNB.js → chunk-MHZTTLBU.js}

@@ -1,6 +1,6 @@
 import {
   trimOrigins
-} from "./chunk-B5X2RLJG.js";
+} from "./chunk-3YBP46PB.js";
 
 // src/bubbles/popBubble.ts
 function bubbleSubgraph(graph, segmentIds) {

package/dist/chunks/{chunk-TRGKMLXT.js → chunk-MXLYBDOX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-H2H4Y3TV.js";
 import {
   REFERENCE_RAMP_ALT_CSS
-} from "./chunk-JOWKKQAL.js";
+} from "./chunk-JGHZ3N34.js";
 import {
   RAMP_GRADIENT_CSS,
   RAMP_GRADIENT_STOPS,
@@ -22,7 +22,7 @@ import {
 } from "./chunk-CPMHA4W5.js";
 import {
   panSNContig
-} from "./chunk-4XWZNPQ2.js";
+} from "./chunk-2JL2JVZ2.js";
 
 // src/layout/walkRowDraw.ts
 var ON_REFERENCE = "#2f8fd6";
@@ -49,10 +49,10 @@ function units(bp, unit) {
 }
 var near = ({ refName, start }) => `${panSNContig(refName)}:${start < 1e6 ? `${Math.round(start / 1e3)} kb` : `${(start / 1e6).toFixed(1)} Mb`}`;
 function gapsText(gapBp, runs) {
-  const gaps = (runs ?? []).filter((r) => r.gap);
   if (gapBp <= 0) {
     return "";
   }
+  const gaps = (runs ?? []).filter((r) => r.gap);
   if (!gaps.some((g) => g.cause)) {
     return ` \xB7 ${kb(gapBp)} ${OUTSIDE_TEXT}`;
   }
@@ -477,14 +477,15 @@ function walkRowsTree(bars, frame, o = {}) {
       })
     ) : [];
     const { call } = row;
-    const text = walkRowReadout(
-      row,
-      i === 0 ? void 0 : reference,
-      unit,
-      call
-    );
-    const at = readoutPlacement(text, along(row.bp), frame.width);
-    const readouts = frame.readouts ?? true;
+    const readout = frame.readouts ?? true ? {
+      text: walkRowReadout(
+        row,
+        i === 0 ? void 0 : reference,
+        unit,
+        call
+      )
+    } : void 0;
+    const at = readout && readoutPlacement(readout.text, along(row.bp), frame.width);
     return el(
       "g",
       {
@@ -504,7 +505,7 @@ function walkRowsTree(bars, frame, o = {}) {
         height: barPx + 2 * overhang,
         fill: callTickInk(call)
       }),
-      readouts && el(
+      readout && at && el(
         "text",
         {
           x: at.x,
@@ -517,7 +518,7 @@ function walkRowsTree(bars, frame, o = {}) {
           "paint-order": "stroke",
           "text-anchor": at.anchor
         },
-        text
+        readout.text
       )
     );
   };