jbrowse-plugin-graphgenomeviewer 8.3.2 → 8.3.4

package/dist/chunks/{chunk-D6NFDQQI.js.map → chunk-NBS4FGQ6.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/GraphGenomeView/components/PaneLayer.tsx", "../../src/GraphGenomeView/components/BubbleHalos.tsx", "../../src/GraphGenomeView/walkRowBlocks.ts", "../../src/GraphGenomeView/legendSections.ts", "../../src/GraphGenomeView/components/ElTree.tsx", "../../src/GraphGenomeView/components/LegendSwatch.tsx", "../../src/GraphGenomeView/components/legendStyles.ts", "../../src/GraphGenomeView/components/GenePins.tsx", "../../src/GraphGenomeView/components/LabelChip.tsx", "../../src/GraphGenomeView/components/LabelLayer.tsx", "../../src/GraphGenomeView/components/ReferenceStripOverlay.tsx", "../../src/GraphGenomeView/components/TubeMapOverlay.tsx", "host:@jbrowse/render-core/marks", "../../src/GraphGenomeView/walkRowSpans.ts", "../../src/GraphGenomeView/components/WalkRowsOverlay.tsx"],
-  "sourcesContent": ["import { useEffect, useRef } from 'react'\nimport type { ReactNode } from 'react'\n\nimport { syncCanvasSize } from '@jbrowse/bandage-core/renderer/canvas'\nimport { autorun } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport { dependOn } from '../pane/paneBase'\nimport { trackedDpr } from '../trackedDpr'\n\nimport type { GraphPaneModel } from '../model'\n\n// marks an overlay whose labels move with the drawing, so a press on one pans\nexport const PANS_WITH_DRAWING = 'data-pans-with-drawing'\n\n// A layer over the pane's canvas that leaves the pointer to it\nexport function paneLayerStyle(\n  zIndex: number,\n  overflow?: 'hidden' | 'visible',\n) {\n  return {\n    position: 'absolute' as const,\n    left: 0,\n    top: 0,\n    pointerEvents: 'none' as const,\n    overflow,\n    zIndex,\n  }\n}\n\n// An SVG the pane's size, over the canvas or inside PaneSvg's export\nexport const PaneSvgLayer = observer(function PaneSvgLayer({\n  model,\n  zIndex,\n  overflow = 'hidden',\n  testId,\n  pansWithDrawing,\n  children,\n}: {\n  model: GraphPaneModel\n  zIndex: number\n  overflow?: 'hidden' | 'visible'\n  testId?: string\n  pansWithDrawing?: boolean\n  children: ReactNode\n}) {\n  return (\n    <svg\n      style={{\n        ...paneLayerStyle(zIndex, overflow),\n        userSelect: pansWithDrawing ? 'none' : undefined,\n      }}\n      width={model.paneWidth}\n      height={model.canvasHeight}\n      data-testid={testId}\n      {...(pansWithDrawing ? { [PANS_WITH_DRAWING]: '' } : {})}\n    >\n      {children}\n    </svg>\n  )\n})\n\n// Layout units onto the screen. Its own observer, so a pan frame re-renders\n// this group's transform and not the children a parent built.\nexport const PaneTransformGroup = observer(function PaneTransformGroup({\n  model,\n  children,\n}: {\n  model: GraphPaneModel\n  children: ReactNode\n}) {\n  const { scaleX, scaleY, translateX, translateY } = model\n  return (\n    <g\n      transform={`translate(${translateX} ${translateY}) scale(${scaleX} ${scaleY})`}\n    >\n      {children}\n    </g>\n  )\n})\n\n// A canvas the pane's size that an autorun repaints, so a pan moves its ink in\n// the same frame as the drawing. `paint` draws in css px.\nexport function PaneOverlayCanvas({\n  model,\n  zIndex,\n  shown = true,\n  testId,\n  paint,\n}: {\n  model: GraphPaneModel\n  zIndex: number\n  shown?: boolean\n  testId: string\n  paint: (ctx: CanvasRenderingContext2D, dpr: number) => void\n}) {\n  const ref = useRef<HTMLCanvasElement>(null)\n  useEffect(() => {\n    if (!shown) {\n      return undefined\n    }\n    return autorun(() => {\n      const canvas = ref.current\n      const ctx = canvas?.getContext('2d')\n      if (canvas && ctx) {\n        const width = model.paneWidth\n        const height = model.canvasHeight\n        dependOn(trackedDpr())\n        const dpr = syncCanvasSize(canvas, width, height)\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0)\n        ctx.clearRect(0, 0, width, height)\n        paint(ctx, dpr)\n      }\n    })\n  }, [model, shown, paint])\n  return (\n    <canvas\n      ref={ref}\n      data-testid={shown ? testId : undefined}\n      style={{ ...paneLayerStyle(zIndex), display: shown ? 'block' : 'none' }}\n    />\n  )\n}\n", "import { bubbleKey, sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport { BUBBLE_KIND_COLORS } from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport { HALO_FACTOR } from '@jbrowse/bandage-core/labelLayout'\nimport { observer } from 'mobx-react'\n\nimport { PaneSvgLayer, PaneTransformGroup } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// The bubbles over a node drawing: each a translucent halo along its nodes,\n// drawn once in layout units and moved with the canvas by one transform. The\n// halo takes no pointer events, so the nodes under it still hover and drag;\n// its name and its routes' chips are LabelLayer's. A small variant is\n// LabelLayer's tick, and shows its halo only while hovered.\n\nconst BubbleHalos = observer(function BubbleHalos({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { bubbleHalos, hoveredBubble } = model\n  if (bubbleHalos.length === 0) {\n    return null\n  }\n  const halo = model.contigThickness * HALO_FACTOR\n  return (\n    <PaneSvgLayer model={model} zIndex={2} testId=\"graph-bubble-halos\">\n      <PaneTransformGroup model={model}>\n        {bubbleHalos\n          .filter(\n            h =>\n              !h.whole &&\n              (!h.tick ||\n                (hoveredBubble && sameBubble(h.bubble, hoveredBubble))),\n          )\n          .map(h => (\n            <path\n              key={bubbleKey(h.bubble)}\n              d={h.path}\n              fill=\"none\"\n              stroke={BUBBLE_KIND_COLORS[h.kind]}\n              strokeOpacity={\n                hoveredBubble && sameBubble(h.bubble, hoveredBubble)\n                  ? 0.45\n                  : model.bubbleFaded(h)\n                    ? 0.06\n                    : 0.22\n              }\n              strokeWidth={halo}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          ))}\n      </PaneTransformGroup>\n    </PaneSvgLayer>\n  )\n})\n\nexport default BubbleHalos\n", "import type { WalkRowBlock } from '@jbrowse/bandage-core/layout/walkRowLinks'\n\n// ggbandage's: the three biggest blocks in colour, the rest a pale grey that\n// still carries its letter\nconst BLOCK_COLORS = ['#d4735e', '#d8a94a', '#c98aa4']\nconst OTHER_BLOCK = '#e6e6e6'\nconst BLOCK_EDGE = '#555'\nconst LETTER_FONT = 'bold 11px sans-serif'\nconst MIN_LETTER_PX = 12\nconst MIN_LETTER_BAR_PX = 9\n\nexport const blockFill = (block: number) => BLOCK_COLORS[block] ?? OTHER_BLOCK\n\n// A, B, ... Z, then AA, AB, ...\nexport function blockLetter(block: number): string {\n  const letter = String.fromCharCode(65 + (block % 26))\n  return block < 26 ? letter : blockLetter(Math.floor(block / 26) - 1) + letter\n}\n\n// How many blocks get a colour of their own, for the key\nexport const COLORED_BLOCKS = BLOCK_COLORS.length\n\n// Each stretch as a box over its row's bar, lettered where it is wide enough\nexport function paintWalkRowBlocks(\n  ctx: CanvasRenderingContext2D,\n  blocks: WalkRowBlock[],\n  f: {\n    x: (offset: number) => number\n    rowCentre: (row: number) => number\n    barPx: number\n  },\n) {\n  ctx.font = LETTER_FONT\n  ctx.textAlign = 'center'\n  ctx.textBaseline = 'middle'\n  for (const { row, start, bp, block } of blocks) {\n    const left = f.x(start)\n    const width = f.x(start + bp) - left\n    const top = f.rowCentre(row) - f.barPx / 2\n    ctx.fillStyle = blockFill(block)\n    ctx.fillRect(left, top, width, f.barPx)\n    ctx.strokeStyle = BLOCK_EDGE\n    ctx.lineWidth = 1\n    ctx.strokeRect(left + 0.5, top + 0.5, width - 1, f.barPx - 1)\n    if (width >= MIN_LETTER_PX && f.barPx >= MIN_LETTER_BAR_PX) {\n      ctx.fillStyle = '#111'\n      ctx.fillText(blockLetter(block), left + width / 2, f.rowCentre(row))\n    }\n  }\n}\n", "import { sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport {\n  BUBBLE_KIND_COLORS,\n  BUBBLE_KIND_NAMES,\n} from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport {\n  dashedDeletions,\n  deletionKey,\n} from '@jbrowse/bandage-core/deletionEdges'\nimport { edgeWidthFactor } from '@jbrowse/bandage-core/edgeWidths'\nimport { EXON_COLOR } from '@jbrowse/bandage-core/genes/exonOutline'\nimport { formatBp } from '@jbrowse/bandage-core/graphLabels'\nimport {\n  BAR_PX as WALK_ROW_BAR_PX,\n  CALL_TICK,\n  DISAGREES,\n  GENE_INK,\n  UNBACKED_TICK,\n  walkRowsKey,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport { frequencyKey, nodeWidthPx } from '@jbrowse/bandage-core/nodeWidths'\nimport { referenceLabel } from '@jbrowse/bandage-core/reference'\nimport { RAMP_GRADIENT_STOPS } from '@jbrowse/bandage-core/referenceRampCss'\nimport {\n  LIFT_BACKDROP_CSS,\n  REFERENCE_RAMP_ALT_CSS,\n} from '@jbrowse/bandage-core/renderer/GeometryBuilder'\nimport { deviationInk } from '@jbrowse/bandage-core/tubeMap/deviations'\nimport {\n  FORWARD_READ_COLORS,\n  REVERSE_READ_COLORS,\n} from '@jbrowse/bandage-core/tubeMap/reads'\nimport { encodingStops } from '@jbrowse/bandage-core/walkEncoding'\nimport { fadedKey } from '@jbrowse/bandage-core/walkHighlight'\nimport { walkKey } from '@jbrowse/bandage-core/walkKey'\n\nimport { CALL_TOLERANCE } from './repeats/walkCalls'\nimport { PANEL_REFERENCE_TUBE } from './tubeMapPanels'\nimport { COLORED_BLOCKS, blockFill, blockLetter } from './walkRowBlocks'\n\nimport type { GraphPaneModel } from './model'\nimport type { KeySwatch } from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport type { GraphNode } from '@jbrowse/bandage-core/types'\nimport type { LiftedWalk } from '@jbrowse/bandage-core/walkHighlight'\n\n// The legend as data, so the screen's panel and the exported figure's key\n// draw the same rows from one place\n\nexport const SWATCH_PX = 18\nconst BAR_PX = 32\n\n// LIFT_BACKDROP_CSS reads paler alone than faded strokes do where they\n// overlap, so the key samples it darker\nconst FADED_SWATCH = 'rgba(160, 160, 160, 0.45)'\nconst DELETION_INK = '#18181c'\n\nconst STRIP_SAMPLES = 6\nconst TUBE_SWATCH_PX = 7\nconst FOLD_TICK_BACKING = '#b8b8c0'\nconst WALK_ROW_SWATCH_PX = WALK_ROW_BAR_PX - 4\nconst LINK_INK = 'rgba(119, 119, 119, 0.85)'\nconst LINE_PX = 15\nconst CHIP_PX = 10\n\nexport interface Stop {\n  offset: number\n  color: string\n}\n\nexport type LegendSwatch =\n  | {\n      kind: 'fill'\n      stops: Stop[]\n      width?: number\n      height?: number\n      square?: boolean\n      // a hairline edge, so a pale colour still shows on the white key\n      edged?: true\n    }\n  // the reference strip, a band per lifted walk\n  | { kind: 'bands'; bands: Stop[][] }\n  | { kind: 'line'; color: string; dashed?: true }\n  | { kind: 'halo'; color: string }\n  | {\n      kind: 'outline'\n      color: string\n      stroke: number\n      radius: number\n      height: number\n    }\n  | { kind: 'overhang' }\n  | { kind: 'glyph'; char: string }\n  | { kind: 'tick'; color: string; height: number; backing?: string }\n  | { kind: 'bracket' }\n  | { kind: 'blank' }\n\n// A row with no swatch is a note on the drawing\nexport interface LegendRow {\n  key: string\n  label: string\n  swatch?: LegendSwatch\n  strong?: string\n  under?: string\n  title?: string\n  walk?: LiftedWalk\n  closesBubble?: true\n}\n\ninterface LegendSection {\n  testid: string\n  rows: LegendRow[]\n  group?: string\n  // the group's name, over the first of its sections\n  heading?: string\n  // set apart from the group above by a heading's gap, though it has none\n  spaced?: true\n}\n\nexport function swatchWidth(swatch: LegendSwatch) {\n  return swatch.kind === 'fill' ? (swatch.width ?? SWATCH_PX) : SWATCH_PX\n}\n\nexport const bandPx = (bands: readonly unknown[]) => (bands.length > 1 ? 3 : 4)\n\nexport function swatchHeight(swatch: LegendSwatch) {\n  switch (swatch.kind) {\n    case 'fill':\n      return swatch.height ?? 8\n    case 'bands':\n      return bandPx(swatch.bands) * swatch.bands.length\n    case 'line':\n      return 3\n    case 'halo':\n    case 'overhang':\n      return 10\n    case 'outline':\n    case 'tick':\n      return swatch.height\n    case 'glyph':\n      return 15\n    case 'bracket':\n      return 7\n    case 'blank':\n      return 0\n  }\n}\n\n// One column every swatch of a key sits in, so the words after them line up\nexport function swatchColumn(rows: readonly LegendRow[]) {\n  return rows.reduce(\n    (px, row) => (row.swatch ? Math.max(px, swatchWidth(row.swatch)) : px),\n    0,\n  )\n}\n\n// One pitch for every line of a key, roomy enough for its tallest swatch, so\n// rows sit evenly however their swatches differ\nexport function rowPitch(rows: readonly LegendRow[]) {\n  return rows.reduce(\n    (px, row) =>\n      row.swatch ? Math.max(px, Math.ceil(swatchHeight(row.swatch)) + 3) : px,\n    LINE_PX,\n  )\n}\n\nconst flat = (color: string): Stop[] => [{ offset: 0, color }]\n\n// A colour's key is a square chip, so it never reads as a thickness bar\nfunction fillRow(key: string, color: string, label: string): LegendRow {\n  return {\n    key,\n    label,\n    swatch: {\n      kind: 'fill',\n      stops: flat(color),\n      width: CHIP_PX,\n      height: CHIP_PX,\n      edged: true,\n    },\n  }\n}\n\n// hard-edged bands, a read taking one shade of its strand's palette\nfunction bandStops(colors: readonly string[]) {\n  return colors.flatMap((color, i) => [\n    { offset: i / colors.length, color },\n    { offset: (i + 1) / colors.length, color },\n  ])\n}\n\nfunction openBubbleRows(model: GraphPaneModel): LegendRow[] {\n  const open = model.openBubble\n  if (!open) {\n    return []\n  }\n  const halo = model.bubbleHalos.find(h => sameBubble(h.bubble, open))\n  return [\n    {\n      key: 'open',\n      label: `open: ${halo?.label ?? 'bubble'}`,\n      swatch: halo\n        ? { kind: 'halo', color: BUBBLE_KIND_COLORS[halo.kind] }\n        : { kind: 'blank' },\n      closesBubble: true,\n    },\n  ]\n}\n\n// Under lifted walks each lane states its own scale, and the rest is grey\nfunction rampRows(model: GraphPaneModel): LegendRow[] {\n  const domain = model.walkLift ? undefined : model.referenceRampDomain\n  if (!domain) {\n    return []\n  }\n  // a measured domain runs between node midpoints, which can fall on a half bp\n  const start = Math.round(domain.start)\n  const end = Math.round(domain.end)\n  const reference = model.graph ? referenceLabel(model.graph) : 'reference'\n  return [\n    {\n      key: 'ramp',\n      label: `position on ${reference}`,\n      swatch: { kind: 'fill', stops: RAMP_GRADIENT_STOPS, width: BAR_PX },\n      under: `${start.toLocaleString('en-US')}-${end.toLocaleString('en-US')} (${formatBp(end - start)})`,\n    },\n    ...(model.referenceRampDrawsOffReference\n      ? [fillRow('off', REFERENCE_RAMP_ALT_CSS, 'off the reference')]\n      : []),\n  ]\n}\n\n// The strip's own colours: a band per lifted walk in its lane's, else the\n// node scheme's, a few of its blocks in bp order rather than a rainbow it\n// does not draw\nfunction stripBands(model: GraphPaneModel): Stop[][] {\n  const lift = model.walkLift\n  if (lift) {\n    return lift.walks.map(w => encodingStops(w.encoding))\n  }\n  if (model.effectiveColorScheme === 'reference-position') {\n    return [RAMP_GRADIENT_STOPS]\n  }\n  const colors = model.referenceStripBlocks\n    .map(b => b.colors[0]!)\n    .filter((c, i, all) => c !== all[i - 1])\n  const n = Math.min(STRIP_SAMPLES, colors.length)\n  return [\n    n === 0\n      ? flat(LIFT_BACKDROP_CSS)\n      : Array.from({ length: n }, (_, i) => ({\n          offset: n > 1 ? i / (n - 1) : 0,\n          color:\n            colors[\n              n > 1 ? Math.round((i * (colors.length - 1)) / (n - 1)) : 0\n            ]!,\n        })),\n  ]\n}\n\nfunction stripRows(model: GraphPaneModel): LegendRow[] {\n  if (!model.referenceStripShown) {\n    return []\n  }\n  const rowPerWalk = (model.walkLift?.walks.length ?? 0) > 1\n  return [\n    {\n      key: 'strip',\n      label: `reference${rowPerWalk ? ', a row per walk' : ''}`,\n      swatch: { kind: 'bands', bands: stripBands(model) },\n    },\n    ...(model.referenceStripFaded\n      ? [\n          fillRow(\n            'strip-faded',\n            LIFT_BACKDROP_CSS,\n            model.walkLift\n              ? `reference not on ${rowPerWalk ? \"that row's walk\" : model.liftedWalksLabel}`\n              : 'reference outside the open bubble',\n          ),\n        ]\n      : []),\n    ...(model.referenceStripOverhangs\n      ? [\n          {\n            key: 'overhang',\n            label: 'graph runs past this edge',\n            swatch: { kind: 'overhang' } as const,\n          },\n        ]\n      : []),\n  ]\n}\n\n// One row per halo colour drawn, naming the kinds it stands for\nfunction haloRows(model: GraphPaneModel): LegendRow[] {\n  const kindsByColor = new Map<string, Set<string>>()\n  for (const h of model.bubbleHalos) {\n    if (!h.whole) {\n      const color = BUBBLE_KIND_COLORS[h.kind]\n      const kinds = kindsByColor.get(color) ?? new Set<string>()\n      kinds.add(BUBBLE_KIND_NAMES[h.kind])\n      kindsByColor.set(color, kinds)\n    }\n  }\n  return [...kindsByColor].map(([color, kinds]) => {\n    const names = [...kinds].join(' or ')\n    return {\n      key: `halo-${color}`,\n      label:\n        names === BUBBLE_KIND_NAMES.superbubble ? names : `${names} bubble`,\n      swatch: { kind: 'halo', color },\n    }\n  })\n}\n\nfunction deletionRows(model: GraphPaneModel): LegendRow[] {\n  const { graph } = model\n  return graph && dashedDeletions(model.deletions, model.walkLift).length > 0\n    ? [\n        {\n          key: 'deletion',\n          label: deletionKey(referenceLabel(graph)),\n          swatch: {\n            kind: 'line',\n            color: model.walkLift ? FADED_SWATCH : DELETION_INK,\n            dashed: true,\n          },\n        },\n      ]\n    : []\n}\n\nfunction thicknessRow(\n  key: string,\n  label: string,\n  px: number,\n  color: string,\n): LegendRow {\n  return {\n    key,\n    label,\n    swatch: { kind: 'fill', stops: flat(color), width: BAR_PX, height: px },\n  }\n}\n\nconst roundDepth = (depth: number) =>\n  depth >= 10 ? Math.round(depth) : Math.round(depth * 10) / 10\n\n// What a node's thickness counts, with bars as thick as the drawing makes\n// the thinnest, the mean and the thickest node\nfunction nodeWidthRows(model: GraphPaneModel): LegendRow[] {\n  const { graph, contigThickness: px, depthRange: range } = model\n  if (!graph || !model.drawsNodes || model.walkRowBars) {\n    return []\n  }\n  if (model.nodeWidth === 'frequency') {\n    const tagged = graph.nodes.some(n => n.frequency !== undefined)\n    return frequencyKey(px).map(({ label, widthPx }) =>\n      thicknessRow(\n        `width-${label}`,\n        tagged ? `AF ${label}` : `${label} of haplotypes`,\n        widthPx,\n        REFERENCE_RAMP_ALT_CSS,\n      ),\n    )\n  }\n  if (model.nodeWidth !== 'depth' || !range || range.min === range.max) {\n    return []\n  }\n  const walkCount = graph.paths?.length ?? 0\n  const walks = walkCount > 0\n  const depths = [\n    ...new Set(\n      [range.max, range.mean, range.min].map(walks ? Math.round : roundDepth),\n    ),\n  ]\n  // a walk looping through a repeat passes its nodes more than once, and\n  // each pass counts\n  const passes = depths[0]! > walkCount\n  const counted = (n: number) =>\n    passes\n      ? `${n.toLocaleString('en-US')} walk pass${n === 1 ? '' : 'es'}`\n      : `${n.toLocaleString('en-US')} walk${n === 1 ? '' : 's'}`\n  return depths.map(depth =>\n    thicknessRow(\n      `width-${depth}`,\n      walks ? counted(depth) : `depth ${depth.toLocaleString('en-US')}`,\n      nodeWidthPx({ depth } as GraphNode, px, 'depth', range.mean),\n      REFERENCE_RAMP_ALT_CSS,\n    ),\n  )\n}\n\nfunction linkWidthRows(model: GraphPaneModel): LegendRow[] {\n  const busiest = model.busiestLink\n  if (\n    !model.drawsNodes ||\n    model.walkRowBars ||\n    model.linkWidth !== 'walks' ||\n    busiest === 0\n  ) {\n    return []\n  }\n  const counts = busiest > 1 ? [busiest, 1] : [1]\n  return counts.map(n =>\n    thicknessRow(\n      `link-width-${n}`,\n      `${n.toLocaleString('en-US')} walk${n === 1 ? '' : 's'}`,\n      model.connectorThickness * edgeWidthFactor(n, busiest, 'walks'),\n      LINK_INK,\n    ),\n  )\n}\n\nfunction geneRows(model: GraphPaneModel): LegendRow[] {\n  return model.genePins.some(pin => pin.exonsByNode.length > 0)\n    ? [\n        {\n          key: 'exon',\n          label: 'exon',\n          swatch: {\n            kind: 'outline',\n            color: EXON_COLOR,\n            stroke: 2,\n            radius: 5,\n            height: 8,\n          },\n        },\n      ]\n    : []\n}\n\nfunction foldRows(model: GraphPaneModel): LegendRow[] {\n  const note = model.foldNote\n  return note ? [{ key: 'fold', label: note }] : []\n}\n\nfunction pathRows(model: GraphPaneModel): LegendRow[] {\n  return model.pathLegend.map(({ name, label, color }) => ({\n    key: `path-${name}`,\n    label,\n    swatch: { kind: 'line', color },\n  }))\n}\n\nfunction tubeRow(key: string, stops: Stop[], label: string): LegendRow {\n  return {\n    key,\n    label,\n    swatch: { kind: 'fill', stops, height: TUBE_SWATCH_PX, square: true },\n  }\n}\n\n// What a tube map draws that nothing else on screen explains, each listed\n// only while it applies\nexport function tubeMapRows(model: GraphPaneModel): LegendRow[] {\n  const {\n    roles,\n    haplotypeTube,\n    bundled,\n    values,\n    logWidths,\n    foldBp,\n    forwardReads,\n    reverseReads,\n    substitution,\n    insertion,\n    deletion,\n  } = model.tubeMapKeys\n  const reads = model.readsShown\n  const rows: LegendRow[] = []\n  if (values) {\n    rows.push(\n      tubeRow('value-reference', flat(PANEL_REFERENCE_TUBE), 'reference'),\n    )\n    for (const { value, color } of values) {\n      rows.push(tubeRow(`value-${value}`, flat(color), value))\n    }\n  }\n  if (roles) {\n    rows.push(\n      tubeRow('ref', flat(PANEL_REFERENCE_TUBE), 'reference'),\n      tubeRow(\n        'hap',\n        flat(haplotypeTube),\n        bundled ? 'shared route, \u00D7n haplotypes' : 'haplotype',\n      ),\n    )\n  }\n  if (forwardReads) {\n    rows.push(\n      tubeRow(\n        'fwd',\n        bandStops(FORWARD_READ_COLORS),\n        'read on the forward strand',\n      ),\n    )\n  }\n  if (reverseReads) {\n    rows.push(\n      tubeRow(\n        'rev',\n        bandStops(REVERSE_READ_COLORS),\n        'read on the reverse strand',\n      ),\n    )\n  }\n  if (reads && reads.shown < reads.total) {\n    rows.push({\n      key: 'sampled',\n      label: `${reads.shown.toLocaleString('en-US')} of ${reads.total.toLocaleString('en-US')} reads shown`,\n      swatch: { kind: 'blank' },\n    })\n  }\n  if (substitution) {\n    rows.push({\n      key: 'sub',\n      label: 'read mismatch',\n      swatch: { kind: 'glyph', char: 'A' },\n    })\n  }\n  if (insertion) {\n    rows.push({\n      key: 'ins',\n      label: 'read insertion',\n      swatch: { kind: 'glyph', char: '*' },\n    })\n  }\n  if (deletion) {\n    rows.push(tubeRow('del', flat('grey'), 'read deletion'))\n  }\n  if (foldBp !== undefined) {\n    rows.push({\n      key: 'tube-fold',\n      label: `haplotype variant < ${formatBp(foldBp)}`,\n      swatch: {\n        kind: 'tick',\n        color: deviationInk(),\n        height: TUBE_SWATCH_PX,\n        backing: FOLD_TICK_BACKING,\n      },\n    })\n  }\n  if (logWidths) {\n    rows.push({\n      key: 'log',\n      label: 'width grows with log of length',\n      swatch: { kind: 'bracket' },\n    })\n  }\n  return rows\n}\n\nexport function walkRowSwatch(swatch: KeySwatch): LegendSwatch {\n  return swatch.kind === 'gene'\n    ? {\n        kind: 'outline',\n        color: GENE_INK,\n        stroke: 1.5,\n        radius: 0,\n        height: WALK_ROW_SWATCH_PX,\n      }\n    : {\n        kind: 'fill',\n        stops:\n          swatch.kind === 'bar' && swatch.ramp\n            ? RAMP_GRADIENT_STOPS\n            : flat(swatch.fill),\n        height: swatch.kind === 'gap' ? swatch.px : WALK_ROW_SWATCH_PX,\n      }\n}\n\n// The shared blocks the rows draw: each coloured one by its letter, then one\n// row for the grey rest\nfunction blockRows(model: GraphPaneModel): LegendRow[] {\n  const present = new Set(model.sharedBlocks?.map(b => b.block))\n  const swatch = (block: number) => ({\n    kind: 'fill' as const,\n    stops: flat(blockFill(block)),\n    height: WALK_ROW_SWATCH_PX,\n  })\n  return [\n    ...[...present]\n      .filter(block => block < COLORED_BLOCKS)\n      .sort((a, b) => a - b)\n      .map(block => ({\n        key: `block-${block}`,\n        label: `${blockLetter(block)}: off the reference, walked by several rows`,\n        swatch: swatch(block),\n      })),\n    ...([...present].some(block => block >= COLORED_BLOCKS)\n      ? [\n          {\n            key: 'block-more',\n            label: 'more shared blocks',\n            swatch: swatch(COLORED_BLOCKS),\n          },\n        ]\n      : []),\n  ]\n}\n\n// The walk rows' bar colours, genes and ticks; each tick row appears once\n// the rows hold one, so a catalogue with no genotypes keeps the plain key\nfunction walkRowsRows(model: GraphPaneModel): LegendRow[] {\n  const bars = model.walkRowBars\n  if (!bars) {\n    return []\n  }\n  const calls = [bars.reference, ...bars.rows].flatMap(row => row.call ?? [])\n  const tick = (key: string, color: string, label: string): LegendRow => ({\n    key,\n    label,\n    swatch: { kind: 'tick', color, height: WALK_ROW_SWATCH_PX },\n  })\n  return [\n    ...walkRowsKey(bars, {\n      ramp: model.referenceRampDomain,\n      genes: model.walkRowGeneKey,\n      annotation: model.walkRowAnnotation,\n    }).map(entry => ({\n      key: `rows-${entry.label}`,\n      label: entry.label,\n      swatch: entry.note ? undefined : walkRowSwatch(entry.swatch),\n    })),\n    ...blockRows(model),\n    ...(calls.some(call => call.spanningReads !== 0)\n      ? [tick('call', CALL_TICK, 'allele length called for this walk')]\n      : []),\n    ...(calls.some(call => call.spanningReads === 0)\n      ? [tick('unbacked', UNBACKED_TICK, 'called with no read spanning it')]\n      : []),\n    ...(calls.some(call => call.agrees === false)\n      ? [\n          tick(\n            'disagrees',\n            DISAGREES,\n            `walk and call over ${Math.round(CALL_TOLERANCE * 100)}% apart`,\n          ),\n        ]\n      : []),\n  ]\n}\n\n// One lifted walk's key: a swatch, or a short bar of the scale its lane\n// shades by, then its name, with the scale's stretch under it\nexport function walkKeyRow(model: GraphPaneModel, walk: LiftedWalk): LegendRow {\n  const key = walkKey(walk, model.walkReference)\n  return {\n    key: `walk-${walk.name}`,\n    strong: model.walkLabel(walk.name),\n    label: key.delta + key.gaps + key.reversed,\n    swatch: {\n      kind: 'fill',\n      stops: encodingStops(walk.encoding),\n      width: key.shades ? BAR_PX : SWATCH_PX,\n    },\n    under: key.scale,\n    title: key.hover,\n    walk,\n  }\n}\n\n// The off-reference colour, where the lift paints it, and the faded rest.\n// rampRows draws no key while walks are lifted, so these rows name both.\nfunction fadedRows(model: GraphPaneModel, faded: string): LegendRow[] {\n  return [\n    ...(model.liftPaintsOffReference\n      ? [fillRow('lift-off', REFERENCE_RAMP_ALT_CSS, 'off the reference')]\n      : []),\n    fillRow('faded', FADED_SWATCH, faded),\n  ]\n}\n\n// Each lifted walk's key, then what the faded rest is\nfunction walkReadoutRows(model: GraphPaneModel): LegendRow[] {\n  const lift = model.walkLift\n  if (!lift || model.facetPanels) {\n    return []\n  }\n  const rows = lift.walks.map(w => walkKeyRow(model, w))\n  const faded = model.graph\n    ? fadedKey(model.graph, lift, model.liftedWalksLabel)\n    : `not on ${model.liftedWalksLabel}`\n  return [...rows, ...fadedRows(model, faded)]\n}\n\n// The faceted pane's one key line under its panels: each panel's title keys\n// its walk, so this keys only what every panel greys\nexport function facetKeyRows(model: GraphPaneModel): LegendRow[] {\n  const { graph, facetPanels } = model\n  if (!graph || !facetPanels) {\n    return []\n  }\n  const keys = new Set(\n    facetPanels.map(panel => fadedKey(graph, panel, \"the panel's walk\")),\n  )\n  return [\n    ...fadedRows(\n      model,\n      keys.size === 1 ? [...keys][0]! : \"not on the panel's walk\",\n    ),\n    ...deletionRows(model),\n  ]\n}\n\n// The keys in the order the panel stacks them, top first, each under its\n// group's heading once the key holds more than one group\nexport function legendSections(model: GraphPaneModel): LegendSection[] {\n  const sections: LegendSection[] = [\n    { testid: 'graph-open-bubble-legend', rows: openBubbleRows(model) },\n    { testid: 'graph-ramp-legend', rows: rampRows(model), group: 'Color' },\n    {\n      testid: 'graph-walk-readout',\n      rows: walkReadoutRows(model),\n      group: 'Walks',\n    },\n    {\n      testid: 'graph-width-legend',\n      rows: nodeWidthRows(model),\n      group: 'Node thickness',\n    },\n    {\n      testid: 'graph-link-width-legend',\n      rows: linkWidthRows(model),\n      group: 'Link thickness',\n    },\n    { testid: 'graph-halo-legend', rows: haloRows(model), group: 'Marks' },\n    {\n      testid: 'graph-deletion-legend',\n      rows: deletionRows(model),\n      group: 'Marks',\n    },\n    { testid: 'graph-gene-legend', rows: geneRows(model), group: 'Marks' },\n    { testid: 'graph-path-legend', rows: pathRows(model), group: 'Paths' },\n    {\n      testid: 'graph-tube-map-legend',\n      rows: tubeMapRows(model),\n      group: 'Tube map',\n    },\n    {\n      testid: 'graph-walk-rows-legend',\n      rows: walkRowsRows(model),\n      group: 'Walk rows',\n    },\n    {\n      testid: 'graph-reference-strip-legend',\n      rows: stripRows(model),\n      group: 'Top strip',\n    },\n    { testid: 'graph-fold-legend', rows: foldRows(model) },\n  ].filter(section => section.rows.length > 0)\n  const groups = new Set(sections.flatMap(section => section.group ?? []))\n  if (groups.size < 2) {\n    return sections\n  }\n  const headed = new Set<string>()\n  return sections.map((section, i) => {\n    const { group } = section\n    if (!group) {\n      return i === 0 ? section : { ...section, spaced: true as const }\n    }\n    if (headed.has(group)) {\n      return section\n    }\n    headed.add(group)\n    return { ...section, heading: group }\n  })\n}\n", "import { createElement, useId } from 'react'\nimport type { ReactNode } from 'react'\n\nimport type { El } from '@jbrowse/bandage-core/el'\n\n// SVG's attribute names as React's props: `class` is className, `data-` and\n// `aria-` keep their dashes, the rest are camel-cased (`stroke-width` is\n// strokeWidth)\nfunction propName(name: string) {\n  return name === 'class'\n    ? 'className'\n    : /^(data|aria)-/.test(name)\n      ? name\n      : name.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n}\n\nfunction toReact(node: El | string, key: number): ReactNode {\n  if (typeof node === 'string') {\n    return node\n  }\n  const props: Record<string, unknown> = { key }\n  for (const [name, value] of Object.entries(node.attrs)) {\n    if (value !== undefined) {\n      props[propName(name)] = value\n    }\n  }\n  return createElement(node.tag, props, node.children.map(toReact))\n}\n\n// A useId fit for an SVG id and for url(#\u2026)\nexport function useSvgId() {\n  return useId().replaceAll(/[^\\w-]/g, '')\n}\n\n// A core element tree as React elements\nexport default function ElTree({ el }: { el: El }) {\n  return toReact(el, 0)\n}\n", "import { rulerInk } from '@jbrowse/bandage-core/tubeMap/axis'\n\nimport { useSvgId } from './ElTree'\nimport { SWATCH_PX, bandPx, swatchHeight, swatchWidth } from '../legendSections'\n\nimport type { LegendSwatch, Stop } from '../legendSections'\n\nconst EDGE_INK = 'rgba(0, 0, 0, 0.28)'\n\nfunction Gradient({\n  id,\n  x,\n  y,\n  stops,\n  width,\n  height,\n  square,\n  edged,\n}: {\n  id: string\n  x: number\n  y: number\n  stops: readonly Stop[]\n  width: number\n  height: number\n  square?: boolean\n  edged?: boolean\n}) {\n  // an edge's stroke sits half inside, so the chip keeps its size\n  const inset = edged ? 0.5 : 0\n  const rect = (fill: string) => (\n    <rect\n      x={x + inset}\n      y={y + inset}\n      width={width - inset * 2}\n      height={height - inset * 2}\n      rx={square ? 0 : 2}\n      fill={fill}\n      stroke={edged ? EDGE_INK : undefined}\n    />\n  )\n  return stops.length > 1 ? (\n    <>\n      <defs>\n        <linearGradient id={id}>\n          {stops.map((s, i) => (\n            <stop key={i} offset={s.offset} stopColor={s.color} />\n          ))}\n        </linearGradient>\n      </defs>\n      {rect(`url(#${id})`)}\n    </>\n  ) : (\n    rect(stops[0]!.color)\n  )\n}\n\n// A row's swatch with its left edge at x, centred on the row's text 5 px\n// above the baseline\nexport function SvgSwatch({\n  swatch,\n  x,\n  id,\n}: {\n  swatch: LegendSwatch\n  x: number\n  id: string\n}) {\n  const mid = -5\n  switch (swatch.kind) {\n    case 'fill': {\n      const height = swatchHeight(swatch)\n      return (\n        <Gradient\n          id={id}\n          x={x}\n          y={mid - height / 2}\n          stops={swatch.stops}\n          width={swatchWidth(swatch)}\n          height={height}\n          square={swatch.square}\n          edged={swatch.edged}\n        />\n      )\n    }\n    case 'bands': {\n      const band = bandPx(swatch.bands)\n      const top = mid - swatchHeight(swatch) / 2\n      return (\n        <>\n          {swatch.bands.map((stops, i) => (\n            <Gradient\n              key={i}\n              id={`${id}-${i}`}\n              x={x}\n              y={top + i * band}\n              stops={stops}\n              width={SWATCH_PX}\n              height={band}\n              square\n            />\n          ))}\n        </>\n      )\n    }\n    case 'line':\n      return swatch.dashed ? (\n        <line\n          x1={x + 1}\n          x2={x + SWATCH_PX}\n          y1={mid}\n          y2={mid}\n          stroke={swatch.color}\n          strokeWidth={3}\n          strokeDasharray=\"4 3\"\n        />\n      ) : (\n        <rect\n          x={x}\n          y={mid - 1.5}\n          width={SWATCH_PX}\n          height={3}\n          rx={2}\n          fill={swatch.color}\n        />\n      )\n    case 'halo':\n      return (\n        <line\n          x1={x + 5}\n          x2={x + 13}\n          y1={mid}\n          y2={mid}\n          stroke={swatch.color}\n          strokeOpacity={0.35}\n          strokeWidth={8}\n          strokeLinecap=\"round\"\n        />\n      )\n    case 'outline': {\n      const inset = swatch.stroke / 2\n      return (\n        <rect\n          x={x + inset}\n          y={mid - swatch.height / 2 + inset}\n          width={SWATCH_PX - swatch.stroke}\n          height={swatch.height - swatch.stroke}\n          rx={Math.max(0, swatch.radius - inset)}\n          fill=\"none\"\n          stroke={swatch.color}\n          strokeWidth={swatch.stroke}\n        />\n      )\n    }\n    case 'overhang':\n      return (\n        <path\n          transform={`translate(${x} ${mid - 5})`}\n          d=\"M0,5 L8,0 L8,10 Z M18,5 L10,0 L10,10 Z\"\n          fill=\"#18181c\"\n        />\n      )\n    case 'glyph':\n      return (\n        <text\n          x={x + SWATCH_PX / 2}\n          y={mid + 4}\n          textAnchor=\"middle\"\n          fontFamily=\"monospace\"\n          fontSize={12}\n          fill=\"currentColor\"\n        >\n          {swatch.char}\n        </text>\n      )\n    case 'tick': {\n      const y = mid - swatch.height / 2\n      return (\n        <>\n          {swatch.backing ? (\n            <rect\n              x={x}\n              y={y}\n              width={SWATCH_PX}\n              height={swatch.height}\n              fill={swatch.backing}\n            />\n          ) : null}\n          <rect\n            x={x + SWATCH_PX / 2 - 1}\n            y={y}\n            width={2}\n            height={swatch.height}\n            fill={swatch.color}\n          />\n        </>\n      )\n    }\n    case 'bracket':\n      return (\n        <path\n          transform={`translate(${x} ${mid - 3.5})`}\n          d={`M0.5,6 V1.5 H5.5 V6 M8.5,6 V1.5 H${SWATCH_PX - 0.5} V6`}\n          fill=\"none\"\n          stroke={rulerInk()}\n        />\n      )\n    case 'blank':\n      return null\n  }\n}\n\n// The same swatch on screen, in a box as tall as the swatch so the row\n// centres it on its words\nexport function LegendSwatchView({ swatch }: { swatch: LegendSwatch }) {\n  const id = useSvgId()\n  const height = swatchHeight(swatch)\n  return (\n    <svg\n      width={swatchWidth(swatch)}\n      height={height}\n      overflow=\"visible\"\n      style={{ flex: 'none' }}\n    >\n      <g transform={`translate(0 ${height / 2 + 5})`}>\n        <SvgSwatch swatch={swatch} x={0} id={id} />\n      </g>\n    </svg>\n  )\n}\n", "// A key's section of the legend panel, and one row in it: a swatch beside its\n// words\nexport const legendBoxStyle = {\n  background: '#fff',\n  padding: '3px 6px',\n  fontSize: 11,\n  lineHeight: '15px',\n  whiteSpace: 'nowrap' as const,\n}\n\nexport const legendRowStyle = { display: 'flex', alignItems: 'center', gap: 5 }\n\n// A line with no swatch, such as what the drawing folded away\nexport const legendNoteStyle = { color: '#666' }\n\nexport const HEADING_INK = '#6b7479'\nexport const HEADING_GAP_PX = 4\n\n// A group's name over its rows, set apart by a gap unless it opens the key\nexport const legendHeadingStyle = {\n  color: HEADING_INK,\n  fontSize: 9.5,\n  fontWeight: 600,\n  letterSpacing: '0.06em',\n  textTransform: 'uppercase' as const,\n}\n", "import { useMemo } from 'react'\n\nimport {\n  exonOutlineTree,\n  exonStretches,\n} from '@jbrowse/bandage-core/genes/exonOutline'\nimport { computed } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport ElTree, { useSvgId } from './ElTree'\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// The session's genes drawn onto the graph: each exon outlined round its\n// stretch of node, as core's exonOutlineTree draws it for every host, moved by\n// the same transform the halos use. Their names are LabelLayer's.\n\nconst GenePins = observer(function GenePins({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const id = `exon-outline-${useSvgId()}`\n  // in layout units, so a pan frame reuses them and only moves the transform\n  const stretches = useMemo(\n    () =>\n      computed(() => {\n        const { genePins, walkLift } = model\n        // an open bubble rings only its own exons\n        const focus = walkLift ? undefined : model.openBubbleFocus\n        const pins = focus\n          ? genePins.map(pin => ({\n              ...pin,\n              exonsByNode: pin.exonsByNode.filter(e =>\n                focus.nodeIds.has(e.nodeId),\n              ),\n            }))\n          : genePins\n        return exonStretches(pins, model.nodeInk.halfWidthPx, walkLift)\n      }),\n    [model],\n  )\n  const { scaleX, scaleY, translateX, translateY, paneWidth, canvasHeight } =\n    model\n  const tree = exonOutlineTree(stretches.get(), {\n    id,\n    width: paneWidth,\n    height: canvasHeight,\n    transform: `translate(${translateX} ${translateY}) scale(${scaleX} ${scaleY})`,\n  })\n  return tree ? (\n    <PaneSvgLayer model={model} zIndex={2} testId=\"graph-gene-pins\">\n      <ElTree el={tree} />\n    </PaneSvgLayer>\n  ) : null\n})\n\nexport default GenePins\n", "import { LABEL_PAD, LABEL_PX } from '@jbrowse/bandage-core/overlayLabels'\n\n// A chip's box, its text's baseline at y and centred on x\nfunction chipBox(x: number, y: number, w: number) {\n  return {\n    x: x - w / 2,\n    y: y - LABEL_PX - LABEL_PAD + 2,\n    width: w,\n    height: LABEL_PX + LABEL_PAD * 2 - 2,\n  }\n}\n\nexport function inChip(\n  chip: { x: number; y: number; w: number },\n  px: number,\n  py: number,\n) {\n  const box = chipBox(chip.x, chip.y, chip.w)\n  return (\n    px >= box.x &&\n    px <= box.x + box.width &&\n    py >= box.y &&\n    py <= box.y + box.height\n  )\n}\n\n// One label on an overlay: a white chip with a coloured edge and text. A note\n// follows the text in plain type. A chip takes the pointer only with a\n// handler, so its title shows only then.\nexport default function LabelChip({\n  x,\n  y,\n  w,\n  text,\n  note,\n  color,\n  edge = color,\n  italic,\n  dimmed,\n  title,\n  testId,\n  onClick,\n  onHover,\n}: {\n  x: number\n  y: number\n  w: number\n  text: string\n  note?: string\n  color: string\n  edge?: string\n  italic?: boolean\n  dimmed?: boolean\n  title?: string\n  testId?: string\n  onClick?: () => void\n  onHover?: (hovered: boolean) => void\n}) {\n  return (\n    <g\n      style={{\n        pointerEvents: onClick || onHover ? 'auto' : 'none',\n        cursor: onClick ? 'pointer' : undefined,\n        opacity: dimmed ? 0.35 : 1,\n      }}\n      data-testid={testId}\n      onClick={onClick}\n      onMouseEnter={() => {\n        onHover?.(true)\n      }}\n      onMouseLeave={() => {\n        onHover?.(false)\n      }}\n      // a clickable chip is a button to the keyboard too\n      {...(onClick && {\n        role: 'button',\n        tabIndex: 0,\n        'aria-label': (title ?? text).replaceAll('\\n', ', '),\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            onClick()\n          }\n        },\n        onFocus: () => {\n          onHover?.(true)\n        },\n        onBlur: () => {\n          onHover?.(false)\n        },\n      })}\n    >\n      {title ? <title>{title}</title> : null}\n      <rect\n        {...chipBox(x, y, w)}\n        rx={3}\n        fill=\"rgba(255,255,255,0.85)\"\n        stroke={edge}\n        strokeWidth={1}\n      />\n      <text\n        x={x}\n        y={y}\n        fontSize={LABEL_PX}\n        fontFamily=\"sans-serif\"\n        fontStyle={italic ? 'italic' : undefined}\n        fontWeight={italic ? 600 : undefined}\n        fill={color}\n        textAnchor=\"middle\"\n      >\n        {text}\n        {note ? (\n          <tspan fontStyle=\"normal\" fontWeight=\"normal\">\n            {note}\n          </tspan>\n        ) : null}\n      </text>\n    </g>\n  )\n}\n", "import { bubbleKey, sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport { BUBBLE_KIND_COLORS } from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport { EXON_COLOR } from '@jbrowse/bandage-core/genes/exonOutline'\nimport { geneCoverageNote } from '@jbrowse/bandage-core/labelLayout'\nimport { LABEL_PX, labelWidth } from '@jbrowse/bandage-core/overlayLabels'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\nimport { observer } from 'mobx-react'\n\nimport LabelChip, { inChip } from './LabelChip'\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\nimport type { BubbleHalo } from '@jbrowse/bandage-core/bubbles/bubbleHalos'\nimport type { LabelLayout } from '@jbrowse/bandage-core/labelLayout'\n\n// Every chip drawn over the graph, above all of its ink: bubble names and gene\n// names on their pins. `overlayLabels` has placed\n// them against each other and against the row labels already.\n\nconst GENE_INK = '#1c1c22'\nconst TICK_PX = 9\nconst TICK_WIDTH = 3\n\n// What the gene chip under a point reads out, for the hover tooltip: those\n// chips leave the pointer to the canvas, so a drag can start on one\nexport function chipReadoutAt(\n  { genes }: Pick<LabelLayout, 'genes'>,\n  px: number,\n  py: number,\n) {\n  const pin = genes.find(chip => inChip(chip, px, py))?.item\n  if (!pin) {\n    return undefined\n  }\n  const { gene } = pin\n  const note = geneCoverageNote(pin)\n  return {\n    label: gene.name,\n    readout: `${gene.refName}:${gene.start.toLocaleString()}-${gene.end.toLocaleString()}${note ? `, ${note} in the cut` : ''}`,\n  }\n}\n\nconst LabelLayer = observer(function LabelLayer({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { bubbles, genes, ticks } = model.overlayLabels\n  if (bubbles.length + genes.length + ticks.length === 0) {\n    return null\n  }\n  const { scaleY, translateY, contigThickness, hoveredBubble } = model\n  const hoveredTick = hoveredBubble\n    ? ticks.find(t => sameBubble(t.item.bubble, hoveredBubble))\n    : undefined\n  const tickAt = (target: EventTarget) =>\n    ticks[Number((target as Element).getAttribute('data-tick'))]\n  const dimmedBubble = (h: BubbleHalo) => model.bubbleFaded(h)\n  const isOpen = (h: BubbleHalo) => model.bubbleIsOpen(h.bubble)\n\n  return (\n    <PaneSvgLayer\n      model={model}\n      zIndex={3}\n      testId=\"graph-label-layer\"\n      pansWithDrawing\n    >\n      <g\n        data-testid=\"graph-bubble-ticks\"\n        onClick={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.toggleBubble(tick.item.bubble)\n          }\n        }}\n        onMouseOver={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.setHoveredBubble(tick.item.bubble)\n          }\n        }}\n        // a leave also fires as the view closing it unmounts the tick\n        onMouseOut={() => {\n          if (isAlive(model)) {\n            model.setHoveredBubble(null)\n          }\n        }}\n        onFocus={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.setHoveredBubble(tick.item.bubble)\n          }\n        }}\n        onBlur={() => {\n          if (isAlive(model)) {\n            model.setHoveredBubble(null)\n          }\n        }}\n        onKeyDown={e => {\n          const tick = tickAt(e.target)\n          if (tick && (e.key === 'Enter' || e.key === ' ')) {\n            e.preventDefault()\n            model.toggleBubble(tick.item.bubble)\n          }\n        }}\n      >\n        {ticks.map(({ item: h, x, y }, i) => (\n          <rect\n            key={bubbleKey(h.bubble)}\n            data-tick={i}\n            role=\"button\"\n            tabIndex={0}\n            aria-label={`${h.label}, ${isOpen(h) ? 'close' : 'open'} bubble`}\n            x={x - TICK_WIDTH / 2}\n            y={y - TICK_PX}\n            width={TICK_WIDTH}\n            height={TICK_PX}\n            rx={TICK_WIDTH / 2}\n            fill={BUBBLE_KIND_COLORS[h.kind]}\n            opacity={dimmedBubble(h) ? 0.35 : 1}\n            style={{ pointerEvents: 'all', cursor: 'pointer' }}\n          />\n        ))}\n      </g>\n      {genes.map(({ item: pin, x, y, w, text }) => {\n        const { gene } = pin\n        return (\n          <g key={`${gene.name}-${gene.start}`}>\n            <line\n              x1={x}\n              x2={x}\n              y1={y - LABEL_PX - 2}\n              y2={pin.at.y * scaleY + translateY + contigThickness / 2}\n              stroke={GENE_INK}\n              strokeWidth={0.8}\n              strokeOpacity={0.6}\n            />\n            <LabelChip\n              x={x}\n              y={y}\n              w={w}\n              text={gene.name}\n              note={text.slice(gene.name.length) || undefined}\n              color={GENE_INK}\n              edge={EXON_COLOR}\n              italic\n              testId=\"graph-gene-pin-label\"\n            />\n          </g>\n        )\n      })}\n      {bubbles.map(({ item: h, x, y, w, text }) => (\n        <LabelChip\n          key={bubbleKey(h.bubble)}\n          x={x}\n          y={y}\n          w={w}\n          text={text}\n          color={BUBBLE_KIND_COLORS[h.kind]}\n          dimmed={dimmedBubble(h)}\n          title={`${h.label}\\n${h.bubble.segmentCount} segments${h.bubble.covering ? '' : isOpen(h) ? ' \u00B7 click to close' : ' \u00B7 click to open'}`}\n          testId=\"graph-bubble-halo-label\"\n          // the bubble the drawing is would open into this same drawing\n          onClick={\n            h.bubble.covering\n              ? undefined\n              : () => {\n                  model.toggleBubble(h.bubble)\n                }\n          }\n          // a leave also fires as the view closing it unmounts the chip\n          onHover={hovered => {\n            if (isAlive(model)) {\n              model.setHoveredBubble(hovered ? h.bubble : null)\n            }\n          }}\n        />\n      ))}\n      {hoveredTick ? (\n        <LabelChip\n          x={hoveredTick.x}\n          y={hoveredTick.y - TICK_PX - 4}\n          w={labelWidth(hoveredTick.item.label)}\n          text={hoveredTick.item.label}\n          color={BUBBLE_KIND_COLORS[hoveredTick.item.kind]}\n          testId=\"graph-bubble-tick-label\"\n        />\n      ) : null}\n    </PaneSvgLayer>\n  )\n})\n\nexport default LabelLayer\n", "import { useCallback } from 'react'\n\nimport { drawReferenceStrip } from '@jbrowse/bandage-core/referenceStrip'\nimport { observer } from 'mobx-react'\n\nimport { PaneOverlayCanvas } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// Each reference segment at its bp in the linear view, onto the pane's\n// canvas or the linear view's SVG export\nexport function paintReferenceStrip(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  {\n    lit,\n    dpr,\n  }: { lit: GraphPaneModel['referenceStripLit'] | undefined; dpr: number },\n) {\n  const frame = model.hostBpFrame\n  if (frame) {\n    drawReferenceStrip(ctx, model.referenceStripBlocks, frame, {\n      width: model.paneWidth,\n      lit,\n      dpr,\n    })\n  }\n}\n\n// Each reference segment at its bp in the linear view, over a drawing that\n// has no bp axis of its own. Repainted by an autorun, so a pan in the linear\n// view moves the strip in the same frame as its other tracks.\nconst ReferenceStripOverlay = observer(function ReferenceStripOverlay({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D, dpr: number) => {\n      paintReferenceStrip(ctx, model, { lit: model.referenceStripLit, dpr })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={5}\n      shown={model.referenceStripShown}\n      testId=\"graph-reference-strip\"\n      paint={paint}\n    />\n  )\n})\n\nexport default ReferenceStripOverlay\n", "import { useCallback } from 'react'\n\nimport { drawTubeMapRuler } from '@jbrowse/bandage-core/tubeMap/axis'\nimport { drawTubeMapConnectors } from '@jbrowse/bandage-core/tubeMap/connectors'\nimport { drawDeviationMarks } from '@jbrowse/bandage-core/tubeMap/deviations'\nimport { drawTubeMap } from '@jbrowse/bandage-core/tubeMap/draw'\nimport { drawTubeMapGenes } from '@jbrowse/bandage-core/tubeMap/genes'\nimport { observer } from 'mobx-react'\n\nimport { PaneOverlayCanvas } from './PaneLayer'\nimport {\n  PANEL_TITLE_FONT,\n  drawBundleCounts,\n  drawSqueezedLengths,\n} from '../tubeMapPanels'\n\n// variants folded into a box mark texture under a panel's routes\nconst PANEL_TICK_ALPHA = 0.45\n\nimport type { GraphPaneModel } from '../model'\n\n// The tubes, their connectors, genes and ruler, onto a canvas sized to the\n// pane or onto the linear view's SVG export\nexport function paintTubeMap(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  { highlightNode }: { highlightNode: string | null },\n) {\n  const picture = model.tubeMapPicture\n  const frame = model.tubeMapFrame\n  if (!picture || !frame) {\n    return\n  }\n  const width = model.paneWidth\n  const panels = model.tubeMapPanelViews\n  if (panels) {\n    paintPanels(ctx, model, panels, highlightNode)\n    return\n  }\n  const tubeFrame = {\n    ...frame,\n    width,\n    highlightNode,\n    tubeColors: model.tubeMapTubeColors,\n    nodeColors: model.tubeMapNodeColors,\n  }\n  drawTubeMap(ctx, picture, tubeFrame)\n  const drawn = model.layoutResult?.tubeMap\n  if (drawn) {\n    drawBundleCounts(ctx, picture, drawn.graph, tubeFrame)\n    drawSqueezedLengths(ctx, drawn, tubeFrame)\n  }\n  drawDeviationMarks(ctx, model.tubeMapDeviations, tubeFrame)\n  drawTubeMapConnectors(\n    ctx,\n    model.tubeMapConnectors,\n    model.connectorZoneBottom,\n    tubeFrame,\n  )\n  const { bounds } = picture\n  drawTubeMapGenes(ctx, model.tubeMapGenes, tubeFrame, frame.y(bounds.minY) - 2)\n  const boxes = model.tubeMapRulerBoxes\n  if (boxes) {\n    drawTubeMapRuler(\n      ctx,\n      boxes,\n      tubeFrame,\n      frame.y(bounds.maxY) + 4,\n      model.layoutResult?.referenceAxis,\n    )\n  }\n}\n\n// Each panel of a split tube map under a rule and its title, which the canvas\n// draws so a figure's SVG carries them\nfunction paintPanels(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  panels: NonNullable<GraphPaneModel['tubeMapPanelViews']>,\n  highlightNode: string | null,\n) {\n  const width = model.paneWidth\n  for (const p of panels) {\n    if (p.bottom < 0 || p.titleTop > model.canvasHeight) {\n      continue\n    }\n    const tubeFrame = {\n      ...p.frame,\n      width,\n      highlightNode,\n      tubeColors: p.tubeColors,\n      nodeColors: p.nodeColors,\n    }\n    drawTubeMap(ctx, p.picture, tubeFrame)\n    drawBundleCounts(ctx, p.picture, p.panel.result.tubeMap.graph, tubeFrame)\n    drawSqueezedLengths(ctx, p.panel.result.tubeMap, tubeFrame)\n    ctx.globalAlpha = PANEL_TICK_ALPHA\n    drawDeviationMarks(ctx, p.deviations, tubeFrame)\n    ctx.globalAlpha = 1\n    ctx.strokeStyle = 'rgba(0,0,0,0.15)'\n    ctx.lineWidth = 1\n    ctx.beginPath()\n    ctx.moveTo(0, Math.round(p.titleTop) + 0.5)\n    ctx.lineTo(width, Math.round(p.titleTop) + 0.5)\n    ctx.stroke()\n    ctx.font = PANEL_TITLE_FONT\n    ctx.textAlign = 'left'\n    ctx.textBaseline = 'top'\n    ctx.fillStyle = 'rgba(0,0,0,0.85)'\n    ctx.fillText(p.label, 6, p.titleTop + 4)\n  }\n  const last = panels.at(-1)\n  const boxes = model.tubeMapPanelRulerBoxes\n  if (last && boxes) {\n    drawTubeMapRuler(\n      ctx,\n      boxes,\n      { ...last.frame, width },\n      last.bottom + 4,\n      true,\n    )\n  }\n}\n\n// The tube map's ink, over the canvas, which draws nothing under a tube map\n// layout. Above the tubes go the session's genes in a view of its own, or in\n// a linear view the bands tying each reference box to its bp there; under\n// them a reference ruler, unless the linear view's is already the axis.\n// Repainted by an autorun on every change of transform, so a pan in the linear\n// view above moves the tubes in the same frame as its other tracks.\nconst TubeMapOverlay = observer(function TubeMapOverlay({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      paintTubeMap(ctx, model, { highlightNode: model.selectedNode })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={1}\n      shown={!!model.tubeMapPicture}\n      testId=\"graph-tube-map\"\n      paint={paint}\n    />\n  )\n})\n\nexport default TubeMapOverlay\n", "const host = JBrowseExports[\"@jbrowse/render-core/marks\"]\nconst read = name =>\n  host != null && name in Object(host)\n    ? host[name]\n    : Object.assign(\n        function () {\n          throw new Error(\n            \"This JBrowse does not provide '\" + name + \"' from '\" + \"@jbrowse/render-core/marks\" + \"' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse\",\n          )\n        },\n        { jbrowseHostMissing: name },\n      )\nexport const BandPen = /* @__PURE__ */ read(\"BandPen\")\nexport const CONNECTOR_ARROW = /* @__PURE__ */ read(\"CONNECTOR_ARROW\")\nexport const CONNECTOR_BOW = /* @__PURE__ */ read(\"CONNECTOR_BOW\")\nexport const CONNECTOR_DASHED = /* @__PURE__ */ read(\"CONNECTOR_DASHED\")\nexport const CONNECTOR_LEADING_2 = /* @__PURE__ */ read(\"CONNECTOR_LEADING_2\")\nexport const CONNECTOR_MAX_REACH_PX = /* @__PURE__ */ read(\"CONNECTOR_MAX_REACH_PX\")\nexport const CONNECTOR_MINUS_1 = /* @__PURE__ */ read(\"CONNECTOR_MINUS_1\")\nexport const CONNECTOR_MINUS_2 = /* @__PURE__ */ read(\"CONNECTOR_MINUS_2\")\nexport const CONNECTOR_STRAIGHT = /* @__PURE__ */ read(\"CONNECTOR_STRAIGHT\")\nexport const HIDDEN_ROW = /* @__PURE__ */ read(\"HIDDEN_ROW\")\nexport const LINK_ELSEWHERE = /* @__PURE__ */ read(\"LINK_ELSEWHERE\")\nexport const LINK_NO_REGION = /* @__PURE__ */ read(\"LINK_NO_REGION\")\nexport const NO_ROW_COLOR = /* @__PURE__ */ read(\"NO_ROW_COLOR\")\nexport const RAMP_LINE_BANDS = /* @__PURE__ */ read(\"RAMP_LINE_BANDS\")\nexport const RAMP_NOT_A_NUMBER_COLOR = /* @__PURE__ */ read(\"RAMP_NOT_A_NUMBER_COLOR\")\nexport const RAMP_NO_VALUE_BITS = /* @__PURE__ */ read(\"RAMP_NO_VALUE_BITS\")\nexport const RAMP_NO_VALUE_COLOR = /* @__PURE__ */ read(\"RAMP_NO_VALUE_COLOR\")\nexport const RowKeys = /* @__PURE__ */ read(\"RowKeys\")\nexport const abgrToCssRgba = /* @__PURE__ */ read(\"abgrToCssRgba\")\nexport const appendGlyph = /* @__PURE__ */ read(\"appendGlyph\")\nexport const backToFront = /* @__PURE__ */ read(\"backToFront\")\nexport const barMark = /* @__PURE__ */ read(\"barMark\")\nexport const buildRowTable = /* @__PURE__ */ read(\"buildRowTable\")\nexport const connectorEnds = /* @__PURE__ */ read(\"connectorEnds\")\nexport const connectorMark = /* @__PURE__ */ read(\"connectorMark\")\nexport const defineMark = /* @__PURE__ */ read(\"defineMark\")\nexport const ellipseDistance = /* @__PURE__ */ read(\"ellipseDistance\")\nexport const ellipseNearest = /* @__PURE__ */ read(\"ellipseNearest\")\nexport const inkOfInstances = /* @__PURE__ */ read(\"inkOfInstances\")\nexport const instanceColor = /* @__PURE__ */ read(\"instanceColor\")\nexport const isThreshold = /* @__PURE__ */ read(\"isThreshold\")\nexport const keepRampValues = /* @__PURE__ */ read(\"keepRampValues\")\nexport const keySlot = /* @__PURE__ */ read(\"keySlot\")\nexport const lineCenterMark = /* @__PURE__ */ read(\"lineCenterMark\")\nexport const lineMarkOf = /* @__PURE__ */ read(\"lineMarkOf\")\nexport const lineStepMark = /* @__PURE__ */ read(\"lineStepMark\")\nexport const linkApex = /* @__PURE__ */ read(\"linkApex\")\nexport const linkFeet = /* @__PURE__ */ read(\"linkFeet\")\nexport const linkInstance = /* @__PURE__ */ read(\"linkInstance\")\nexport const linkLabelAnchor = /* @__PURE__ */ read(\"linkLabelAnchor\")\nexport const linkMark = /* @__PURE__ */ read(\"linkMark\")\nexport const makeAbgrFill = /* @__PURE__ */ read(\"makeAbgrFill\")\nexport const nearestMarkHit = /* @__PURE__ */ read(\"nearestMarkHit\")\nexport const paintColors = /* @__PURE__ */ read(\"paintColors\")\nexport const paintMarkBlocks = /* @__PURE__ */ read(\"paintMarkBlocks\")\nexport const planMarks = /* @__PURE__ */ read(\"planMarks\")\nexport const pointInsetPx = /* @__PURE__ */ read(\"pointInsetPx\")\nexport const pointInstance = /* @__PURE__ */ read(\"pointInstance\")\nexport const pointMark = /* @__PURE__ */ read(\"pointMark\")\nexport const rampAsThreshold = /* @__PURE__ */ read(\"rampAsThreshold\")\nexport const rampUniforms = /* @__PURE__ */ read(\"rampUniforms\")\nexport const rampValueBits = /* @__PURE__ */ read(\"rampValueBits\")\nexport const recordPath = /* @__PURE__ */ read(\"recordPath\")\nexport const rowColor = /* @__PURE__ */ read(\"rowColor\")\nexport const rowSlot = /* @__PURE__ */ read(\"rowSlot\")\nexport const rowSpanIndex = /* @__PURE__ */ read(\"rowSpanIndex\")\nexport const rowTableKeys = /* @__PURE__ */ read(\"rowTableKeys\")\nexport const rowTableTextures = /* @__PURE__ */ read(\"rowTableTextures\")\nexport const ruleMark = /* @__PURE__ */ read(\"ruleMark\")\nexport const shiftInk = /* @__PURE__ */ read(\"shiftInk\")\nexport const spanMark = /* @__PURE__ */ read(\"spanMark\")\nexport const spansInRow = /* @__PURE__ */ read(\"spansInRow\")\nexport const thresholdBandOf = /* @__PURE__ */ read(\"thresholdBandOf\")\nexport const valueWindow = /* @__PURE__ */ read(\"valueWindow\")\nexport const withPassId = /* @__PURE__ */ read(\"withPassId\")\nexport default host && host.__esModule ? host.default : host", "import {\n  GAP_PX,\n  MISSING_PX,\n  coalesceRuns,\n  gapStyle,\n  runPaint,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport { hslToRgb } from '@jbrowse/bandage-core/renderer/GeometryBuilder'\nimport { packAbgr } from '@jbrowse/bandage-core/renderer/colorBits'\nimport { spanMark } from '@jbrowse/render-core/marks'\n\nimport type { WalkRow, WalkRun } from '@jbrowse/bandage-core/layout/walkRows'\nimport type { MarkContext2D, SpanChannels } from '@jbrowse/render-core/marks'\n\ntype Rgb = [number, number, number]\n\n// The colours runPaint writes: `#rrggbb`, `rgb(r, g, b)` and\n// `hsl(h, s%, l%)`\nexport function cssRgb(css: string): Rgb {\n  if (css.startsWith('#')) {\n    const v = Number.parseInt(css.slice(1), 16)\n    return [(v >> 16) & 0xff, (v >> 8) & 0xff, v & 0xff]\n  }\n  const [a = 0, b = 0, c = 0] = css.match(/[\\d.]+/g)!.map(Number)\n  return css.startsWith('hsl')\n    ? (hslToRgb(a, b / 100, c / 100).map(v => v * 255) as Rgb)\n    : [a, b, c]\n}\n\nconst abgr = ([r, g, b]: Rgb) =>\n  packAbgr(Math.round(r), Math.round(g), Math.round(b), 255)\n\nconst cssAbgr = new Map<string, number>()\nfunction packCss(css: string) {\n  let v = cssAbgr.get(css)\n  if (v === undefined) {\n    v = abgr(cssRgb(css))\n    cssAbgr.set(css, v)\n  }\n  return v\n}\n\n/**\n * A run as the pieces it paints in, each `[start, end, abgr]` in bp along\n * the row: one for a solid fill, and for a gradient one per pixel or per\n * degree of hue, whichever is fewer, coloured as the SVG gradient through\n * the same stops colours its middle\n */\nexport function runPieces(\n  run: WalkRun,\n  ramp: { start: number; end: number } | undefined,\n  pxPerBp: number,\n): [number, number, number][] {\n  const end = run.start + run.bp\n  const paint = runPaint(run, ramp)\n  if ('fill' in paint) {\n    return [[run.start, end, packCss(paint.fill)]]\n  }\n  const stops = paint.stops.map(cssRgb)\n  const hues = paint.stops.map(css => Number(/[\\d.]+/.exec(css)![0]))\n  const hueSpan = Math.abs(hues.at(-1)! - hues[0]!)\n  const n = Math.max(\n    1,\n    Math.min(Math.ceil(run.bp * pxPerBp), Math.ceil(hueSpan), run.bp),\n  )\n  const pieces: [number, number, number][] = []\n  for (let k = 0; k < n; k++) {\n    const t = ((k + 0.5) / n) * (stops.length - 1)\n    const i = Math.min(Math.floor(t), stops.length - 2)\n    const a = stops[i]!\n    const b = stops[i + 1]!\n    const f = t - i\n    pieces.push([\n      Math.round(run.start + (run.bp * k) / n),\n      Math.round(run.start + (run.bp * (k + 1)) / n),\n      abgr([0, 1, 2].map(j => a[j]! + (b[j]! - a[j]!) * f) as Rgb),\n    ])\n  }\n  return pieces\n}\n\nexport interface WalkRowSpans {\n  bars: SpanChannels & { color: Uint32Array }\n  gaps: SpanChannels & { color: Uint32Array }\n  // gaps of bases the graph lacks, which draw as a hairline\n  hairlines: SpanChannels & { color: Uint32Array }\n  // where each drawn row's spans start in `bars`, `gaps` and `hairlines`\n  barRows: Uint32Array\n  gapRows: Uint32Array\n  hairlineRows: Uint32Array\n  // the furthest any span reaches along its row, in bp, and at least 1\n  longest: number\n}\n\nfunction channels(capacity: number) {\n  return {\n    x: new Uint32Array(capacity),\n    x2: new Uint32Array(capacity),\n    row: new Uint32Array(capacity),\n    color: new Uint32Array(capacity),\n    count: 0,\n  }\n}\n\nfunction slice<T extends SpanChannels & { color: Uint32Array }>(\n  c: T,\n  a: number,\n  b: number,\n) {\n  return {\n    x: c.x.subarray(a, b),\n    x2: c.x2.subarray(a, b),\n    row: c.row.subarray(a, b),\n    color: c.color.subarray(a, b),\n    count: b - a,\n  }\n}\n\n/**\n * Each row's runs as `walkRowsTree` coalesces and colours them at\n * `pxPerBp`, as span channels: `x`/`x2` in bp along the row, `row` its index\n * among `rows`. Gaps go apart, since they draw thinner, and gaps of bases the\n * graph lacks apart again, as a hairline.\n */\nexport function walkRowSpans(\n  rows: WalkRow[],\n  pxPerBp: number,\n  ramp?: { start: number; end: number },\n): WalkRowSpans {\n  const pieces = rows.map(r =>\n    coalesceRuns(r.runs, pxPerBp).map(run => ({\n      gap: run.gap,\n      hairline: run.gap && gapStyle(run.cause).px === MISSING_PX,\n      pieces: runPieces(run, ramp, pxPerBp),\n    })),\n  )\n  let total = 0\n  for (const runs of pieces) {\n    for (const run of runs) {\n      total += run.pieces.length\n    }\n  }\n  const bars = channels(total)\n  const gaps = channels(total)\n  const hairlines = channels(total)\n  const barRows = new Uint32Array(rows.length + 1)\n  const gapRows = new Uint32Array(rows.length + 1)\n  const hairlineRows = new Uint32Array(rows.length + 1)\n  let longest = 1\n  pieces.forEach((runs, row) => {\n    for (const run of runs) {\n      const c = run.hairline ? hairlines : run.gap ? gaps : bars\n      for (const [x, x2, color] of run.pieces) {\n        const i = c.count++\n        c.x[i] = x\n        c.x2[i] = x2\n        c.row[i] = row\n        c.color[i] = color\n        longest = Math.max(longest, c.x2[i])\n      }\n    }\n    barRows[row + 1] = bars.count\n    gapRows[row + 1] = gaps.count\n    hairlineRows[row + 1] = hairlines.count\n  })\n  return {\n    bars: slice(bars, 0, bars.count),\n    gaps: slice(gaps, 0, gaps.count),\n    hairlines: slice(hairlines, 0, hairlines.count),\n    barRows,\n    gapRows,\n    hairlineRows,\n    longest,\n  }\n}\n\nexport interface WalkRowSpanFrame {\n  scaleX: number\n  scaleY: number\n  translateX: number\n  translateY: number\n  width: number\n  height: number\n  rowPx: number\n  barPx: number\n  origin: number\n  // runs of rows whose y is `rowY(first)` plus a row pitch each, as the\n  // reference row and each grouped section are\n  blocks: { first: number; count: number; rowY: number }[]\n}\n\n/**\n * Paints the spans through render-core's span mark, a block of rows at a\n * time: row i's bar centred where `walkRowsTree` centres it, `barPx` tall,\n * its x at `origin + bp` through the pane's transform.\n */\nexport function paintWalkRowSpans(\n  ctx: MarkContext2D,\n  spans: WalkRowSpans,\n  f: WalkRowSpanFrame,\n) {\n  const { longest } = spans\n  const block = {\n    start: 0,\n    end: longest,\n    screenStartPx: f.origin * f.scaleX + f.translateX,\n    screenEndPx: (f.origin + longest) * f.scaleX + f.translateX,\n    reversed: false,\n    displayedRegionIndex: 0,\n  }\n  const frame = { canvasWidth: f.width, canvasHeight: f.height }\n  const rowHeight = f.rowPx * f.scaleY\n  for (const { first, count, rowY } of f.blocks) {\n    // slot `row` centres at (rowY + (row - first) * rowPx) * scaleY + translateY\n    const scrollTop =\n      rowHeight / 2 - f.translateY - (rowY - first * f.rowPx) * f.scaleY\n    const top = (rowY - f.rowPx / 2) * f.scaleY + f.translateY\n    if (top > f.height || top + count * rowHeight < 0) {\n      continue\n    }\n    for (const [c, starts, barPx] of [\n      [spans.bars, spans.barRows, f.barPx],\n      [spans.gaps, spans.gapRows, Math.min(GAP_PX, f.barPx)],\n      [spans.hairlines, spans.hairlineRows, Math.min(MISSING_PX, f.barPx)],\n    ] as const) {\n      spanMark.paintBlock(\n        ctx,\n        slice(c, starts[first]!, starts[first + count]!),\n        block,\n        frame,\n        {\n          rowHeight,\n          rowProportion: barPx / rowHeight,\n          minWidthPx: 1,\n          seamPx: 0,\n          scrollTop,\n        },\n      )\n    }\n  }\n}\n", "import { useCallback, useMemo } from 'react'\n\nimport { computed } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport ElTree, { useSvgId } from './ElTree'\nimport { PaneOverlayCanvas, PaneSvgLayer } from './PaneLayer'\nimport { paintWalkRowBlocks } from '../walkRowBlocks'\nimport { SECTION_HEADER_PX, walkRowTrees } from '../walkRowGroups'\nimport { paintWalkRowSpans, walkRowSpans } from '../walkRowSpans'\n\nimport type { GraphPaneModel } from '../model'\n\n// The walk-rows layout's bars: one per haplotype walk under the reference\n// row, each on its own bp axis from the window's left edge. The runs paint as\n// spans on a canvas, coloured by whether they are on the reference walk's\n// path, and core's walkRowsTree draws the rest: unit separators, each row's\n// genes from its own assembly's annotation, the allele a repeat genotype\n// called and a readout. Under the\n// reference-position ramp an aligned run takes the hue of the reference it is\n// threaded through. In a tandem array that is the aligner's pick among\n// near-identical copies, so the hue says which reference copy the graph used,\n// not which one a copy resembles.\n//\n// The walk rows pair a repeat record's allele with each walk \u2014 see\n// repeats/walkCalls.ts, which also holds the threshold a red readout is read\n// off. Colouring each copy by its unit is jbrowse-plugin-tandem-repeat's.\n\n// The spans are recut only when the rows, the zoom or the ramp change\nfunction WalkRowSpansCanvas({ model }: { model: GraphPaneModel }) {\n  const spans = useMemo(\n    () =>\n      computed(() => {\n        const bars = model.walkRowBars\n        return bars\n          ? walkRowSpans(\n              [bars.reference, ...bars.rows],\n              model.scaleX,\n              model.referenceRampDomain,\n            )\n          : undefined\n      }),\n    [model],\n  )\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const bars = model.walkRowBars\n      const place = model.walkRowPlacement\n      const pitch = model.walkRowPitch\n      const painted = spans.get()\n      if (!bars || !place || !pitch || !painted) {\n        return\n      }\n      const sections = model.walkRowGroups?.sections\n      const blocks = sections?.length\n        ? [\n            { first: 0, count: 1, rowY: place.rowY(0) },\n            ...sections.map(s => ({\n              first: s.first,\n              count: s.count,\n              rowY: place.rowY(s.first),\n            })),\n          ]\n        : [{ first: 0, count: bars.rows.length + 1, rowY: place.rowY(0) }]\n      paintWalkRowSpans(ctx, painted, {\n        ...model.screenTransform,\n        width: model.paneWidth,\n        height: model.canvasHeight,\n        rowPx: pitch.rowPx,\n        barPx: pitch.barPx,\n        origin: bars.origin,\n        blocks,\n      })\n    },\n    [model, spans],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={3}\n      testId=\"graph-walk-rows-spans\"\n      paint={paint}\n    />\n  )\n}\n\nconst RIBBON_FORWARD = 'rgba(160, 196, 232, 0.55)'\nconst RIBBON_REVERSED = 'rgba(160, 140, 220, 0.55)'\n\n// Under the bars, a ribbon from each stretch of a row to where the row below\n// walks the same nodes, lavender where it walks them backwards, as ggbandage\n// draws them: neighbours that share a copy, an inversion or a duplication\n// read off the ribbons' shape\nfunction WalkRowRibbonsCanvas({ model }: { model: GraphPaneModel }) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const links = model.walkRowRibbons\n      const bars = model.walkRowBars\n      const place = model.walkRowPlacement\n      const pitch = model.walkRowPitch\n      if (!links || !bars || !place || !pitch) {\n        return\n      }\n      const { scaleX, scaleY, translateX, translateY } = model.screenTransform\n      const x = (offset: number) => (bars.origin + offset) * scaleX + translateX\n      const half = pitch.barPx / 2\n      for (const { row, a0, a1, b0, b1 } of links) {\n        const top = place.rowY(row) * scaleY + translateY + half\n        const bottom = place.rowY(row + 1) * scaleY + translateY - half\n        ctx.fillStyle = b0 > b1 ? RIBBON_REVERSED : RIBBON_FORWARD\n        ctx.beginPath()\n        ctx.moveTo(x(a0), top)\n        ctx.lineTo(x(a1), top)\n        ctx.lineTo(x(b1), bottom)\n        ctx.lineTo(x(b0), bottom)\n        ctx.closePath()\n        ctx.fill()\n      }\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={2}\n      testId=\"graph-walk-rows-ribbons\"\n      paint={paint}\n    />\n  )\n}\n\n// Over the bars, the lettered blocks: copy A on two rows, and C where another\n// row has A, read at a glance\nfunction WalkRowBlocksCanvas({ model }: { model: GraphPaneModel }) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const blocks = model.sharedBlocks\n      const bars = model.walkRowBars\n      const place = model.walkRowPlacement\n      const pitch = model.walkRowPitch\n      if (!blocks || !bars || !place || !pitch) {\n        return\n      }\n      const { scaleX, scaleY, translateX, translateY } = model.screenTransform\n      paintWalkRowBlocks(ctx, blocks, {\n        x: offset => (bars.origin + offset) * scaleX + translateX,\n        rowCentre: row => place.rowY(row) * scaleY + translateY,\n        barPx: pitch.barPx,\n      })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={3}\n      testId=\"graph-walk-rows-blocks\"\n      paint={paint}\n    />\n  )\n}\n\n// Its own observer, so moving between rows redraws this rect and not every row\nconst HoveredWalkRow = observer(function HoveredWalkRow({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const bars = model.walkRowBars\n  const place = model.walkRowPlacement\n  const pitch = model.walkRowPitch\n  if (!bars || !place || !pitch || !model.hoveredWalkRowText) {\n    return null\n  }\n  const rows = [bars.reference, ...bars.rows]\n  const index = rows.findIndex(r => r.name === model.hoveredWalkRow)\n  const row = rows[index]\n  if (!row) {\n    return null\n  }\n  const start = model.toScreen({ x: bars.origin, y: place.rowY(index) })\n  return (\n    <rect\n      data-testid=\"graph-walk-row-hovered\"\n      x={start.x - 2}\n      y={start.y - pitch.rowPx / 2 - 1}\n      width={row.bp * model.scaleX + 4}\n      height={pitch.rowPx + 2}\n      fill=\"none\"\n      stroke=\"#111\"\n      strokeWidth={1}\n    />\n  )\n})\n\n// `vector` for an SVG export, which draws the bars as walkRowsTree's rects\nconst WalkRowsOverlay = observer(function WalkRowsOverlay({\n  model,\n  vector = false,\n}: {\n  model: GraphPaneModel\n  vector?: boolean\n}) {\n  const idPrefix = useSvgId()\n  const bars = model.walkRowBars\n  const place = model.walkRowPlacement\n  const pitch = model.walkRowPitch\n  if (!bars || !place || !pitch) {\n    return null\n  }\n  const { paneWidth: width, canvasHeight } = model\n  // the canvas paints the bars, except in a vector export\n  const frame = {\n    ...model.screenTransform,\n    width,\n    height: canvasHeight,\n    ...pitch,\n    bars: vector,\n  }\n  return (\n    <>\n      {vector || !model.walkRowRibbons ? null : (\n        <WalkRowRibbonsCanvas model={model} />\n      )}\n      {vector ? null : <WalkRowSpansCanvas model={model} />}\n      {vector || !model.sharedBlocks ? null : (\n        <WalkRowBlocksCanvas model={model} />\n      )}\n      <PaneSvgLayer\n        model={model}\n        zIndex={3}\n        overflow=\"visible\"\n        testId=\"graph-walk-rows\"\n      >\n        {walkRowTrees(\n          bars,\n          model.walkRowGroups?.sections ?? [],\n          place.rowY,\n          frame,\n          {\n            ramp: model.referenceRampDomain,\n            rowGenes: model.walkRowGenes,\n            idPrefix,\n          },\n        ).map((tree, i) => (\n          <ElTree key={i} el={tree} />\n        ))}\n        {place.headers.map(header => (\n          <text\n            key={header.key}\n            x={10}\n            y={\n              model.toScreen({ x: 0, y: header.top }).y + SECTION_HEADER_PX - 4\n            }\n            fontFamily=\"sans-serif\"\n            fontSize={11}\n            fontWeight=\"bold\"\n            fill=\"#333\"\n            data-testid=\"graph-walk-section\"\n          >\n            {header.title}\n          </text>\n        ))}\n        <HoveredWalkRow model={model} />\n      </PaneSvgLayer>\n    </>\n  )\n})\n\nexport default WalkRowsOverlay\n"],
-  "mappings": "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",
-  "names": ["PANS_WITH_DRAWING", "paneLayerStyle", "zIndex", "overflow", "PaneSvgLayer", "observer", "model", "testId", "pansWithDrawing", "children", "jsx", "PaneTransformGroup", "scaleX", "scaleY", "translateX", "translateY", "PaneOverlayCanvas", "shown", "paint", "ref", "useRef", "useEffect", "autorun", "canvas", "ctx", "width", "height", "dependOn", "trackedDpr", "dpr", "syncCanvasSize", "BubbleHalos", "observer", "model", "bubbleHalos", "hoveredBubble", "halo", "HALO_FACTOR", "jsx", "PaneSvgLayer", "PaneTransformGroup", "h", "sameBubble", "BUBBLE_KIND_COLORS", "bubbleKey", "BubbleHalos_default", "BLOCK_COLORS", "OTHER_BLOCK", "BLOCK_EDGE", "LETTER_FONT", "blockFill", "block", "BLOCK_COLORS", "OTHER_BLOCK", "blockLetter", "letter", "COLORED_BLOCKS", "paintWalkRowBlocks", "ctx", "blocks", "f", "LETTER_FONT", "row", "start", "bp", "left", "width", "top", "BLOCK_EDGE", "SWATCH_PX", "BAR_PX", "FADED_SWATCH", "DELETION_INK", "STRIP_SAMPLES", "TUBE_SWATCH_PX", "FOLD_TICK_BACKING", "WALK_ROW_SWATCH_PX", "LINK_INK", "LINE_PX", "CHIP_PX", "swatchWidth", "swatch", "bandPx", "bands", "swatchHeight", "swatchColumn", "rows", "px", "row", "rowPitch", "flat", "color", "fillRow", "key", "label", "bandStops", "colors", "i", "openBubbleRows", "model", "open", "halo", "h", "sameBubble", "BUBBLE_KIND_COLORS", "rampRows", "domain", "start", "end", "referenceLabel", "RAMP_GRADIENT_STOPS", "formatBp", "REFERENCE_RAMP_ALT_CSS", "stripBands", "lift", "w", "encodingStops", "b", "c", "all", "n", "LIFT_BACKDROP_CSS", "_", "stripRows", "rowPerWalk", "haloRows", "kindsByColor", "kinds", "BUBBLE_KIND_NAMES", "names", "deletionRows", "graph", "dashedDeletions", "deletionKey", "thicknessRow", "roundDepth", "depth", "nodeWidthRows", "range", "tagged", "frequencyKey", "widthPx", "walkCount", "walks", "depths", "passes", "counted", "nodeWidthPx", "linkWidthRows", "busiest", "edgeWidthFactor", "geneRows", "pin", "EXON_COLOR", "foldRows", "note", "pathRows", "name", "tubeRow", "stops", "tubeMapRows", "roles", "haplotypeTube", "bundled", "values", "logWidths", "foldBp", "forwardReads", "reverseReads", "substitution", "insertion", "deletion", "reads", "PANEL_REFERENCE_TUBE", "value", "FORWARD_READ_COLORS", "REVERSE_READ_COLORS", "deviationInk", "walkRowSwatch", "GENE_INK", "blockRows", "present", "block", "blockFill", "COLORED_BLOCKS", "a", "blockLetter", "walkRowsRows", "bars", "calls", "tick", "walkRowsKey", "entry", "call", "CALL_TICK", "UNBACKED_TICK", "DISAGREES", "walkKeyRow", "walk", "walkKey", "fadedRows", "faded", "walkReadoutRows", "fadedKey", "facetKeyRows", "facetPanels", "keys", "panel", "legendSections", "sections", "section", "headed", "group", "propName", "name", "_", "c", "toReact", "node", "key", "props", "value", "createElement", "useSvgId", "useId", "ElTree", "el", "EDGE_INK", "Gradient", "id", "x", "y", "stops", "width", "height", "square", "edged", "inset", "rect", "fill", "jsx", "jsxs", "Fragment", "s", "i", "SvgSwatch", "swatch", "swatchHeight", "swatchWidth", "band", "bandPx", "top", "SWATCH_PX", "rulerInk", "LegendSwatchView", "useSvgId", "legendBoxStyle", "legendRowStyle", "legendNoteStyle", "HEADING_INK", "HEADING_GAP_PX", "legendHeadingStyle", "GenePins", "observer", "model", "id", "useSvgId", "stretches", "useMemo", "computed", "genePins", "walkLift", "focus", "pins", "pin", "e", "exonStretches", "scaleX", "scaleY", "translateX", "translateY", "paneWidth", "canvasHeight", "tree", "exonOutlineTree", "jsx", "PaneSvgLayer", "ElTree", "GenePins_default", "chipBox", "x", "y", "w", "LABEL_PX", "LABEL_PAD", "inChip", "chip", "px", "py", "box", "LabelChip", "text", "note", "color", "edge", "italic", "dimmed", "title", "testId", "onClick", "onHover", "jsxs", "e", "jsx", "GENE_INK", "TICK_PX", "TICK_WIDTH", "chipReadoutAt", "genes", "px", "py", "pin", "chip", "inChip", "gene", "note", "geneCoverageNote", "LabelLayer", "observer", "model", "bubbles", "ticks", "scaleY", "translateY", "contigThickness", "hoveredBubble", "hoveredTick", "t", "sameBubble", "tickAt", "target", "dimmedBubble", "h", "isOpen", "jsxs", "PaneSvgLayer", "jsx", "e", "tick", "isAlive", "x", "y", "i", "BUBBLE_KIND_COLORS", "bubbleKey", "text", "LABEL_PX", "LabelChip", "EXON_COLOR", "hovered", "labelWidth", "LabelLayer_default", "paintReferenceStrip", "ctx", "model", "lit", "dpr", "frame", "drawReferenceStrip", "ReferenceStripOverlay", "observer", "paint", "useCallback", "jsx", "PaneOverlayCanvas", "ReferenceStripOverlay_default", "PANEL_TICK_ALPHA", "paintTubeMap", "ctx", "model", "highlightNode", "picture", "frame", "width", "panels", "paintPanels", "tubeFrame", "drawTubeMap", "drawn", "drawBundleCounts", "drawSqueezedLengths", "drawDeviationMarks", "drawTubeMapConnectors", "bounds", "drawTubeMapGenes", "boxes", "drawTubeMapRuler", "p", "PANEL_TITLE_FONT", "last", "TubeMapOverlay", "observer", "paint", "useCallback", "jsx", "PaneOverlayCanvas", "TubeMapOverlay_default", "host", "read", "name", "spanMark", "read", "marks_default", "host", "cssRgb", "css", "v", "a", "b", "c", "hslToRgb", "abgr", "r", "g", "packAbgr", "cssAbgr", "packCss", "runPieces", "run", "ramp", "pxPerBp", "end", "paint", "runPaint", "stops", "hues", "hueSpan", "n", "pieces", "k", "t", "i", "f", "j", "channels", "capacity", "slice", "walkRowSpans", "rows", "coalesceRuns", "gapStyle", "MISSING_PX", "total", "runs", "bars", "gaps", "hairlines", "barRows", "gapRows", "hairlineRows", "longest", "row", "x", "x2", "color", "paintWalkRowSpans", "ctx", "spans", "block", "frame", "rowHeight", "first", "count", "rowY", "scrollTop", "top", "starts", "barPx", "GAP_PX", "spanMark", "WalkRowSpansCanvas", "model", "spans", "useMemo", "computed", "bars", "walkRowSpans", "paint", "useCallback", "ctx", "place", "pitch", "painted", "sections", "blocks", "s", "paintWalkRowSpans", "jsx", "PaneOverlayCanvas", "RIBBON_FORWARD", "RIBBON_REVERSED", "WalkRowRibbonsCanvas", "links", "scaleX", "scaleY", "translateX", "translateY", "x", "offset", "half", "row", "a0", "a1", "b0", "b1", "top", "bottom", "WalkRowBlocksCanvas", "paintWalkRowBlocks", "HoveredWalkRow", "observer", "rows", "index", "r", "start", "WalkRowsOverlay", "vector", "idPrefix", "useSvgId", "width", "canvasHeight", "frame", "jsxs", "Fragment", "PaneSvgLayer", "walkRowTrees", "tree", "i", "ElTree", "header", "SECTION_HEADER_PX", "WalkRowsOverlay_default"]
+  "sourcesContent": ["import { useEffect, useRef } from 'react'\nimport type { ReactNode } from 'react'\n\nimport { syncCanvasSize } from '@jbrowse/bandage-core/renderer/canvas'\nimport { autorun } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport { dependOn } from '../pane/paneBase'\nimport { trackedDpr } from '../trackedDpr'\n\nimport type { GraphPaneModel } from '../model'\n\n// marks an overlay whose labels move with the drawing, so a press on one pans\nexport const PANS_WITH_DRAWING = 'data-pans-with-drawing'\n\n// A layer over the pane's canvas that leaves the pointer to it\nexport function paneLayerStyle(\n  zIndex: number,\n  overflow?: 'hidden' | 'visible',\n) {\n  return {\n    position: 'absolute' as const,\n    left: 0,\n    top: 0,\n    pointerEvents: 'none' as const,\n    overflow,\n    zIndex,\n  }\n}\n\n// An SVG the pane's size, over the canvas or inside PaneSvg's export\nexport const PaneSvgLayer = observer(function PaneSvgLayer({\n  model,\n  zIndex,\n  overflow = 'hidden',\n  testId,\n  pansWithDrawing,\n  children,\n}: {\n  model: GraphPaneModel\n  zIndex: number\n  overflow?: 'hidden' | 'visible'\n  testId?: string\n  pansWithDrawing?: boolean\n  children: ReactNode\n}) {\n  return (\n    <svg\n      style={{\n        ...paneLayerStyle(zIndex, overflow),\n        userSelect: pansWithDrawing ? 'none' : undefined,\n      }}\n      width={model.paneWidth}\n      height={model.canvasHeight}\n      data-testid={testId}\n      {...(pansWithDrawing ? { [PANS_WITH_DRAWING]: '' } : {})}\n    >\n      {children}\n    </svg>\n  )\n})\n\n// Layout units onto the screen. Its own observer, so a pan frame re-renders\n// this group's transform and not the children a parent built.\nexport const PaneTransformGroup = observer(function PaneTransformGroup({\n  model,\n  children,\n}: {\n  model: GraphPaneModel\n  children: ReactNode\n}) {\n  const { scaleX, scaleY, translateX, translateY } = model\n  return (\n    <g\n      transform={`translate(${translateX} ${translateY}) scale(${scaleX} ${scaleY})`}\n    >\n      {children}\n    </g>\n  )\n})\n\n// A canvas the pane's size that an autorun repaints, so a pan moves its ink in\n// the same frame as the drawing. `paint` draws in css px.\nexport function PaneOverlayCanvas({\n  model,\n  zIndex,\n  shown = true,\n  testId,\n  paint,\n}: {\n  model: GraphPaneModel\n  zIndex: number\n  shown?: boolean\n  testId: string\n  paint: (ctx: CanvasRenderingContext2D, dpr: number) => void\n}) {\n  const ref = useRef<HTMLCanvasElement>(null)\n  useEffect(() => {\n    if (!shown) {\n      return undefined\n    }\n    return autorun(() => {\n      const canvas = ref.current\n      const ctx = canvas?.getContext('2d')\n      if (canvas && ctx) {\n        const width = model.paneWidth\n        const height = model.canvasHeight\n        dependOn(trackedDpr())\n        const dpr = syncCanvasSize(canvas, width, height)\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0)\n        ctx.clearRect(0, 0, width, height)\n        paint(ctx, dpr)\n      }\n    })\n  }, [model, shown, paint])\n  return (\n    <canvas\n      ref={ref}\n      data-testid={shown ? testId : undefined}\n      style={{ ...paneLayerStyle(zIndex), display: shown ? 'block' : 'none' }}\n    />\n  )\n}\n", "import { bubbleKey, sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport { BUBBLE_KIND_COLORS } from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport { HALO_FACTOR } from '@jbrowse/bandage-core/labelLayout'\nimport { observer } from 'mobx-react'\n\nimport { PaneSvgLayer, PaneTransformGroup } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// The bubbles over a node drawing: each a translucent halo along its nodes,\n// drawn once in layout units and moved with the canvas by one transform. The\n// halo takes no pointer events, so the nodes under it still hover and drag;\n// its name and its routes' chips are LabelLayer's. A small variant is\n// LabelLayer's tick, and shows its halo only while hovered.\n\nconst BubbleHalos = observer(function BubbleHalos({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { bubbleHalos, hoveredBubble } = model\n  if (bubbleHalos.length === 0) {\n    return null\n  }\n  const halo = model.contigThickness * HALO_FACTOR\n  return (\n    <PaneSvgLayer model={model} zIndex={2} testId=\"graph-bubble-halos\">\n      <PaneTransformGroup model={model}>\n        {bubbleHalos\n          .filter(\n            h =>\n              !h.whole &&\n              (!h.tick ||\n                (hoveredBubble && sameBubble(h.bubble, hoveredBubble))),\n          )\n          .map(h => (\n            <path\n              key={bubbleKey(h.bubble)}\n              d={h.path}\n              fill=\"none\"\n              stroke={BUBBLE_KIND_COLORS[h.kind]}\n              strokeOpacity={\n                hoveredBubble && sameBubble(h.bubble, hoveredBubble)\n                  ? 0.45\n                  : model.bubbleFaded(h)\n                    ? 0.06\n                    : 0.22\n              }\n              strokeWidth={halo}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          ))}\n      </PaneTransformGroup>\n    </PaneSvgLayer>\n  )\n})\n\nexport default BubbleHalos\n", "import type { WalkRowBlock } from '@jbrowse/bandage-core/layout/walkRowLinks'\n\n// ggbandage's: the three biggest blocks in colour, the rest a pale grey that\n// still carries its letter\nconst BLOCK_COLORS = ['#d4735e', '#d8a94a', '#c98aa4']\nconst OTHER_BLOCK = '#e6e6e6'\nconst BLOCK_EDGE = '#555'\nconst LETTER_FONT = 'bold 11px sans-serif'\nconst MIN_LETTER_PX = 12\nconst MIN_LETTER_BAR_PX = 9\n\nexport const blockFill = (block: number) => BLOCK_COLORS[block] ?? OTHER_BLOCK\n\n// A, B, ... Z, then AA, AB, ...\nexport function blockLetter(block: number): string {\n  const letter = String.fromCharCode(65 + (block % 26))\n  return block < 26 ? letter : blockLetter(Math.floor(block / 26) - 1) + letter\n}\n\n// How many blocks get a colour of their own, for the key\nexport const COLORED_BLOCKS = BLOCK_COLORS.length\n\n// Each stretch as a box over its row's bar, lettered where it is wide enough\nexport function paintWalkRowBlocks(\n  ctx: CanvasRenderingContext2D,\n  blocks: WalkRowBlock[],\n  f: {\n    x: (offset: number) => number\n    rowCentre: (row: number) => number\n    barPx: number\n  },\n) {\n  ctx.font = LETTER_FONT\n  ctx.textAlign = 'center'\n  ctx.textBaseline = 'middle'\n  for (const { row, start, bp, block } of blocks) {\n    const left = f.x(start)\n    const width = f.x(start + bp) - left\n    const top = f.rowCentre(row) - f.barPx / 2\n    ctx.fillStyle = blockFill(block)\n    ctx.fillRect(left, top, width, f.barPx)\n    ctx.strokeStyle = BLOCK_EDGE\n    ctx.lineWidth = 1\n    ctx.strokeRect(left + 0.5, top + 0.5, width - 1, f.barPx - 1)\n    if (width >= MIN_LETTER_PX && f.barPx >= MIN_LETTER_BAR_PX) {\n      ctx.fillStyle = '#111'\n      ctx.fillText(blockLetter(block), left + width / 2, f.rowCentre(row))\n    }\n  }\n}\n", "import { sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport {\n  BUBBLE_KIND_COLORS,\n  BUBBLE_KIND_NAMES,\n} from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport {\n  dashedDeletions,\n  deletionKey,\n} from '@jbrowse/bandage-core/deletionEdges'\nimport { edgeWidthFactor } from '@jbrowse/bandage-core/edgeWidths'\nimport { EXON_COLOR } from '@jbrowse/bandage-core/genes/exonOutline'\nimport { formatBp } from '@jbrowse/bandage-core/graphLabels'\nimport {\n  BAR_PX as WALK_ROW_BAR_PX,\n  CALL_TICK,\n  DISAGREES,\n  GENE_INK,\n  UNBACKED_TICK,\n  walkRowsKey,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport { frequencyKey, nodeWidthPx } from '@jbrowse/bandage-core/nodeWidths'\nimport { referenceLabel } from '@jbrowse/bandage-core/reference'\nimport { RAMP_GRADIENT_STOPS } from '@jbrowse/bandage-core/referenceRampCss'\nimport {\n  LIFT_BACKDROP_CSS,\n  REFERENCE_RAMP_ALT_CSS,\n} from '@jbrowse/bandage-core/renderer/GeometryBuilder'\nimport { deviationInk } from '@jbrowse/bandage-core/tubeMap/deviations'\nimport {\n  FORWARD_READ_COLORS,\n  REVERSE_READ_COLORS,\n} from '@jbrowse/bandage-core/tubeMap/reads'\nimport { encodingStops } from '@jbrowse/bandage-core/walkEncoding'\nimport { fadedKey } from '@jbrowse/bandage-core/walkHighlight'\nimport { walkKey } from '@jbrowse/bandage-core/walkKey'\n\nimport { CALL_TOLERANCE } from './repeats/walkCalls'\nimport { PANEL_REFERENCE_TUBE } from './tubeMapPanels'\nimport { COLORED_BLOCKS, blockFill, blockLetter } from './walkRowBlocks'\n\nimport type { GraphPaneModel } from './model'\nimport type { KeySwatch } from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport type { GraphNode } from '@jbrowse/bandage-core/types'\nimport type { LiftedWalk } from '@jbrowse/bandage-core/walkHighlight'\n\n// The legend as data, so the screen's panel and the exported figure's key\n// draw the same rows from one place\n\nexport const SWATCH_PX = 18\nconst BAR_PX = 32\n\n// LIFT_BACKDROP_CSS reads paler alone than faded strokes do where they\n// overlap, so the key samples it darker\nconst FADED_SWATCH = 'rgba(160, 160, 160, 0.45)'\nconst DELETION_INK = '#18181c'\n\nconst STRIP_SAMPLES = 6\nconst TUBE_SWATCH_PX = 7\nconst FOLD_TICK_BACKING = '#b8b8c0'\nconst WALK_ROW_SWATCH_PX = WALK_ROW_BAR_PX - 4\nconst LINK_INK = 'rgba(119, 119, 119, 0.85)'\nconst LINE_PX = 15\nconst CHIP_PX = 10\n\nexport interface Stop {\n  offset: number\n  color: string\n}\n\nexport type LegendSwatch =\n  | {\n      kind: 'fill'\n      stops: Stop[]\n      width?: number\n      height?: number\n      square?: boolean\n      // a hairline edge, so a pale colour still shows on the white key\n      edged?: true\n    }\n  // the reference strip, a band per lifted walk\n  | { kind: 'bands'; bands: Stop[][] }\n  | { kind: 'line'; color: string; dashed?: true }\n  | { kind: 'halo'; color: string }\n  | {\n      kind: 'outline'\n      color: string\n      stroke: number\n      radius: number\n      height: number\n    }\n  | { kind: 'overhang' }\n  | { kind: 'glyph'; char: string }\n  | { kind: 'tick'; color: string; height: number; backing?: string }\n  | { kind: 'bracket' }\n  | { kind: 'blank' }\n\n// A row with no swatch is a note on the drawing\nexport interface LegendRow {\n  key: string\n  label: string\n  swatch?: LegendSwatch\n  strong?: string\n  under?: string\n  title?: string\n  walk?: LiftedWalk\n  closesBubble?: true\n}\n\ninterface LegendSection {\n  testid: string\n  rows: LegendRow[]\n  group?: string\n  // the group's name, over the first of its sections\n  heading?: string\n  // set apart from the group above by a heading's gap, though it has none\n  spaced?: true\n}\n\nexport function swatchWidth(swatch: LegendSwatch) {\n  return swatch.kind === 'fill' ? (swatch.width ?? SWATCH_PX) : SWATCH_PX\n}\n\nexport const bandPx = (bands: readonly unknown[]) => (bands.length > 1 ? 3 : 4)\n\nexport function swatchHeight(swatch: LegendSwatch) {\n  switch (swatch.kind) {\n    case 'fill':\n      return swatch.height ?? 8\n    case 'bands':\n      return bandPx(swatch.bands) * swatch.bands.length\n    case 'line':\n      return 3\n    case 'halo':\n    case 'overhang':\n      return 10\n    case 'outline':\n    case 'tick':\n      return swatch.height\n    case 'glyph':\n      return 15\n    case 'bracket':\n      return 7\n    case 'blank':\n      return 0\n  }\n}\n\n// One column every swatch of a key sits in, so the words after them line up\nexport function swatchColumn(rows: readonly LegendRow[]) {\n  return rows.reduce(\n    (px, row) => (row.swatch ? Math.max(px, swatchWidth(row.swatch)) : px),\n    0,\n  )\n}\n\n// One pitch for every line of a key, roomy enough for its tallest swatch, so\n// rows sit evenly however their swatches differ\nexport function rowPitch(rows: readonly LegendRow[]) {\n  return rows.reduce(\n    (px, row) =>\n      row.swatch ? Math.max(px, Math.ceil(swatchHeight(row.swatch)) + 3) : px,\n    LINE_PX,\n  )\n}\n\nconst flat = (color: string): Stop[] => [{ offset: 0, color }]\n\n// A colour's key is a square chip, so it never reads as a thickness bar\nfunction fillRow(key: string, color: string, label: string): LegendRow {\n  return {\n    key,\n    label,\n    swatch: {\n      kind: 'fill',\n      stops: flat(color),\n      width: CHIP_PX,\n      height: CHIP_PX,\n      edged: true,\n    },\n  }\n}\n\n// hard-edged bands, a read taking one shade of its strand's palette\nfunction bandStops(colors: readonly string[]) {\n  return colors.flatMap((color, i) => [\n    { offset: i / colors.length, color },\n    { offset: (i + 1) / colors.length, color },\n  ])\n}\n\nfunction openBubbleRows(model: GraphPaneModel): LegendRow[] {\n  const open = model.openBubble\n  if (!open) {\n    return []\n  }\n  const halo = model.bubbleHalos.find(h => sameBubble(h.bubble, open))\n  return [\n    {\n      key: 'open',\n      label: `open: ${halo?.label ?? 'bubble'}`,\n      swatch: halo\n        ? { kind: 'halo', color: BUBBLE_KIND_COLORS[halo.kind] }\n        : { kind: 'blank' },\n      closesBubble: true,\n    },\n  ]\n}\n\n// Under lifted walks each lane states its own scale, and the rest is grey\nfunction rampRows(model: GraphPaneModel): LegendRow[] {\n  const domain = model.walkLift ? undefined : model.referenceRampDomain\n  if (!domain) {\n    return []\n  }\n  // a measured domain runs between node midpoints, which can fall on a half bp\n  const start = Math.round(domain.start)\n  const end = Math.round(domain.end)\n  const reference = model.graph ? referenceLabel(model.graph) : 'reference'\n  return [\n    {\n      key: 'ramp',\n      label: `position on ${reference}`,\n      swatch: { kind: 'fill', stops: RAMP_GRADIENT_STOPS, width: BAR_PX },\n      under: `${start.toLocaleString('en-US')}-${end.toLocaleString('en-US')} (${formatBp(end - start)})`,\n    },\n    ...(model.referenceRampDrawsOffReference\n      ? [fillRow('off', REFERENCE_RAMP_ALT_CSS, 'off the reference')]\n      : []),\n  ]\n}\n\n// The strip's own colours: a band per lifted walk in its lane's, else the\n// node scheme's, a few of its blocks in bp order rather than a rainbow it\n// does not draw\nfunction stripBands(model: GraphPaneModel): Stop[][] {\n  const lift = model.walkLift\n  if (lift) {\n    return lift.walks.map(w => encodingStops(w.encoding))\n  }\n  if (model.effectiveColorScheme === 'reference-position') {\n    return [RAMP_GRADIENT_STOPS]\n  }\n  const colors = model.referenceStripBlocks\n    .map(b => b.colors[0]!)\n    .filter((c, i, all) => c !== all[i - 1])\n  const n = Math.min(STRIP_SAMPLES, colors.length)\n  return [\n    n === 0\n      ? flat(LIFT_BACKDROP_CSS)\n      : Array.from({ length: n }, (_, i) => ({\n          offset: n > 1 ? i / (n - 1) : 0,\n          color:\n            colors[\n              n > 1 ? Math.round((i * (colors.length - 1)) / (n - 1)) : 0\n            ]!,\n        })),\n  ]\n}\n\nfunction stripRows(model: GraphPaneModel): LegendRow[] {\n  if (!model.referenceStripShown) {\n    return []\n  }\n  const rowPerWalk = (model.walkLift?.walks.length ?? 0) > 1\n  return [\n    {\n      key: 'strip',\n      label: `reference${rowPerWalk ? ', a row per walk' : ''}`,\n      swatch: { kind: 'bands', bands: stripBands(model) },\n    },\n    ...(model.referenceStripFaded\n      ? [\n          fillRow(\n            'strip-faded',\n            LIFT_BACKDROP_CSS,\n            model.walkLift\n              ? `reference not on ${rowPerWalk ? \"that row's walk\" : model.liftedWalksLabel}`\n              : 'reference outside the open bubble',\n          ),\n        ]\n      : []),\n    ...(model.referenceStripOverhangs\n      ? [\n          {\n            key: 'overhang',\n            label: 'graph runs past this edge',\n            swatch: { kind: 'overhang' } as const,\n          },\n        ]\n      : []),\n  ]\n}\n\n// One row per halo colour drawn, naming the kinds it stands for\nfunction haloRows(model: GraphPaneModel): LegendRow[] {\n  const kindsByColor = new Map<string, Set<string>>()\n  for (const h of model.bubbleHalos) {\n    if (!h.whole) {\n      const color = BUBBLE_KIND_COLORS[h.kind]\n      const kinds = kindsByColor.get(color) ?? new Set<string>()\n      kinds.add(BUBBLE_KIND_NAMES[h.kind])\n      kindsByColor.set(color, kinds)\n    }\n  }\n  return [...kindsByColor].map(([color, kinds]) => {\n    const names = [...kinds].join(' or ')\n    return {\n      key: `halo-${color}`,\n      label:\n        names === BUBBLE_KIND_NAMES.superbubble ? names : `${names} bubble`,\n      swatch: { kind: 'halo', color },\n    }\n  })\n}\n\nfunction deletionRows(model: GraphPaneModel): LegendRow[] {\n  const { graph } = model\n  return graph && dashedDeletions(model.deletions, model.walkLift).length > 0\n    ? [\n        {\n          key: 'deletion',\n          label: deletionKey(referenceLabel(graph)),\n          swatch: {\n            kind: 'line',\n            color: model.walkLift ? FADED_SWATCH : DELETION_INK,\n            dashed: true,\n          },\n        },\n      ]\n    : []\n}\n\nfunction thicknessRow(\n  key: string,\n  label: string,\n  px: number,\n  color: string,\n): LegendRow {\n  return {\n    key,\n    label,\n    swatch: { kind: 'fill', stops: flat(color), width: BAR_PX, height: px },\n  }\n}\n\nconst roundDepth = (depth: number) =>\n  depth >= 10 ? Math.round(depth) : Math.round(depth * 10) / 10\n\n// What a node's thickness counts, with bars as thick as the drawing makes\n// the thinnest, the mean and the thickest node\nfunction nodeWidthRows(model: GraphPaneModel): LegendRow[] {\n  const { graph, contigThickness: px, depthRange: range } = model\n  if (!graph || !model.drawsNodes || model.walkRowBars) {\n    return []\n  }\n  if (model.nodeWidth === 'frequency') {\n    const tagged = graph.nodes.some(n => n.frequency !== undefined)\n    return frequencyKey(px).map(({ label, widthPx }) =>\n      thicknessRow(\n        `width-${label}`,\n        tagged ? `AF ${label}` : `${label} of haplotypes`,\n        widthPx,\n        REFERENCE_RAMP_ALT_CSS,\n      ),\n    )\n  }\n  if (model.nodeWidth !== 'depth' || !range || range.min === range.max) {\n    return []\n  }\n  const walkCount = graph.paths?.length ?? 0\n  const walks = walkCount > 0\n  const depths = [\n    ...new Set(\n      [range.max, range.mean, range.min].map(walks ? Math.round : roundDepth),\n    ),\n  ]\n  // a walk looping through a repeat passes its nodes more than once, and\n  // each pass counts\n  const passes = depths[0]! > walkCount\n  const counted = (n: number) =>\n    passes\n      ? `${n.toLocaleString('en-US')} walk pass${n === 1 ? '' : 'es'}`\n      : `${n.toLocaleString('en-US')} walk${n === 1 ? '' : 's'}`\n  return depths.map(depth =>\n    thicknessRow(\n      `width-${depth}`,\n      walks ? counted(depth) : `depth ${depth.toLocaleString('en-US')}`,\n      nodeWidthPx({ depth } as GraphNode, px, 'depth', range.mean),\n      REFERENCE_RAMP_ALT_CSS,\n    ),\n  )\n}\n\nfunction linkWidthRows(model: GraphPaneModel): LegendRow[] {\n  const busiest = model.busiestLink\n  if (\n    !model.drawsNodes ||\n    model.walkRowBars ||\n    model.linkWidth !== 'walks' ||\n    busiest === 0\n  ) {\n    return []\n  }\n  const counts = busiest > 1 ? [busiest, 1] : [1]\n  return counts.map(n =>\n    thicknessRow(\n      `link-width-${n}`,\n      `${n.toLocaleString('en-US')} walk${n === 1 ? '' : 's'}`,\n      model.connectorThickness * edgeWidthFactor(n, busiest, 'walks'),\n      LINK_INK,\n    ),\n  )\n}\n\nfunction geneRows(model: GraphPaneModel): LegendRow[] {\n  return model.genePins.some(pin => pin.exonsByNode.length > 0)\n    ? [\n        {\n          key: 'exon',\n          label: 'exon',\n          swatch: {\n            kind: 'outline',\n            color: EXON_COLOR,\n            stroke: 2,\n            radius: 5,\n            height: 8,\n          },\n        },\n      ]\n    : []\n}\n\nfunction foldRows(model: GraphPaneModel): LegendRow[] {\n  const note = model.foldNote\n  return note ? [{ key: 'fold', label: note }] : []\n}\n\nfunction pathRows(model: GraphPaneModel): LegendRow[] {\n  return model.pathLegend.map(({ name, label, color }) => ({\n    key: `path-${name}`,\n    label,\n    swatch: { kind: 'line', color },\n  }))\n}\n\nfunction tubeRow(key: string, stops: Stop[], label: string): LegendRow {\n  return {\n    key,\n    label,\n    swatch: { kind: 'fill', stops, height: TUBE_SWATCH_PX, square: true },\n  }\n}\n\n// What a tube map draws that nothing else on screen explains, each listed\n// only while it applies\nexport function tubeMapRows(model: GraphPaneModel): LegendRow[] {\n  const {\n    roles,\n    haplotypeTube,\n    bundled,\n    values,\n    logWidths,\n    foldBp,\n    forwardReads,\n    reverseReads,\n    substitution,\n    insertion,\n    deletion,\n  } = model.tubeMapKeys\n  const reads = model.readsShown\n  const rows: LegendRow[] = []\n  if (values) {\n    rows.push(\n      tubeRow('value-reference', flat(PANEL_REFERENCE_TUBE), 'reference'),\n    )\n    for (const { value, color } of values) {\n      rows.push(tubeRow(`value-${value}`, flat(color), value))\n    }\n  }\n  if (roles) {\n    rows.push(\n      tubeRow('ref', flat(PANEL_REFERENCE_TUBE), 'reference'),\n      tubeRow(\n        'hap',\n        flat(haplotypeTube),\n        bundled ? 'shared route, \u00D7n haplotypes' : 'haplotype',\n      ),\n    )\n  }\n  if (forwardReads) {\n    rows.push(\n      tubeRow(\n        'fwd',\n        bandStops(FORWARD_READ_COLORS),\n        'read on the forward strand',\n      ),\n    )\n  }\n  if (reverseReads) {\n    rows.push(\n      tubeRow(\n        'rev',\n        bandStops(REVERSE_READ_COLORS),\n        'read on the reverse strand',\n      ),\n    )\n  }\n  if (reads && reads.shown < reads.total) {\n    rows.push({\n      key: 'sampled',\n      label: `${reads.shown.toLocaleString('en-US')} of ${reads.total.toLocaleString('en-US')} reads shown`,\n      swatch: { kind: 'blank' },\n    })\n  }\n  if (substitution) {\n    rows.push({\n      key: 'sub',\n      label: 'read mismatch',\n      swatch: { kind: 'glyph', char: 'A' },\n    })\n  }\n  if (insertion) {\n    rows.push({\n      key: 'ins',\n      label: 'read insertion',\n      swatch: { kind: 'glyph', char: '*' },\n    })\n  }\n  if (deletion) {\n    rows.push(tubeRow('del', flat('grey'), 'read deletion'))\n  }\n  if (foldBp !== undefined) {\n    rows.push({\n      key: 'tube-fold',\n      label: `haplotype variant < ${formatBp(foldBp)}`,\n      swatch: {\n        kind: 'tick',\n        color: deviationInk(),\n        height: TUBE_SWATCH_PX,\n        backing: FOLD_TICK_BACKING,\n      },\n    })\n  }\n  if (logWidths) {\n    rows.push({\n      key: 'log',\n      label: 'width grows with log of length',\n      swatch: { kind: 'bracket' },\n    })\n  }\n  return rows\n}\n\nexport function walkRowSwatch(swatch: KeySwatch): LegendSwatch {\n  return swatch.kind === 'gene'\n    ? {\n        kind: 'outline',\n        color: GENE_INK,\n        stroke: 1.5,\n        radius: 0,\n        height: WALK_ROW_SWATCH_PX,\n      }\n    : {\n        kind: 'fill',\n        stops:\n          swatch.kind === 'bar' && swatch.ramp\n            ? RAMP_GRADIENT_STOPS\n            : flat(swatch.fill),\n        height: swatch.kind === 'gap' ? swatch.px : WALK_ROW_SWATCH_PX,\n      }\n}\n\n// The shared blocks the rows draw: each coloured one by its letter, then one\n// row for the grey rest\nfunction blockRows(model: GraphPaneModel): LegendRow[] {\n  const present = new Set(model.sharedBlocks?.map(b => b.block))\n  const swatch = (block: number) => ({\n    kind: 'fill' as const,\n    stops: flat(blockFill(block)),\n    height: WALK_ROW_SWATCH_PX,\n  })\n  return [\n    ...[...present]\n      .filter(block => block < COLORED_BLOCKS)\n      .sort((a, b) => a - b)\n      .map(block => ({\n        key: `block-${block}`,\n        label: `${blockLetter(block)}: off the reference, walked by several rows`,\n        swatch: swatch(block),\n      })),\n    ...([...present].some(block => block >= COLORED_BLOCKS)\n      ? [\n          {\n            key: 'block-more',\n            label: 'more shared blocks',\n            swatch: swatch(COLORED_BLOCKS),\n          },\n        ]\n      : []),\n  ]\n}\n\n// The walk rows' bar colours, genes and ticks; each tick row appears once\n// the rows hold one, so a catalogue with no genotypes keeps the plain key\nfunction walkRowsRows(model: GraphPaneModel): LegendRow[] {\n  const bars = model.walkRowBars\n  if (!bars) {\n    return []\n  }\n  const calls = [bars.reference, ...bars.rows].flatMap(row => row.call ?? [])\n  const tick = (key: string, color: string, label: string): LegendRow => ({\n    key,\n    label,\n    swatch: { kind: 'tick', color, height: WALK_ROW_SWATCH_PX },\n  })\n  return [\n    ...walkRowsKey(bars, {\n      ramp: model.referenceRampDomain,\n      genes: model.walkRowGeneKey,\n      annotation: model.walkRowAnnotation,\n    }).map(entry => ({\n      key: `rows-${entry.label}`,\n      label: entry.label,\n      swatch: entry.note ? undefined : walkRowSwatch(entry.swatch),\n    })),\n    ...blockRows(model),\n    ...(calls.some(call => call.spanningReads !== 0)\n      ? [tick('call', CALL_TICK, 'allele length called for this walk')]\n      : []),\n    ...(calls.some(call => call.spanningReads === 0)\n      ? [tick('unbacked', UNBACKED_TICK, 'called with no read spanning it')]\n      : []),\n    ...(calls.some(call => call.agrees === false)\n      ? [\n          tick(\n            'disagrees',\n            DISAGREES,\n            `walk and call over ${Math.round(CALL_TOLERANCE * 100)}% apart`,\n          ),\n        ]\n      : []),\n  ]\n}\n\n// One lifted walk's key: a swatch, or a short bar of the scale its lane\n// shades by, then its name, with the scale's stretch under it\nexport function walkKeyRow(model: GraphPaneModel, walk: LiftedWalk): LegendRow {\n  const key = walkKey(walk, model.walkReference)\n  return {\n    key: `walk-${walk.name}`,\n    strong: model.walkLabel(walk.name),\n    label: key.delta + key.gaps + key.reversed,\n    swatch: {\n      kind: 'fill',\n      stops: encodingStops(walk.encoding),\n      width: key.shades ? BAR_PX : SWATCH_PX,\n    },\n    under: key.scale,\n    title: key.hover,\n    walk,\n  }\n}\n\n// The off-reference colour, where the lift paints it, and the faded rest.\n// rampRows draws no key while walks are lifted, so these rows name both.\nfunction fadedRows(model: GraphPaneModel, faded: string): LegendRow[] {\n  return [\n    ...(model.liftPaintsOffReference\n      ? [fillRow('lift-off', REFERENCE_RAMP_ALT_CSS, 'off the reference')]\n      : []),\n    fillRow('faded', FADED_SWATCH, faded),\n  ]\n}\n\n// Each lifted walk's key, then what the faded rest is\nfunction walkReadoutRows(model: GraphPaneModel): LegendRow[] {\n  const lift = model.walkLift\n  if (!lift || model.facetPanels) {\n    return []\n  }\n  const rows = lift.walks.map(w => walkKeyRow(model, w))\n  const faded = model.graph\n    ? fadedKey(model.graph, lift, model.liftedWalksLabel)\n    : `not on ${model.liftedWalksLabel}`\n  return [...rows, ...fadedRows(model, faded)]\n}\n\n// The faceted pane's one key line under its panels: each panel's title keys\n// its walk, so this keys only what every panel greys\nexport function facetKeyRows(model: GraphPaneModel): LegendRow[] {\n  const { graph, facetPanels } = model\n  if (!graph || !facetPanels) {\n    return []\n  }\n  const keys = new Set(\n    facetPanels.map(panel => fadedKey(graph, panel, \"the panel's walk\")),\n  )\n  return [\n    ...fadedRows(\n      model,\n      keys.size === 1 ? [...keys][0]! : \"not on the panel's walk\",\n    ),\n    ...deletionRows(model),\n  ]\n}\n\n// The keys in the order the panel stacks them, top first, each under its\n// group's heading once the key holds more than one group\nexport function legendSections(model: GraphPaneModel): LegendSection[] {\n  const sections: LegendSection[] = [\n    { testid: 'graph-open-bubble-legend', rows: openBubbleRows(model) },\n    { testid: 'graph-ramp-legend', rows: rampRows(model), group: 'Color' },\n    {\n      testid: 'graph-walk-readout',\n      rows: walkReadoutRows(model),\n      group: 'Walks',\n    },\n    {\n      testid: 'graph-width-legend',\n      rows: nodeWidthRows(model),\n      group: 'Node thickness',\n    },\n    {\n      testid: 'graph-link-width-legend',\n      rows: linkWidthRows(model),\n      group: 'Link thickness',\n    },\n    { testid: 'graph-halo-legend', rows: haloRows(model), group: 'Marks' },\n    {\n      testid: 'graph-deletion-legend',\n      rows: deletionRows(model),\n      group: 'Marks',\n    },\n    { testid: 'graph-gene-legend', rows: geneRows(model), group: 'Marks' },\n    { testid: 'graph-path-legend', rows: pathRows(model), group: 'Paths' },\n    {\n      testid: 'graph-tube-map-legend',\n      rows: tubeMapRows(model),\n      group: 'Tube map',\n    },\n    {\n      testid: 'graph-walk-rows-legend',\n      rows: walkRowsRows(model),\n      group: 'Walk rows',\n    },\n    {\n      testid: 'graph-reference-strip-legend',\n      rows: stripRows(model),\n      group: 'Top strip',\n    },\n    { testid: 'graph-fold-legend', rows: foldRows(model) },\n  ].filter(section => section.rows.length > 0)\n  const groups = new Set(sections.flatMap(section => section.group ?? []))\n  if (groups.size < 2) {\n    return sections\n  }\n  const headed = new Set<string>()\n  return sections.map((section, i) => {\n    const { group } = section\n    if (!group) {\n      return i === 0 ? section : { ...section, spaced: true as const }\n    }\n    if (headed.has(group)) {\n      return section\n    }\n    headed.add(group)\n    return { ...section, heading: group }\n  })\n}\n", "import { createElement, useId } from 'react'\nimport type { ReactNode } from 'react'\n\nimport type { El } from '@jbrowse/bandage-core/el'\n\n// SVG's attribute names as React's props: `class` is className, `data-` and\n// `aria-` keep their dashes, the rest are camel-cased (`stroke-width` is\n// strokeWidth)\nfunction propName(name: string) {\n  return name === 'class'\n    ? 'className'\n    : /^(data|aria)-/.test(name)\n      ? name\n      : name.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n}\n\nfunction toReact(node: El | string, key: number): ReactNode {\n  if (typeof node === 'string') {\n    return node\n  }\n  const props: Record<string, unknown> = { key }\n  for (const [name, value] of Object.entries(node.attrs)) {\n    if (value !== undefined) {\n      props[propName(name)] = value\n    }\n  }\n  return createElement(node.tag, props, node.children.map(toReact))\n}\n\n// A useId fit for an SVG id and for url(#\u2026)\nexport function useSvgId() {\n  return useId().replaceAll(/[^\\w-]/g, '')\n}\n\n// A core element tree as React elements\nexport default function ElTree({ el }: { el: El }) {\n  return toReact(el, 0)\n}\n", "import { rulerInk } from '@jbrowse/bandage-core/tubeMap/axis'\n\nimport { useSvgId } from './ElTree'\nimport { SWATCH_PX, bandPx, swatchHeight, swatchWidth } from '../legendSections'\n\nimport type { LegendSwatch, Stop } from '../legendSections'\n\nconst EDGE_INK = 'rgba(0, 0, 0, 0.28)'\n\nfunction Gradient({\n  id,\n  x,\n  y,\n  stops,\n  width,\n  height,\n  square,\n  edged,\n}: {\n  id: string\n  x: number\n  y: number\n  stops: readonly Stop[]\n  width: number\n  height: number\n  square?: boolean\n  edged?: boolean\n}) {\n  // an edge's stroke sits half inside, so the chip keeps its size\n  const inset = edged ? 0.5 : 0\n  const rect = (fill: string) => (\n    <rect\n      x={x + inset}\n      y={y + inset}\n      width={width - inset * 2}\n      height={height - inset * 2}\n      rx={square ? 0 : 2}\n      fill={fill}\n      stroke={edged ? EDGE_INK : undefined}\n    />\n  )\n  return stops.length > 1 ? (\n    <>\n      <defs>\n        <linearGradient id={id}>\n          {stops.map((s, i) => (\n            <stop key={i} offset={s.offset} stopColor={s.color} />\n          ))}\n        </linearGradient>\n      </defs>\n      {rect(`url(#${id})`)}\n    </>\n  ) : (\n    rect(stops[0]!.color)\n  )\n}\n\n// A row's swatch with its left edge at x, centred on the row's text 5 px\n// above the baseline\nexport function SvgSwatch({\n  swatch,\n  x,\n  id,\n}: {\n  swatch: LegendSwatch\n  x: number\n  id: string\n}) {\n  const mid = -5\n  switch (swatch.kind) {\n    case 'fill': {\n      const height = swatchHeight(swatch)\n      return (\n        <Gradient\n          id={id}\n          x={x}\n          y={mid - height / 2}\n          stops={swatch.stops}\n          width={swatchWidth(swatch)}\n          height={height}\n          square={swatch.square}\n          edged={swatch.edged}\n        />\n      )\n    }\n    case 'bands': {\n      const band = bandPx(swatch.bands)\n      const top = mid - swatchHeight(swatch) / 2\n      return (\n        <>\n          {swatch.bands.map((stops, i) => (\n            <Gradient\n              key={i}\n              id={`${id}-${i}`}\n              x={x}\n              y={top + i * band}\n              stops={stops}\n              width={SWATCH_PX}\n              height={band}\n              square\n            />\n          ))}\n        </>\n      )\n    }\n    case 'line':\n      return swatch.dashed ? (\n        <line\n          x1={x + 1}\n          x2={x + SWATCH_PX}\n          y1={mid}\n          y2={mid}\n          stroke={swatch.color}\n          strokeWidth={3}\n          strokeDasharray=\"4 3\"\n        />\n      ) : (\n        <rect\n          x={x}\n          y={mid - 1.5}\n          width={SWATCH_PX}\n          height={3}\n          rx={2}\n          fill={swatch.color}\n        />\n      )\n    case 'halo':\n      return (\n        <line\n          x1={x + 5}\n          x2={x + 13}\n          y1={mid}\n          y2={mid}\n          stroke={swatch.color}\n          strokeOpacity={0.35}\n          strokeWidth={8}\n          strokeLinecap=\"round\"\n        />\n      )\n    case 'outline': {\n      const inset = swatch.stroke / 2\n      return (\n        <rect\n          x={x + inset}\n          y={mid - swatch.height / 2 + inset}\n          width={SWATCH_PX - swatch.stroke}\n          height={swatch.height - swatch.stroke}\n          rx={Math.max(0, swatch.radius - inset)}\n          fill=\"none\"\n          stroke={swatch.color}\n          strokeWidth={swatch.stroke}\n        />\n      )\n    }\n    case 'overhang':\n      return (\n        <path\n          transform={`translate(${x} ${mid - 5})`}\n          d=\"M0,5 L8,0 L8,10 Z M18,5 L10,0 L10,10 Z\"\n          fill=\"#18181c\"\n        />\n      )\n    case 'glyph':\n      return (\n        <text\n          x={x + SWATCH_PX / 2}\n          y={mid + 4}\n          textAnchor=\"middle\"\n          fontFamily=\"monospace\"\n          fontSize={12}\n          fill=\"currentColor\"\n        >\n          {swatch.char}\n        </text>\n      )\n    case 'tick': {\n      const y = mid - swatch.height / 2\n      return (\n        <>\n          {swatch.backing ? (\n            <rect\n              x={x}\n              y={y}\n              width={SWATCH_PX}\n              height={swatch.height}\n              fill={swatch.backing}\n            />\n          ) : null}\n          <rect\n            x={x + SWATCH_PX / 2 - 1}\n            y={y}\n            width={2}\n            height={swatch.height}\n            fill={swatch.color}\n          />\n        </>\n      )\n    }\n    case 'bracket':\n      return (\n        <path\n          transform={`translate(${x} ${mid - 3.5})`}\n          d={`M0.5,6 V1.5 H5.5 V6 M8.5,6 V1.5 H${SWATCH_PX - 0.5} V6`}\n          fill=\"none\"\n          stroke={rulerInk()}\n        />\n      )\n    case 'blank':\n      return null\n  }\n}\n\n// The same swatch on screen, in a box as tall as the swatch so the row\n// centres it on its words\nexport function LegendSwatchView({ swatch }: { swatch: LegendSwatch }) {\n  const id = useSvgId()\n  const height = swatchHeight(swatch)\n  return (\n    <svg\n      width={swatchWidth(swatch)}\n      height={height}\n      overflow=\"visible\"\n      style={{ flex: 'none' }}\n    >\n      <g transform={`translate(0 ${height / 2 + 5})`}>\n        <SvgSwatch swatch={swatch} x={0} id={id} />\n      </g>\n    </svg>\n  )\n}\n", "// A key's section of the legend panel, and one row in it: a swatch beside its\n// words\nexport const legendBoxStyle = {\n  background: '#fff',\n  padding: '3px 6px',\n  fontSize: 11,\n  lineHeight: '15px',\n  whiteSpace: 'nowrap' as const,\n}\n\nexport const legendRowStyle = { display: 'flex', alignItems: 'center', gap: 5 }\n\n// A line with no swatch, such as what the drawing folded away\nexport const legendNoteStyle = { color: '#666' }\n\nexport const HEADING_INK = '#6b7479'\nexport const HEADING_GAP_PX = 4\n\n// A group's name over its rows, set apart by a gap unless it opens the key\nexport const legendHeadingStyle = {\n  color: HEADING_INK,\n  fontSize: 9.5,\n  fontWeight: 600,\n  letterSpacing: '0.06em',\n  textTransform: 'uppercase' as const,\n}\n", "import { useMemo } from 'react'\n\nimport {\n  exonOutlineTree,\n  exonStretches,\n} from '@jbrowse/bandage-core/genes/exonOutline'\nimport { computed } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport ElTree, { useSvgId } from './ElTree'\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// The session's genes drawn onto the graph: each exon outlined round its\n// stretch of node, as core's exonOutlineTree draws it for every host, moved by\n// the same transform the halos use. Their names are LabelLayer's.\n\nconst GenePins = observer(function GenePins({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const id = `exon-outline-${useSvgId()}`\n  // in layout units, so a pan frame reuses them and only moves the transform\n  const stretches = useMemo(\n    () =>\n      computed(() => {\n        const { genePins, walkLift } = model\n        // an open bubble rings only its own exons\n        const focus = walkLift ? undefined : model.openBubbleFocus\n        const pins = focus\n          ? genePins.map(pin => ({\n              ...pin,\n              exonsByNode: pin.exonsByNode.filter(e =>\n                focus.nodeIds.has(e.nodeId),\n              ),\n            }))\n          : genePins\n        return exonStretches(pins, model.nodeInk.halfWidthPx, walkLift)\n      }),\n    [model],\n  )\n  const { scaleX, scaleY, translateX, translateY, paneWidth, canvasHeight } =\n    model\n  const tree = exonOutlineTree(stretches.get(), {\n    id,\n    width: paneWidth,\n    height: canvasHeight,\n    transform: `translate(${translateX} ${translateY}) scale(${scaleX} ${scaleY})`,\n  })\n  return tree ? (\n    <PaneSvgLayer model={model} zIndex={2} testId=\"graph-gene-pins\">\n      <ElTree el={tree} />\n    </PaneSvgLayer>\n  ) : null\n})\n\nexport default GenePins\n", "import { LABEL_PAD, LABEL_PX } from '@jbrowse/bandage-core/overlayLabels'\n\n// A chip's box, its text's baseline at y and centred on x\nfunction chipBox(x: number, y: number, w: number) {\n  return {\n    x: x - w / 2,\n    y: y - LABEL_PX - LABEL_PAD + 2,\n    width: w,\n    height: LABEL_PX + LABEL_PAD * 2 - 2,\n  }\n}\n\nexport function inChip(\n  chip: { x: number; y: number; w: number },\n  px: number,\n  py: number,\n) {\n  const box = chipBox(chip.x, chip.y, chip.w)\n  return (\n    px >= box.x &&\n    px <= box.x + box.width &&\n    py >= box.y &&\n    py <= box.y + box.height\n  )\n}\n\n// One label on an overlay: a white chip with a coloured edge and text. A note\n// follows the text in plain type. A chip takes the pointer only with a\n// handler, so its title shows only then.\nexport default function LabelChip({\n  x,\n  y,\n  w,\n  text,\n  note,\n  color,\n  edge = color,\n  italic,\n  dimmed,\n  title,\n  testId,\n  onClick,\n  onHover,\n}: {\n  x: number\n  y: number\n  w: number\n  text: string\n  note?: string\n  color: string\n  edge?: string\n  italic?: boolean\n  dimmed?: boolean\n  title?: string\n  testId?: string\n  onClick?: () => void\n  onHover?: (hovered: boolean) => void\n}) {\n  return (\n    <g\n      style={{\n        pointerEvents: onClick || onHover ? 'auto' : 'none',\n        cursor: onClick ? 'pointer' : undefined,\n        opacity: dimmed ? 0.35 : 1,\n      }}\n      data-testid={testId}\n      onClick={onClick}\n      onMouseEnter={() => {\n        onHover?.(true)\n      }}\n      onMouseLeave={() => {\n        onHover?.(false)\n      }}\n      // a clickable chip is a button to the keyboard too\n      {...(onClick && {\n        role: 'button',\n        tabIndex: 0,\n        'aria-label': (title ?? text).replaceAll('\\n', ', '),\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            onClick()\n          }\n        },\n        onFocus: () => {\n          onHover?.(true)\n        },\n        onBlur: () => {\n          onHover?.(false)\n        },\n      })}\n    >\n      {title ? <title>{title}</title> : null}\n      <rect\n        {...chipBox(x, y, w)}\n        rx={3}\n        fill=\"rgba(255,255,255,0.85)\"\n        stroke={edge}\n        strokeWidth={1}\n      />\n      <text\n        x={x}\n        y={y}\n        fontSize={LABEL_PX}\n        fontFamily=\"sans-serif\"\n        fontStyle={italic ? 'italic' : undefined}\n        fontWeight={italic ? 600 : undefined}\n        fill={color}\n        textAnchor=\"middle\"\n      >\n        {text}\n        {note ? (\n          <tspan fontStyle=\"normal\" fontWeight=\"normal\">\n            {note}\n          </tspan>\n        ) : null}\n      </text>\n    </g>\n  )\n}\n", "import { bubbleKey, sameBubble } from '@jbrowse/bandage-core/bubbles/bubbleLine'\nimport { BUBBLE_KIND_COLORS } from '@jbrowse/bandage-core/bubbles/classifyBubble'\nimport { EXON_COLOR } from '@jbrowse/bandage-core/genes/exonOutline'\nimport { geneCoverageNote, geneLeader } from '@jbrowse/bandage-core/labelLayout'\nimport { labelWidth } from '@jbrowse/bandage-core/overlayLabels'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\nimport { observer } from 'mobx-react'\n\nimport LabelChip, { inChip } from './LabelChip'\nimport { PaneSvgLayer } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\nimport type { BubbleHalo } from '@jbrowse/bandage-core/bubbles/bubbleHalos'\nimport type { LabelLayout } from '@jbrowse/bandage-core/labelLayout'\n\n// Every chip drawn over the graph, above all of its ink: bubble names and gene\n// names on their pins. `overlayLabels` has placed\n// them against each other and against the row labels already.\n\nconst GENE_INK = '#1c1c22'\nconst TICK_PX = 9\nconst TICK_WIDTH = 3\n\n// What the gene chip under a point reads out, for the hover tooltip: those\n// chips leave the pointer to the canvas, so a drag can start on one\nexport function chipReadoutAt(\n  { genes }: Pick<LabelLayout, 'genes'>,\n  px: number,\n  py: number,\n) {\n  const pin = genes.find(chip => inChip(chip, px, py))?.item\n  if (!pin) {\n    return undefined\n  }\n  const { gene } = pin\n  const note = geneCoverageNote(pin)\n  return {\n    label: gene.name,\n    readout: `${gene.refName}:${gene.start.toLocaleString()}-${gene.end.toLocaleString()}${note ? `, ${note} in the cut` : ''}`,\n  }\n}\n\nconst LabelLayer = observer(function LabelLayer({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const { bubbles, genes, ticks } = model.overlayLabels\n  if (bubbles.length + genes.length + ticks.length === 0) {\n    return null\n  }\n  const { scaleY, translateY, contigThickness, hoveredBubble } = model\n  const hoveredTick = hoveredBubble\n    ? ticks.find(t => sameBubble(t.item.bubble, hoveredBubble))\n    : undefined\n  const tickAt = (target: EventTarget) =>\n    ticks[Number((target as Element).getAttribute('data-tick'))]\n  const dimmedBubble = (h: BubbleHalo) => model.bubbleFaded(h)\n  const isOpen = (h: BubbleHalo) => model.bubbleIsOpen(h.bubble)\n\n  return (\n    <PaneSvgLayer\n      model={model}\n      zIndex={3}\n      testId=\"graph-label-layer\"\n      pansWithDrawing\n    >\n      <g\n        data-testid=\"graph-bubble-ticks\"\n        onClick={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.toggleBubble(tick.item.bubble)\n          }\n        }}\n        onMouseOver={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.setHoveredBubble(tick.item.bubble)\n          }\n        }}\n        // a leave also fires as the view closing it unmounts the tick\n        onMouseOut={() => {\n          if (isAlive(model)) {\n            model.setHoveredBubble(null)\n          }\n        }}\n        onFocus={e => {\n          const tick = tickAt(e.target)\n          if (tick) {\n            model.setHoveredBubble(tick.item.bubble)\n          }\n        }}\n        onBlur={() => {\n          if (isAlive(model)) {\n            model.setHoveredBubble(null)\n          }\n        }}\n        onKeyDown={e => {\n          const tick = tickAt(e.target)\n          if (tick && (e.key === 'Enter' || e.key === ' ')) {\n            e.preventDefault()\n            model.toggleBubble(tick.item.bubble)\n          }\n        }}\n      >\n        {ticks.map(({ item: h, x, y }, i) => (\n          <rect\n            key={bubbleKey(h.bubble)}\n            data-tick={i}\n            role=\"button\"\n            tabIndex={0}\n            aria-label={`${h.label}, ${isOpen(h) ? 'close' : 'open'} bubble`}\n            x={x - TICK_WIDTH / 2}\n            y={y - TICK_PX}\n            width={TICK_WIDTH}\n            height={TICK_PX}\n            rx={TICK_WIDTH / 2}\n            fill={BUBBLE_KIND_COLORS[h.kind]}\n            opacity={dimmedBubble(h) ? 0.35 : 1}\n            style={{ pointerEvents: 'all', cursor: 'pointer' }}\n          />\n        ))}\n      </g>\n      {genes.map(({ item: pin, x, y, w, text }) => {\n        const { gene } = pin\n        const { y1, y2 } = geneLeader(\n          { y },\n          pin.at.y * scaleY + translateY,\n          contigThickness,\n        )\n        return (\n          <g key={`${gene.name}-${gene.start}`}>\n            <line\n              x1={x}\n              x2={x}\n              y1={y1}\n              y2={y2}\n              stroke={GENE_INK}\n              strokeWidth={0.8}\n              strokeOpacity={0.6}\n            />\n            <LabelChip\n              x={x}\n              y={y}\n              w={w}\n              text={gene.name}\n              note={text.slice(gene.name.length) || undefined}\n              color={GENE_INK}\n              edge={EXON_COLOR}\n              italic\n              testId=\"graph-gene-pin-label\"\n            />\n          </g>\n        )\n      })}\n      {bubbles.map(({ item: h, x, y, w, text }) => (\n        <LabelChip\n          key={bubbleKey(h.bubble)}\n          x={x}\n          y={y}\n          w={w}\n          text={text}\n          color={BUBBLE_KIND_COLORS[h.kind]}\n          dimmed={dimmedBubble(h)}\n          title={`${h.label}\\n${h.bubble.segmentCount} segments${h.bubble.covering ? '' : isOpen(h) ? ' \u00B7 click to close' : ' \u00B7 click to open'}`}\n          testId=\"graph-bubble-halo-label\"\n          // the bubble the drawing is would open into this same drawing\n          onClick={\n            h.bubble.covering\n              ? undefined\n              : () => {\n                  model.toggleBubble(h.bubble)\n                }\n          }\n          // a leave also fires as the view closing it unmounts the chip\n          onHover={hovered => {\n            if (isAlive(model)) {\n              model.setHoveredBubble(hovered ? h.bubble : null)\n            }\n          }}\n        />\n      ))}\n      {hoveredTick ? (\n        <LabelChip\n          x={hoveredTick.x}\n          y={hoveredTick.y - TICK_PX - 4}\n          w={labelWidth(hoveredTick.item.label)}\n          text={hoveredTick.item.label}\n          color={BUBBLE_KIND_COLORS[hoveredTick.item.kind]}\n          testId=\"graph-bubble-tick-label\"\n        />\n      ) : null}\n    </PaneSvgLayer>\n  )\n})\n\nexport default LabelLayer\n", "import { useCallback } from 'react'\n\nimport { drawReferenceStrip } from '@jbrowse/bandage-core/referenceStrip'\nimport { observer } from 'mobx-react'\n\nimport { PaneOverlayCanvas } from './PaneLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// Each reference segment at its bp in the linear view, onto the pane's\n// canvas or the linear view's SVG export\nexport function paintReferenceStrip(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  {\n    lit,\n    dpr,\n  }: { lit: GraphPaneModel['referenceStripLit'] | undefined; dpr: number },\n) {\n  const frame = model.hostBpFrame\n  if (frame) {\n    drawReferenceStrip(ctx, model.referenceStripBlocks, frame, {\n      width: model.paneWidth,\n      lit,\n      dpr,\n    })\n  }\n}\n\n// Each reference segment at its bp in the linear view, over a drawing that\n// has no bp axis of its own. Repainted by an autorun, so a pan in the linear\n// view moves the strip in the same frame as its other tracks.\nconst ReferenceStripOverlay = observer(function ReferenceStripOverlay({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D, dpr: number) => {\n      paintReferenceStrip(ctx, model, { lit: model.referenceStripLit, dpr })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={5}\n      shown={model.referenceStripShown}\n      testId=\"graph-reference-strip\"\n      paint={paint}\n    />\n  )\n})\n\nexport default ReferenceStripOverlay\n", "import { useCallback } from 'react'\n\nimport { drawTubeMapRuler } from '@jbrowse/bandage-core/tubeMap/axis'\nimport { drawTubeMapConnectors } from '@jbrowse/bandage-core/tubeMap/connectors'\nimport { drawDeviationMarks } from '@jbrowse/bandage-core/tubeMap/deviations'\nimport { drawTubeMap } from '@jbrowse/bandage-core/tubeMap/draw'\nimport { drawTubeMapGenes } from '@jbrowse/bandage-core/tubeMap/genes'\nimport { observer } from 'mobx-react'\n\nimport { PaneOverlayCanvas } from './PaneLayer'\nimport {\n  PANEL_TITLE_FONT,\n  drawBundleCounts,\n  drawSqueezedLengths,\n} from '../tubeMapPanels'\n\n// variants folded into a box mark texture under a panel's routes\nconst PANEL_TICK_ALPHA = 0.45\n\nimport type { GraphPaneModel } from '../model'\n\n// The tubes, their connectors, genes and ruler, onto a canvas sized to the\n// pane or onto the linear view's SVG export\nexport function paintTubeMap(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  { highlightNode }: { highlightNode: string | null },\n) {\n  const picture = model.tubeMapPicture\n  const frame = model.tubeMapFrame\n  if (!picture || !frame) {\n    return\n  }\n  const width = model.paneWidth\n  const panels = model.tubeMapPanelViews\n  if (panels) {\n    paintPanels(ctx, model, panels, highlightNode)\n    return\n  }\n  const tubeFrame = {\n    ...frame,\n    width,\n    highlightNode,\n    tubeColors: model.tubeMapTubeColors,\n    nodeColors: model.tubeMapNodeColors,\n  }\n  drawTubeMap(ctx, picture, tubeFrame)\n  const drawn = model.layoutResult?.tubeMap\n  if (drawn) {\n    drawBundleCounts(ctx, picture, drawn.graph, tubeFrame)\n    drawSqueezedLengths(ctx, drawn, tubeFrame)\n  }\n  drawDeviationMarks(ctx, model.tubeMapDeviations, tubeFrame)\n  drawTubeMapConnectors(\n    ctx,\n    model.tubeMapConnectors,\n    model.connectorZoneBottom,\n    tubeFrame,\n  )\n  const { bounds } = picture\n  drawTubeMapGenes(ctx, model.tubeMapGenes, tubeFrame, frame.y(bounds.minY) - 2)\n  const boxes = model.tubeMapRulerBoxes\n  if (boxes) {\n    drawTubeMapRuler(\n      ctx,\n      boxes,\n      tubeFrame,\n      frame.y(bounds.maxY) + 4,\n      model.layoutResult?.referenceAxis,\n    )\n  }\n}\n\n// Each panel of a split tube map under a rule and its title, which the canvas\n// draws so a figure's SVG carries them\nfunction paintPanels(\n  ctx: CanvasRenderingContext2D,\n  model: GraphPaneModel,\n  panels: NonNullable<GraphPaneModel['tubeMapPanelViews']>,\n  highlightNode: string | null,\n) {\n  const width = model.paneWidth\n  for (const p of panels) {\n    if (p.bottom < 0 || p.titleTop > model.canvasHeight) {\n      continue\n    }\n    const tubeFrame = {\n      ...p.frame,\n      width,\n      highlightNode,\n      tubeColors: p.tubeColors,\n      nodeColors: p.nodeColors,\n    }\n    drawTubeMap(ctx, p.picture, tubeFrame)\n    drawBundleCounts(ctx, p.picture, p.panel.result.tubeMap.graph, tubeFrame)\n    drawSqueezedLengths(ctx, p.panel.result.tubeMap, tubeFrame)\n    ctx.globalAlpha = PANEL_TICK_ALPHA\n    drawDeviationMarks(ctx, p.deviations, tubeFrame)\n    ctx.globalAlpha = 1\n    ctx.strokeStyle = 'rgba(0,0,0,0.15)'\n    ctx.lineWidth = 1\n    ctx.beginPath()\n    ctx.moveTo(0, Math.round(p.titleTop) + 0.5)\n    ctx.lineTo(width, Math.round(p.titleTop) + 0.5)\n    ctx.stroke()\n    ctx.font = PANEL_TITLE_FONT\n    ctx.textAlign = 'left'\n    ctx.textBaseline = 'top'\n    ctx.fillStyle = 'rgba(0,0,0,0.85)'\n    ctx.fillText(p.label, 6, p.titleTop + 4)\n  }\n  const last = panels.at(-1)\n  const boxes = model.tubeMapPanelRulerBoxes\n  if (last && boxes) {\n    drawTubeMapRuler(\n      ctx,\n      boxes,\n      { ...last.frame, width },\n      last.bottom + 4,\n      true,\n    )\n  }\n}\n\n// The tube map's ink, over the canvas, which draws nothing under a tube map\n// layout. Above the tubes go the session's genes in a view of its own, or in\n// a linear view the bands tying each reference box to its bp there; under\n// them a reference ruler, unless the linear view's is already the axis.\n// Repainted by an autorun on every change of transform, so a pan in the linear\n// view above moves the tubes in the same frame as its other tracks.\nconst TubeMapOverlay = observer(function TubeMapOverlay({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      paintTubeMap(ctx, model, { highlightNode: model.selectedNode })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={1}\n      shown={!!model.tubeMapPicture}\n      testId=\"graph-tube-map\"\n      paint={paint}\n    />\n  )\n})\n\nexport default TubeMapOverlay\n", "const host = JBrowseExports[\"@jbrowse/render-core/marks\"]\nconst read = name =>\n  host != null && name in Object(host)\n    ? host[name]\n    : Object.assign(\n        function () {\n          throw new Error(\n            \"This JBrowse does not provide '\" + name + \"' from '\" + \"@jbrowse/render-core/marks\" + \"' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse\",\n          )\n        },\n        { jbrowseHostMissing: name },\n      )\nexport const BandPen = /* @__PURE__ */ read(\"BandPen\")\nexport const CONNECTOR_ARROW = /* @__PURE__ */ read(\"CONNECTOR_ARROW\")\nexport const CONNECTOR_BOW = /* @__PURE__ */ read(\"CONNECTOR_BOW\")\nexport const CONNECTOR_DASHED = /* @__PURE__ */ read(\"CONNECTOR_DASHED\")\nexport const CONNECTOR_LEADING_2 = /* @__PURE__ */ read(\"CONNECTOR_LEADING_2\")\nexport const CONNECTOR_MAX_REACH_PX = /* @__PURE__ */ read(\"CONNECTOR_MAX_REACH_PX\")\nexport const CONNECTOR_MINUS_1 = /* @__PURE__ */ read(\"CONNECTOR_MINUS_1\")\nexport const CONNECTOR_MINUS_2 = /* @__PURE__ */ read(\"CONNECTOR_MINUS_2\")\nexport const CONNECTOR_STRAIGHT = /* @__PURE__ */ read(\"CONNECTOR_STRAIGHT\")\nexport const HIDDEN_ROW = /* @__PURE__ */ read(\"HIDDEN_ROW\")\nexport const LINK_ELSEWHERE = /* @__PURE__ */ read(\"LINK_ELSEWHERE\")\nexport const LINK_NO_REGION = /* @__PURE__ */ read(\"LINK_NO_REGION\")\nexport const NO_ROW_COLOR = /* @__PURE__ */ read(\"NO_ROW_COLOR\")\nexport const RAMP_LINE_BANDS = /* @__PURE__ */ read(\"RAMP_LINE_BANDS\")\nexport const RAMP_NOT_A_NUMBER_COLOR = /* @__PURE__ */ read(\"RAMP_NOT_A_NUMBER_COLOR\")\nexport const RAMP_NO_VALUE_BITS = /* @__PURE__ */ read(\"RAMP_NO_VALUE_BITS\")\nexport const RAMP_NO_VALUE_COLOR = /* @__PURE__ */ read(\"RAMP_NO_VALUE_COLOR\")\nexport const RowKeys = /* @__PURE__ */ read(\"RowKeys\")\nexport const abgrToCssRgba = /* @__PURE__ */ read(\"abgrToCssRgba\")\nexport const appendGlyph = /* @__PURE__ */ read(\"appendGlyph\")\nexport const backToFront = /* @__PURE__ */ read(\"backToFront\")\nexport const barMark = /* @__PURE__ */ read(\"barMark\")\nexport const buildRowTable = /* @__PURE__ */ read(\"buildRowTable\")\nexport const connectorEnds = /* @__PURE__ */ read(\"connectorEnds\")\nexport const connectorMark = /* @__PURE__ */ read(\"connectorMark\")\nexport const defineMark = /* @__PURE__ */ read(\"defineMark\")\nexport const ellipseDistance = /* @__PURE__ */ read(\"ellipseDistance\")\nexport const ellipseNearest = /* @__PURE__ */ read(\"ellipseNearest\")\nexport const inkOfInstances = /* @__PURE__ */ read(\"inkOfInstances\")\nexport const instanceColor = /* @__PURE__ */ read(\"instanceColor\")\nexport const isThreshold = /* @__PURE__ */ read(\"isThreshold\")\nexport const keepRampValues = /* @__PURE__ */ read(\"keepRampValues\")\nexport const keySlot = /* @__PURE__ */ read(\"keySlot\")\nexport const lineCenterMark = /* @__PURE__ */ read(\"lineCenterMark\")\nexport const lineMarkOf = /* @__PURE__ */ read(\"lineMarkOf\")\nexport const lineStepMark = /* @__PURE__ */ read(\"lineStepMark\")\nexport const linkApex = /* @__PURE__ */ read(\"linkApex\")\nexport const linkFeet = /* @__PURE__ */ read(\"linkFeet\")\nexport const linkInstance = /* @__PURE__ */ read(\"linkInstance\")\nexport const linkLabelAnchor = /* @__PURE__ */ read(\"linkLabelAnchor\")\nexport const linkMark = /* @__PURE__ */ read(\"linkMark\")\nexport const makeAbgrFill = /* @__PURE__ */ read(\"makeAbgrFill\")\nexport const nearestMarkHit = /* @__PURE__ */ read(\"nearestMarkHit\")\nexport const paintColors = /* @__PURE__ */ read(\"paintColors\")\nexport const paintMarkBlocks = /* @__PURE__ */ read(\"paintMarkBlocks\")\nexport const planMarks = /* @__PURE__ */ read(\"planMarks\")\nexport const pointInsetPx = /* @__PURE__ */ read(\"pointInsetPx\")\nexport const pointInstance = /* @__PURE__ */ read(\"pointInstance\")\nexport const pointMark = /* @__PURE__ */ read(\"pointMark\")\nexport const rampAsThreshold = /* @__PURE__ */ read(\"rampAsThreshold\")\nexport const rampUniforms = /* @__PURE__ */ read(\"rampUniforms\")\nexport const rampValueBits = /* @__PURE__ */ read(\"rampValueBits\")\nexport const recordPath = /* @__PURE__ */ read(\"recordPath\")\nexport const rowColor = /* @__PURE__ */ read(\"rowColor\")\nexport const rowSlot = /* @__PURE__ */ read(\"rowSlot\")\nexport const rowSpanIndex = /* @__PURE__ */ read(\"rowSpanIndex\")\nexport const rowTableKeys = /* @__PURE__ */ read(\"rowTableKeys\")\nexport const rowTableTextures = /* @__PURE__ */ read(\"rowTableTextures\")\nexport const ruleMark = /* @__PURE__ */ read(\"ruleMark\")\nexport const shiftInk = /* @__PURE__ */ read(\"shiftInk\")\nexport const spanMark = /* @__PURE__ */ read(\"spanMark\")\nexport const spansInRow = /* @__PURE__ */ read(\"spansInRow\")\nexport const thresholdBandOf = /* @__PURE__ */ read(\"thresholdBandOf\")\nexport const valueWindow = /* @__PURE__ */ read(\"valueWindow\")\nexport const withPassId = /* @__PURE__ */ read(\"withPassId\")\nexport default host && host.__esModule ? host.default : host", "import {\n  GAP_PX,\n  MISSING_PX,\n  coalesceRuns,\n  gapStyle,\n  runPaint,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport { hslToRgb } from '@jbrowse/bandage-core/renderer/GeometryBuilder'\nimport { packAbgr } from '@jbrowse/bandage-core/renderer/colorBits'\nimport { spanMark } from '@jbrowse/render-core/marks'\n\nimport type { WalkRow, WalkRun } from '@jbrowse/bandage-core/layout/walkRows'\nimport type { MarkContext2D, SpanChannels } from '@jbrowse/render-core/marks'\n\ntype Rgb = [number, number, number]\n\n// The colours runPaint writes: `#rrggbb`, `rgb(r, g, b)` and\n// `hsl(h, s%, l%)`\nexport function cssRgb(css: string): Rgb {\n  if (css.startsWith('#')) {\n    const v = Number.parseInt(css.slice(1), 16)\n    return [(v >> 16) & 0xff, (v >> 8) & 0xff, v & 0xff]\n  }\n  const [a = 0, b = 0, c = 0] = css.match(/[\\d.]+/g)!.map(Number)\n  return css.startsWith('hsl')\n    ? (hslToRgb(a, b / 100, c / 100).map(v => v * 255) as Rgb)\n    : [a, b, c]\n}\n\nconst abgr = ([r, g, b]: Rgb) =>\n  packAbgr(Math.round(r), Math.round(g), Math.round(b), 255)\n\nconst cssAbgr = new Map<string, number>()\nfunction packCss(css: string) {\n  let v = cssAbgr.get(css)\n  if (v === undefined) {\n    v = abgr(cssRgb(css))\n    cssAbgr.set(css, v)\n  }\n  return v\n}\n\n/**\n * A run as the pieces it paints in, each `[start, end, abgr]` in bp along\n * the row: one for a solid fill, and for a gradient one per pixel or per\n * degree of hue, whichever is fewer, coloured as the SVG gradient through\n * the same stops colours its middle\n */\nexport function runPieces(\n  run: WalkRun,\n  ramp: { start: number; end: number } | undefined,\n  pxPerBp: number,\n): [number, number, number][] {\n  const end = run.start + run.bp\n  const paint = runPaint(run, ramp)\n  if ('fill' in paint) {\n    return [[run.start, end, packCss(paint.fill)]]\n  }\n  const stops = paint.stops.map(cssRgb)\n  const hues = paint.stops.map(css => Number(/[\\d.]+/.exec(css)![0]))\n  const hueSpan = Math.abs(hues.at(-1)! - hues[0]!)\n  const n = Math.max(\n    1,\n    Math.min(Math.ceil(run.bp * pxPerBp), Math.ceil(hueSpan), run.bp),\n  )\n  const pieces: [number, number, number][] = []\n  for (let k = 0; k < n; k++) {\n    const t = ((k + 0.5) / n) * (stops.length - 1)\n    const i = Math.min(Math.floor(t), stops.length - 2)\n    const a = stops[i]!\n    const b = stops[i + 1]!\n    const f = t - i\n    pieces.push([\n      Math.round(run.start + (run.bp * k) / n),\n      Math.round(run.start + (run.bp * (k + 1)) / n),\n      abgr([0, 1, 2].map(j => a[j]! + (b[j]! - a[j]!) * f) as Rgb),\n    ])\n  }\n  return pieces\n}\n\nexport interface WalkRowSpans {\n  bars: SpanChannels & { color: Uint32Array }\n  gaps: SpanChannels & { color: Uint32Array }\n  // gaps of bases the graph lacks, which draw as a hairline\n  hairlines: SpanChannels & { color: Uint32Array }\n  // where each drawn row's spans start in `bars`, `gaps` and `hairlines`\n  barRows: Uint32Array\n  gapRows: Uint32Array\n  hairlineRows: Uint32Array\n  // the furthest any span reaches along its row, in bp, and at least 1\n  longest: number\n}\n\nfunction channels(capacity: number) {\n  return {\n    x: new Uint32Array(capacity),\n    x2: new Uint32Array(capacity),\n    row: new Uint32Array(capacity),\n    color: new Uint32Array(capacity),\n    count: 0,\n  }\n}\n\nfunction slice<T extends SpanChannels & { color: Uint32Array }>(\n  c: T,\n  a: number,\n  b: number,\n) {\n  return {\n    x: c.x.subarray(a, b),\n    x2: c.x2.subarray(a, b),\n    row: c.row.subarray(a, b),\n    color: c.color.subarray(a, b),\n    count: b - a,\n  }\n}\n\n/**\n * Each row's runs as `walkRowsTree` coalesces and colours them at\n * `pxPerBp`, as span channels: `x`/`x2` in bp along the row, `row` its index\n * among `rows`. Gaps go apart, since they draw thinner, and gaps of bases the\n * graph lacks apart again, as a hairline.\n */\nexport function walkRowSpans(\n  rows: WalkRow[],\n  pxPerBp: number,\n  ramp?: { start: number; end: number },\n): WalkRowSpans {\n  const pieces = rows.map(r =>\n    coalesceRuns(r.runs, pxPerBp).map(run => ({\n      gap: run.gap,\n      hairline: run.gap && gapStyle(run.cause).px === MISSING_PX,\n      pieces: runPieces(run, ramp, pxPerBp),\n    })),\n  )\n  let total = 0\n  for (const runs of pieces) {\n    for (const run of runs) {\n      total += run.pieces.length\n    }\n  }\n  const bars = channels(total)\n  const gaps = channels(total)\n  const hairlines = channels(total)\n  const barRows = new Uint32Array(rows.length + 1)\n  const gapRows = new Uint32Array(rows.length + 1)\n  const hairlineRows = new Uint32Array(rows.length + 1)\n  let longest = 1\n  pieces.forEach((runs, row) => {\n    for (const run of runs) {\n      const c = run.hairline ? hairlines : run.gap ? gaps : bars\n      for (const [x, x2, color] of run.pieces) {\n        const i = c.count++\n        c.x[i] = x\n        c.x2[i] = x2\n        c.row[i] = row\n        c.color[i] = color\n        longest = Math.max(longest, c.x2[i])\n      }\n    }\n    barRows[row + 1] = bars.count\n    gapRows[row + 1] = gaps.count\n    hairlineRows[row + 1] = hairlines.count\n  })\n  return {\n    bars: slice(bars, 0, bars.count),\n    gaps: slice(gaps, 0, gaps.count),\n    hairlines: slice(hairlines, 0, hairlines.count),\n    barRows,\n    gapRows,\n    hairlineRows,\n    longest,\n  }\n}\n\nexport interface WalkRowSpanFrame {\n  scaleX: number\n  scaleY: number\n  translateX: number\n  translateY: number\n  width: number\n  height: number\n  rowPx: number\n  barPx: number\n  origin: number\n  // runs of rows whose y is `rowY(first)` plus a row pitch each, as the\n  // reference row and each grouped section are\n  blocks: { first: number; count: number; rowY: number }[]\n}\n\n/**\n * Paints the spans through render-core's span mark, a block of rows at a\n * time: row i's bar centred where `walkRowsTree` centres it, `barPx` tall,\n * its x at `origin + bp` through the pane's transform.\n */\nexport function paintWalkRowSpans(\n  ctx: MarkContext2D,\n  spans: WalkRowSpans,\n  f: WalkRowSpanFrame,\n) {\n  const { longest } = spans\n  const block = {\n    start: 0,\n    end: longest,\n    screenStartPx: f.origin * f.scaleX + f.translateX,\n    screenEndPx: (f.origin + longest) * f.scaleX + f.translateX,\n    reversed: false,\n    displayedRegionIndex: 0,\n  }\n  const frame = { canvasWidth: f.width, canvasHeight: f.height }\n  const rowHeight = f.rowPx * f.scaleY\n  for (const { first, count, rowY } of f.blocks) {\n    // slot `row` centres at (rowY + (row - first) * rowPx) * scaleY + translateY\n    const scrollTop =\n      rowHeight / 2 - f.translateY - (rowY - first * f.rowPx) * f.scaleY\n    const top = (rowY - f.rowPx / 2) * f.scaleY + f.translateY\n    if (top > f.height || top + count * rowHeight < 0) {\n      continue\n    }\n    for (const [c, starts, barPx] of [\n      [spans.bars, spans.barRows, f.barPx],\n      [spans.gaps, spans.gapRows, Math.min(GAP_PX, f.barPx)],\n      [spans.hairlines, spans.hairlineRows, Math.min(MISSING_PX, f.barPx)],\n    ] as const) {\n      spanMark.paintBlock(\n        ctx,\n        slice(c, starts[first]!, starts[first + count]!),\n        block,\n        frame,\n        {\n          rowHeight,\n          rowProportion: barPx / rowHeight,\n          minWidthPx: 1,\n          seamPx: 0,\n          scrollTop,\n        },\n      )\n    }\n  }\n}\n", "import { useCallback, useMemo } from 'react'\n\nimport { computed } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport ElTree, { useSvgId } from './ElTree'\nimport { PaneOverlayCanvas, PaneSvgLayer } from './PaneLayer'\nimport { paintWalkRowBlocks } from '../walkRowBlocks'\nimport { SECTION_HEADER_PX, walkRowTrees } from '../walkRowGroups'\nimport { paintWalkRowSpans, walkRowSpans } from '../walkRowSpans'\n\nimport type { GraphPaneModel } from '../model'\n\n// The walk-rows layout's bars: one per haplotype walk under the reference\n// row, each on its own bp axis from the window's left edge. The runs paint as\n// spans on a canvas, coloured by whether they are on the reference walk's\n// path, and core's walkRowsTree draws the rest: unit separators, each row's\n// genes from its own assembly's annotation, the allele a repeat genotype\n// called and a readout. Under the\n// reference-position ramp an aligned run takes the hue of the reference it is\n// threaded through. In a tandem array that is the aligner's pick among\n// near-identical copies, so the hue says which reference copy the graph used,\n// not which one a copy resembles.\n//\n// The walk rows pair a repeat record's allele with each walk \u2014 see\n// repeats/walkCalls.ts, which also holds the threshold a red readout is read\n// off. Colouring each copy by its unit is jbrowse-plugin-tandem-repeat's.\n\n// The spans are recut only when the rows, the zoom or the ramp change\nfunction WalkRowSpansCanvas({ model }: { model: GraphPaneModel }) {\n  const spans = useMemo(\n    () =>\n      computed(() => {\n        const bars = model.walkRowBars\n        return bars\n          ? walkRowSpans(\n              [bars.reference, ...bars.rows],\n              model.scaleX,\n              model.referenceRampDomain,\n            )\n          : undefined\n      }),\n    [model],\n  )\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const bars = model.walkRowBars\n      const place = model.walkRowPlacement\n      const pitch = model.walkRowPitch\n      const painted = spans.get()\n      if (!bars || !place || !pitch || !painted) {\n        return\n      }\n      const sections = model.walkRowGroups?.sections\n      const blocks = sections?.length\n        ? [\n            { first: 0, count: 1, rowY: place.rowY(0) },\n            ...sections.map(s => ({\n              first: s.first,\n              count: s.count,\n              rowY: place.rowY(s.first),\n            })),\n          ]\n        : [{ first: 0, count: bars.rows.length + 1, rowY: place.rowY(0) }]\n      paintWalkRowSpans(ctx, painted, {\n        ...model.screenTransform,\n        width: model.paneWidth,\n        height: model.canvasHeight,\n        rowPx: pitch.rowPx,\n        barPx: pitch.barPx,\n        origin: bars.origin,\n        blocks,\n      })\n    },\n    [model, spans],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={3}\n      testId=\"graph-walk-rows-spans\"\n      paint={paint}\n    />\n  )\n}\n\nconst RIBBON_FORWARD = 'rgba(160, 196, 232, 0.55)'\nconst RIBBON_REVERSED = 'rgba(160, 140, 220, 0.55)'\n\n// Under the bars, a ribbon from each stretch of a row to where the row below\n// walks the same nodes, lavender where it walks them backwards, as ggbandage\n// draws them: neighbours that share a copy, an inversion or a duplication\n// read off the ribbons' shape\nfunction WalkRowRibbonsCanvas({ model }: { model: GraphPaneModel }) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const links = model.walkRowRibbons\n      const bars = model.walkRowBars\n      const place = model.walkRowPlacement\n      const pitch = model.walkRowPitch\n      if (!links || !bars || !place || !pitch) {\n        return\n      }\n      const { scaleX, scaleY, translateX, translateY } = model.screenTransform\n      const x = (offset: number) => (bars.origin + offset) * scaleX + translateX\n      const half = pitch.barPx / 2\n      for (const { row, a0, a1, b0, b1 } of links) {\n        const top = place.rowY(row) * scaleY + translateY + half\n        const bottom = place.rowY(row + 1) * scaleY + translateY - half\n        ctx.fillStyle = b0 > b1 ? RIBBON_REVERSED : RIBBON_FORWARD\n        ctx.beginPath()\n        ctx.moveTo(x(a0), top)\n        ctx.lineTo(x(a1), top)\n        ctx.lineTo(x(b1), bottom)\n        ctx.lineTo(x(b0), bottom)\n        ctx.closePath()\n        ctx.fill()\n      }\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={2}\n      testId=\"graph-walk-rows-ribbons\"\n      paint={paint}\n    />\n  )\n}\n\n// Over the bars, the lettered blocks: copy A on two rows, and C where another\n// row has A, read at a glance\nfunction WalkRowBlocksCanvas({ model }: { model: GraphPaneModel }) {\n  const paint = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const blocks = model.sharedBlocks\n      const bars = model.walkRowBars\n      const place = model.walkRowPlacement\n      const pitch = model.walkRowPitch\n      if (!blocks || !bars || !place || !pitch) {\n        return\n      }\n      const { scaleX, scaleY, translateX, translateY } = model.screenTransform\n      paintWalkRowBlocks(ctx, blocks, {\n        x: offset => (bars.origin + offset) * scaleX + translateX,\n        rowCentre: row => place.rowY(row) * scaleY + translateY,\n        barPx: pitch.barPx,\n      })\n    },\n    [model],\n  )\n  return (\n    <PaneOverlayCanvas\n      model={model}\n      zIndex={3}\n      testId=\"graph-walk-rows-blocks\"\n      paint={paint}\n    />\n  )\n}\n\n// Its own observer, so moving between rows redraws this rect and not every row\nconst HoveredWalkRow = observer(function HoveredWalkRow({\n  model,\n}: {\n  model: GraphPaneModel\n}) {\n  const bars = model.walkRowBars\n  const place = model.walkRowPlacement\n  const pitch = model.walkRowPitch\n  if (!bars || !place || !pitch || !model.hoveredWalkRowText) {\n    return null\n  }\n  const rows = [bars.reference, ...bars.rows]\n  const index = rows.findIndex(r => r.name === model.hoveredWalkRow)\n  const row = rows[index]\n  if (!row) {\n    return null\n  }\n  const start = model.toScreen({ x: bars.origin, y: place.rowY(index) })\n  return (\n    <rect\n      data-testid=\"graph-walk-row-hovered\"\n      x={start.x - 2}\n      y={start.y - pitch.rowPx / 2 - 1}\n      width={row.bp * model.scaleX + 4}\n      height={pitch.rowPx + 2}\n      fill=\"none\"\n      stroke=\"#111\"\n      strokeWidth={1}\n    />\n  )\n})\n\n// `vector` for an SVG export, which draws the bars as walkRowsTree's rects\nconst WalkRowsOverlay = observer(function WalkRowsOverlay({\n  model,\n  vector = false,\n}: {\n  model: GraphPaneModel\n  vector?: boolean\n}) {\n  const idPrefix = useSvgId()\n  const bars = model.walkRowBars\n  const place = model.walkRowPlacement\n  const pitch = model.walkRowPitch\n  if (!bars || !place || !pitch) {\n    return null\n  }\n  const { paneWidth: width, canvasHeight } = model\n  // the canvas paints the bars, except in a vector export\n  const frame = {\n    ...model.screenTransform,\n    width,\n    height: canvasHeight,\n    ...pitch,\n    bars: vector,\n  }\n  return (\n    <>\n      {vector || !model.walkRowRibbons ? null : (\n        <WalkRowRibbonsCanvas model={model} />\n      )}\n      {vector ? null : <WalkRowSpansCanvas model={model} />}\n      {vector || !model.sharedBlocks ? null : (\n        <WalkRowBlocksCanvas model={model} />\n      )}\n      <PaneSvgLayer\n        model={model}\n        zIndex={3}\n        overflow=\"visible\"\n        testId=\"graph-walk-rows\"\n      >\n        {walkRowTrees(\n          bars,\n          model.walkRowGroups?.sections ?? [],\n          place.rowY,\n          frame,\n          {\n            ramp: model.referenceRampDomain,\n            rowGenes: model.walkRowGenes,\n            idPrefix,\n          },\n        ).map((tree, i) => (\n          <ElTree key={i} el={tree} />\n        ))}\n        {place.headers.map(header => (\n          <text\n            key={header.key}\n            x={10}\n            y={\n              model.toScreen({ x: 0, y: header.top }).y + SECTION_HEADER_PX - 4\n            }\n            fontFamily=\"sans-serif\"\n            fontSize={11}\n            fontWeight=\"bold\"\n            fill=\"#333\"\n            data-testid=\"graph-walk-section\"\n          >\n            {header.title}\n          </text>\n        ))}\n        <HoveredWalkRow model={model} />\n      </PaneSvgLayer>\n    </>\n  )\n})\n\nexport default WalkRowsOverlay\n"],
+  "mappings": "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",
+  "names": ["PANS_WITH_DRAWING", "paneLayerStyle", "zIndex", "overflow", "PaneSvgLayer", "observer", "model", "testId", "pansWithDrawing", "children", "jsx", "PaneTransformGroup", "scaleX", "scaleY", "translateX", "translateY", "PaneOverlayCanvas", "shown", "paint", "ref", "useRef", "useEffect", "autorun", "canvas", "ctx", "width", "height", "dependOn", "trackedDpr", "dpr", "syncCanvasSize", "BubbleHalos", "observer", "model", "bubbleHalos", "hoveredBubble", "halo", "HALO_FACTOR", "jsx", "PaneSvgLayer", "PaneTransformGroup", "h", "sameBubble", "BUBBLE_KIND_COLORS", "bubbleKey", "BubbleHalos_default", "BLOCK_COLORS", "OTHER_BLOCK", "BLOCK_EDGE", "LETTER_FONT", "blockFill", "block", "BLOCK_COLORS", "OTHER_BLOCK", "blockLetter", "letter", "COLORED_BLOCKS", "paintWalkRowBlocks", "ctx", "blocks", "f", "LETTER_FONT", "row", "start", "bp", "left", "width", "top", "BLOCK_EDGE", "SWATCH_PX", "BAR_PX", "FADED_SWATCH", "DELETION_INK", "STRIP_SAMPLES", "TUBE_SWATCH_PX", "FOLD_TICK_BACKING", "WALK_ROW_SWATCH_PX", "LINK_INK", "LINE_PX", "CHIP_PX", "swatchWidth", "swatch", "bandPx", "bands", "swatchHeight", "swatchColumn", "rows", "px", "row", "rowPitch", "flat", "color", "fillRow", "key", "label", "bandStops", "colors", "i", "openBubbleRows", "model", "open", "halo", "h", "sameBubble", "BUBBLE_KIND_COLORS", "rampRows", "domain", "start", "end", "referenceLabel", "RAMP_GRADIENT_STOPS", "formatBp", "REFERENCE_RAMP_ALT_CSS", "stripBands", "lift", "w", "encodingStops", "b", "c", "all", "n", "LIFT_BACKDROP_CSS", "_", "stripRows", "rowPerWalk", "haloRows", "kindsByColor", "kinds", "BUBBLE_KIND_NAMES", "names", "deletionRows", "graph", "dashedDeletions", "deletionKey", "thicknessRow", "roundDepth", "depth", "nodeWidthRows", "range", "tagged", "frequencyKey", "widthPx", "walkCount", "walks", "depths", "passes", "counted", "nodeWidthPx", "linkWidthRows", "busiest", "edgeWidthFactor", "geneRows", "pin", "EXON_COLOR", "foldRows", "note", "pathRows", "name", "tubeRow", "stops", "tubeMapRows", "roles", "haplotypeTube", "bundled", "values", "logWidths", "foldBp", "forwardReads", "reverseReads", "substitution", "insertion", "deletion", "reads", "PANEL_REFERENCE_TUBE", "value", "FORWARD_READ_COLORS", "REVERSE_READ_COLORS", "deviationInk", "walkRowSwatch", "GENE_INK", "blockRows", "present", "block", "blockFill", "COLORED_BLOCKS", "a", "blockLetter", "walkRowsRows", "bars", "calls", "tick", "walkRowsKey", "entry", "call", "CALL_TICK", "UNBACKED_TICK", "DISAGREES", "walkKeyRow", "walk", "walkKey", "fadedRows", "faded", "walkReadoutRows", "fadedKey", "facetKeyRows", "facetPanels", "keys", "panel", "legendSections", "sections", "section", "headed", "group", "propName", "name", "_", "c", "toReact", "node", "key", "props", "value", "createElement", "useSvgId", "useId", "ElTree", "el", "EDGE_INK", "Gradient", "id", "x", "y", "stops", "width", "height", "square", "edged", "inset", "rect", "fill", "jsx", "jsxs", "Fragment", "s", "i", "SvgSwatch", "swatch", "swatchHeight", "swatchWidth", "band", "bandPx", "top", "SWATCH_PX", "rulerInk", "LegendSwatchView", "useSvgId", "legendBoxStyle", "legendRowStyle", "legendNoteStyle", "HEADING_INK", "HEADING_GAP_PX", "legendHeadingStyle", "GenePins", "observer", "model", "id", "useSvgId", "stretches", "useMemo", "computed", "genePins", "walkLift", "focus", "pins", "pin", "e", "exonStretches", "scaleX", "scaleY", "translateX", "translateY", "paneWidth", "canvasHeight", "tree", "exonOutlineTree", "jsx", "PaneSvgLayer", "ElTree", "GenePins_default", "chipBox", "x", "y", "w", "LABEL_PX", "LABEL_PAD", "inChip", "chip", "px", "py", "box", "LabelChip", "text", "note", "color", "edge", "italic", "dimmed", "title", "testId", "onClick", "onHover", "jsxs", "e", "jsx", "GENE_INK", "TICK_PX", "TICK_WIDTH", "chipReadoutAt", "genes", "px", "py", "pin", "chip", "inChip", "gene", "note", "geneCoverageNote", "LabelLayer", "observer", "model", "bubbles", "ticks", "scaleY", "translateY", "contigThickness", "hoveredBubble", "hoveredTick", "t", "sameBubble", "tickAt", "target", "dimmedBubble", "h", "isOpen", "jsxs", "PaneSvgLayer", "jsx", "e", "tick", "isAlive", "x", "y", "i", "BUBBLE_KIND_COLORS", "bubbleKey", "text", "y1", "y2", "geneLeader", "LabelChip", "EXON_COLOR", "hovered", "labelWidth", "LabelLayer_default", "paintReferenceStrip", "ctx", "model", "lit", "dpr", "frame", "drawReferenceStrip", "ReferenceStripOverlay", "observer", "paint", "useCallback", "jsx", "PaneOverlayCanvas", "ReferenceStripOverlay_default", "PANEL_TICK_ALPHA", "paintTubeMap", "ctx", "model", "highlightNode", "picture", "frame", "width", "panels", "paintPanels", "tubeFrame", "drawTubeMap", "drawn", "drawBundleCounts", "drawSqueezedLengths", "drawDeviationMarks", "drawTubeMapConnectors", "bounds", "drawTubeMapGenes", "boxes", "drawTubeMapRuler", "p", "PANEL_TITLE_FONT", "last", "TubeMapOverlay", "observer", "paint", "useCallback", "jsx", "PaneOverlayCanvas", "TubeMapOverlay_default", "host", "read", "name", "spanMark", "read", "marks_default", "host", "cssRgb", "css", "v", "a", "b", "c", "hslToRgb", "abgr", "r", "g", "packAbgr", "cssAbgr", "packCss", "runPieces", "run", "ramp", "pxPerBp", "end", "paint", "runPaint", "stops", "hues", "hueSpan", "n", "pieces", "k", "t", "i", "f", "j", "channels", "capacity", "slice", "walkRowSpans", "rows", "coalesceRuns", "gapStyle", "MISSING_PX", "total", "runs", "bars", "gaps", "hairlines", "barRows", "gapRows", "hairlineRows", "longest", "row", "x", "x2", "color", "paintWalkRowSpans", "ctx", "spans", "block", "frame", "rowHeight", "first", "count", "rowY", "scrollTop", "top", "starts", "barPx", "GAP_PX", "spanMark", "WalkRowSpansCanvas", "model", "spans", "useMemo", "computed", "bars", "walkRowSpans", "paint", "useCallback", "ctx", "place", "pitch", "painted", "sections", "blocks", "s", "paintWalkRowSpans", "jsx", "PaneOverlayCanvas", "RIBBON_FORWARD", "RIBBON_REVERSED", "WalkRowRibbonsCanvas", "links", "scaleX", "scaleY", "translateX", "translateY", "x", "offset", "half", "row", "a0", "a1", "b0", "b1", "top", "bottom", "WalkRowBlocksCanvas", "paintWalkRowBlocks", "HoveredWalkRow", "observer", "rows", "index", "r", "start", "WalkRowsOverlay", "vector", "idPrefix", "useSvgId", "width", "canvasHeight", "frame", "jsxs", "Fragment", "PaneSvgLayer", "walkRowTrees", "tree", "i", "ElTree", "header", "SECTION_HEADER_PX", "WalkRowsOverlay_default"]
 }