jbrowse-plugin-graphgenomeviewer 7.1.0 → 7.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (233) hide show
  1. package/README.md +17 -8
  2. package/dist/chunks/AddTrackWorkflow-RPH4ZFSX.js +2 -0
  3. package/dist/chunks/{AddTrackWorkflow-Q6RY23LF.js.map → AddTrackWorkflow-RPH4ZFSX.js.map} +2 -2
  4. package/dist/chunks/{ChooseSamplesDialog-BNVYBGJQ.js → ChooseSamplesDialog-JRN4YLBY.js} +2 -2
  5. package/dist/chunks/{ChooseWalksDialog-EN3C6AQA.js → ChooseWalksDialog-UXLFZTZJ.js} +2 -2
  6. package/dist/chunks/GbzBaseSyntenyAdapter-LRECKL74.js +2 -0
  7. package/dist/chunks/GbzBaseSyntenyAdapter-LRECKL74.js.map +7 -0
  8. package/dist/chunks/{GraphGenomeView-Z2WZKEEO.js → GraphGenomeView-NJ5XCREB.js} +2 -2
  9. package/dist/chunks/GraphTrackSettingsDialog-47PQ6LM7.js +6 -0
  10. package/dist/chunks/GraphTrackSettingsDialog-47PQ6LM7.js.map +7 -0
  11. package/dist/chunks/{HighlightColorDialog-EYBKFSJU.js → HighlightColorDialog-UK5VDDV6.js} +2 -2
  12. package/dist/chunks/{LinearGraphDisplay-WIBVWRQE.js → LinearGraphDisplay-TXTKAACH.js} +2 -2
  13. package/dist/chunks/MinigraphBubbleAdapter-HW7XQMAI.js +2 -0
  14. package/dist/chunks/MinigraphBubbleAdapter-HW7XQMAI.js.map +7 -0
  15. package/dist/chunks/RgfaTabixAdapter-PSKYWD2X.js +3 -0
  16. package/dist/chunks/RgfaTabixAdapter-PSKYWD2X.js.map +7 -0
  17. package/dist/chunks/{TrackWarningsDialog-QT4YEXGD.js → TrackWarningsDialog-TRYBOIHX.js} +2 -2
  18. package/dist/chunks/WalkTabixSyntenyAdapter-U53JLYVU.js +2 -0
  19. package/dist/chunks/WalkTabixSyntenyAdapter-U53JLYVU.js.map +7 -0
  20. package/dist/chunks/chunk-2MCOY3YG.js +3 -0
  21. package/dist/chunks/chunk-2MCOY3YG.js.map +7 -0
  22. package/dist/chunks/{chunk-EWFJBQDV.js → chunk-5O6YRJHL.js} +2 -2
  23. package/dist/chunks/{chunk-EWFJBQDV.js.map → chunk-5O6YRJHL.js.map} +1 -1
  24. package/dist/chunks/chunk-BUY2PV7D.js +2 -0
  25. package/dist/chunks/chunk-BUY2PV7D.js.map +7 -0
  26. package/dist/chunks/chunk-DVCZ3BOC.js +2 -0
  27. package/dist/chunks/chunk-DVCZ3BOC.js.map +7 -0
  28. package/dist/chunks/{chunk-SAMJE6GH.js → chunk-EGDLEQ47.js} +3 -3
  29. package/dist/chunks/{chunk-SAMJE6GH.js.map → chunk-EGDLEQ47.js.map} +4 -4
  30. package/dist/chunks/chunk-FHZXW7IG.js +2 -0
  31. package/dist/chunks/chunk-FHZXW7IG.js.map +7 -0
  32. package/dist/chunks/{chunk-DZ4OUKQV.js → chunk-FITPB5X6.js} +2 -2
  33. package/dist/chunks/{chunk-DZ4OUKQV.js.map → chunk-FITPB5X6.js.map} +1 -1
  34. package/dist/chunks/chunk-FVK2THE4.js +2 -0
  35. package/dist/chunks/chunk-FVK2THE4.js.map +7 -0
  36. package/dist/chunks/{chunk-AHFQHYJI.js → chunk-IBWORBGY.js} +2 -2
  37. package/dist/chunks/chunk-MND7GAOG.js +2 -0
  38. package/dist/chunks/chunk-MND7GAOG.js.map +7 -0
  39. package/dist/chunks/chunk-MURN3JPK.js +2 -0
  40. package/dist/chunks/chunk-MURN3JPK.js.map +7 -0
  41. package/dist/chunks/{chunk-3Q4RBDCL.js → chunk-N6PQZSAX.js} +1 -1
  42. package/dist/chunks/{chunk-3Q4RBDCL.js.map → chunk-N6PQZSAX.js.map} +1 -1
  43. package/dist/chunks/chunk-NWJYLP6Z.js +4 -0
  44. package/dist/chunks/chunk-NWJYLP6Z.js.map +7 -0
  45. package/dist/chunks/{chunk-YJHYBDYF.js → chunk-S75W27NT.js} +2 -2
  46. package/dist/chunks/{chunk-YJHYBDYF.js.map → chunk-S75W27NT.js.map} +1 -1
  47. package/dist/chunks/{chunk-IXQK7JAW.js → chunk-T4HOC6O3.js} +1 -1
  48. package/dist/chunks/{chunk-IXQK7JAW.js.map → chunk-T4HOC6O3.js.map} +1 -1
  49. package/dist/chunks/{chunk-AU73K7LX.js → chunk-TUKJRVBS.js} +1 -1
  50. package/dist/chunks/{chunk-AU73K7LX.js.map → chunk-TUKJRVBS.js.map} +1 -1
  51. package/dist/chunks/chunk-UGCNPRKC.js +2 -0
  52. package/dist/chunks/{chunk-E3WYW7Z6.js.map → chunk-UGCNPRKC.js.map} +2 -2
  53. package/dist/chunks/{chunk-YSTMDXXX.js → chunk-VJ3SO4CH.js} +1 -1
  54. package/dist/chunks/{chunk-YSTMDXXX.js.map → chunk-VJ3SO4CH.js.map} +1 -1
  55. package/dist/chunks/{chunk-XT766CZ5.js → chunk-W6EQLQ6H.js} +1 -1
  56. package/dist/chunks/{chunk-XT766CZ5.js.map → chunk-W6EQLQ6H.js.map} +1 -1
  57. package/dist/chunks/chunk-WAMBI7OX.js +2 -0
  58. package/dist/chunks/chunk-WAMBI7OX.js.map +7 -0
  59. package/dist/chunks/chunk-WCGVUZWP.js +2 -0
  60. package/dist/chunks/chunk-WCGVUZWP.js.map +7 -0
  61. package/dist/chunks/chunk-WEGWTC52.js +2 -0
  62. package/dist/chunks/chunk-WEGWTC52.js.map +7 -0
  63. package/dist/chunks/chunk-YU7T5WOQ.js +2 -0
  64. package/dist/chunks/{chunk-6OPB7FOJ.js.map → chunk-YU7T5WOQ.js.map} +2 -2
  65. package/dist/chunks/{chunk-446RWIA3.js → chunk-ZMOMFU2B.js} +1 -1
  66. package/dist/chunks/{chunk-446RWIA3.js.map → chunk-ZMOMFU2B.js.map} +1 -1
  67. package/dist/chunks/renderSvg-KSQI5DH6.js +2 -0
  68. package/dist/chunks/renderSvg-KSQI5DH6.js.map +7 -0
  69. package/dist/jbrowse-plugin-graphgenomeviewer.esm.js +4 -4
  70. package/dist/jbrowse-plugin-graphgenomeviewer.esm.js.map +4 -4
  71. package/package.json +8 -9
  72. package/src/GbzBaseSyntenyAdapter/GbzBaseSyntenyAdapter.test.ts +12 -10
  73. package/src/GbzBaseSyntenyAdapter/GbzBaseSyntenyAdapter.ts +31 -39
  74. package/src/GbzBaseSyntenyAdapter/configSchema.ts +5 -29
  75. package/src/GetGraphHaplotypes.ts +6 -15
  76. package/src/GetGraphReads.ts +7 -14
  77. package/src/GetSubgraph.ts +11 -20
  78. package/src/GraphAddTrackWorkflow/AddTrackWorkflow.test.tsx +73 -0
  79. package/src/GraphAddTrackWorkflow/AddTrackWorkflow.tsx +1 -0
  80. package/src/GraphAddTrackWorkflow/buildTrackConfig.test.ts +3 -2
  81. package/src/GraphAddTrackWorkflow/buildTrackConfig.ts +2 -11
  82. package/src/GraphAddTrackWorkflow/graphManifest.ts +15 -3
  83. package/src/GraphGenomeView/components/BubbleHalos.tsx +5 -24
  84. package/src/GraphGenomeView/components/ElTree.tsx +6 -1
  85. package/src/GraphGenomeView/components/FacetPanels.test.tsx +65 -0
  86. package/src/GraphGenomeView/components/FacetPanels.tsx +17 -12
  87. package/src/GraphGenomeView/components/GenePins.tsx +5 -22
  88. package/src/GraphGenomeView/components/GraphCanvas.tsx +40 -234
  89. package/src/GraphGenomeView/components/GraphSettingsDialog.tsx +102 -108
  90. package/src/GraphGenomeView/components/GraphToolbar.tsx +5 -6
  91. package/src/GraphGenomeView/components/HoverLayer.tsx +3 -7
  92. package/src/GraphGenomeView/components/HoverTooltip.test.tsx +39 -0
  93. package/src/GraphGenomeView/components/HoverTooltip.tsx +122 -0
  94. package/src/GraphGenomeView/components/LabelChip.tsx +3 -5
  95. package/src/GraphGenomeView/components/LabelLayer.tsx +4 -17
  96. package/src/GraphGenomeView/components/LabelledSelect.tsx +1 -1
  97. package/src/GraphGenomeView/components/Legend.tsx +14 -23
  98. package/src/GraphGenomeView/components/PaneContextMenu.test.tsx +48 -0
  99. package/src/GraphGenomeView/components/PaneContextMenu.tsx +144 -0
  100. package/src/GraphGenomeView/components/PaneLayer.tsx +91 -0
  101. package/src/GraphGenomeView/components/PaneSvg.tsx +32 -50
  102. package/src/GraphGenomeView/components/ReferenceStripOverlay.test.tsx +48 -0
  103. package/src/GraphGenomeView/components/ReferenceStripOverlay.tsx +13 -42
  104. package/src/GraphGenomeView/components/SettingsMenu.test.tsx +29 -0
  105. package/src/GraphGenomeView/components/SettingsMenu.tsx +56 -65
  106. package/src/GraphGenomeView/components/TubeMapOverlay.tsx +15 -46
  107. package/src/GraphGenomeView/components/WalkRowsOverlay.tsx +58 -132
  108. package/src/GraphGenomeView/components/WalkStrip.tsx +17 -20
  109. package/src/GraphGenomeView/components/WalkStripLocator.tsx +8 -15
  110. package/src/GraphGenomeView/components/usePaneGestures.test.tsx +35 -0
  111. package/src/GraphGenomeView/components/usePaneGestures.ts +88 -91
  112. package/src/GraphGenomeView/genes/geneFeatures.ts +27 -45
  113. package/src/GraphGenomeView/graphLayers.ts +4 -4
  114. package/src/GraphGenomeView/host.ts +1 -1
  115. package/src/GraphGenomeView/legendSections.test.ts +23 -1
  116. package/src/GraphGenomeView/legendSections.ts +68 -74
  117. package/src/GraphGenomeView/model.test.ts +373 -39
  118. package/src/GraphGenomeView/model.ts +67 -11
  119. package/src/GraphGenomeView/pane/fitViews.ts +57 -514
  120. package/src/GraphGenomeView/pane/graphViews.ts +219 -160
  121. package/src/GraphGenomeView/pane/hostViews.ts +2 -10
  122. package/src/GraphGenomeView/pane/keepInView.ts +5 -4
  123. package/src/GraphGenomeView/pane/launchActions.ts +117 -139
  124. package/src/GraphGenomeView/pane/launchViews.ts +8 -27
  125. package/src/GraphGenomeView/pane/loadActions.ts +208 -187
  126. package/src/GraphGenomeView/pane/morph.ts +3 -9
  127. package/src/GraphGenomeView/pane/paneBase.ts +22 -11
  128. package/src/GraphGenomeView/pane/renderingActions.ts +65 -11
  129. package/src/GraphGenomeView/pane/settingActions.ts +17 -42
  130. package/src/GraphGenomeView/pane/tubeMapViews.ts +445 -0
  131. package/src/GraphGenomeView/pane/walkRowViews.ts +29 -37
  132. package/src/GraphGenomeView/renderPipeline.test.ts +1 -1
  133. package/src/GraphGenomeView/repeats/repeatFeatures.test.ts +23 -0
  134. package/src/GraphGenomeView/repeats/repeatFeatures.ts +16 -23
  135. package/src/GraphGenomeView/repeats/walkCalls.test.ts +18 -0
  136. package/src/GraphGenomeView/repeats/walkCalls.ts +46 -38
  137. package/src/GraphGenomeView/subgraphLoad.test.ts +67 -3
  138. package/src/GraphGenomeView/trackFeatures.ts +24 -0
  139. package/src/GraphGenomeView/tubeMapPanels.ts +28 -36
  140. package/src/GraphGenomeView/viewModel.ts +8 -56
  141. package/src/GraphGenomeView/walkRowGroups.ts +104 -30
  142. package/src/GraphGenomeView/walkRowSpans.test.ts +6 -0
  143. package/src/GraphGenomeView/walkRowSpans.ts +22 -31
  144. package/src/GraphGenomeView/walkRowsCut.ts +8 -17
  145. package/src/LinearGraphDisplay/LinearGraphDisplay.test.ts +173 -26
  146. package/src/LinearGraphDisplay/components/SubgraphContextSelect.test.tsx +1 -1
  147. package/src/LinearGraphDisplay/components/SubgraphContextSelect.tsx +3 -3
  148. package/src/LinearGraphDisplay/components/SubgraphHaplotypesField.test.tsx +3 -3
  149. package/src/LinearGraphDisplay/components/SubgraphHaplotypesField.tsx +7 -10
  150. package/src/LinearGraphDisplay/configSchema.ts +0 -3
  151. package/src/LinearGraphDisplay/denseWindow.ts +8 -11
  152. package/src/LinearGraphDisplay/model.ts +89 -82
  153. package/src/MinigraphBubbleAdapter/MinigraphBubbleAdapter.test.ts +21 -0
  154. package/src/MinigraphBubbleAdapter/MinigraphBubbleAdapter.ts +6 -14
  155. package/src/MinigraphBubbleAdapter/configSchema.ts +3 -9
  156. package/src/MinigraphBubbleAdapter/index.ts +1 -2
  157. package/src/RgfaTabixAdapter/RgfaTabixAdapter.test.ts +45 -1
  158. package/src/RgfaTabixAdapter/RgfaTabixAdapter.ts +111 -276
  159. package/src/RgfaTabixAdapter/configSchema.ts +15 -49
  160. package/src/RgfaTabixAdapter/index.ts +1 -2
  161. package/src/RgfaTabixAdapter/rgfaBed.ts +25 -15
  162. package/src/RgfaTabixAdapter/rgfaCut.ts +139 -0
  163. package/src/RgfaTabixAdapter/test_data/walks2_twopart.GRCh38.walks.bed.gz +0 -0
  164. package/src/RgfaTabixAdapter/test_data/walks2_twopart.GRCh38.walks.bed.gz.tbi +0 -0
  165. package/src/RgfaTabixAdapter/walkFiles.test.ts +33 -0
  166. package/src/RgfaTabixAdapter/walkReader.ts +103 -27
  167. package/src/RgfaTabixAdapter/walkRowRuns.test.ts +53 -0
  168. package/src/RgfaTabixAdapter/walkRowRuns.ts +42 -24
  169. package/src/WalkTabixSyntenyAdapter/WalkTabixSyntenyAdapter.test.ts +37 -6
  170. package/src/WalkTabixSyntenyAdapter/WalkTabixSyntenyAdapter.ts +23 -45
  171. package/src/WalkTabixSyntenyAdapter/configSchema.ts +11 -24
  172. package/src/WalkTabixSyntenyAdapter/index.ts +1 -2
  173. package/src/WalkTabixSyntenyAdapter/walkLanes.ts +35 -43
  174. package/src/adapterImplementing.ts +27 -0
  175. package/src/graphTrackDefaults/index.ts +14 -20
  176. package/src/hoverSync/lgvHover.ts +2 -4
  177. package/src/launchFromGraph/contributors.ts +1 -5
  178. package/src/launchFromGraph/graphMenuItems.ts +3 -4
  179. package/src/launchFromGraph/launchFromGraph.test.ts +0 -1
  180. package/src/launchFromGraph/launchFromGraph.ts +8 -13
  181. package/src/panSNTabix.test.ts +1 -26
  182. package/src/panSNTabix.ts +54 -51
  183. package/src/synteny/lanePairs.ts +8 -0
  184. package/src/synteny/matchFeature.ts +52 -0
  185. package/src/tabixRange.ts +13 -10
  186. package/src/version.ts +1 -1
  187. package/dist/chunks/AddTrackWorkflow-Q6RY23LF.js +0 -2
  188. package/dist/chunks/GbzBaseSyntenyAdapter-TIXR4Y3J.js +0 -2
  189. package/dist/chunks/GbzBaseSyntenyAdapter-TIXR4Y3J.js.map +0 -7
  190. package/dist/chunks/GraphTrackSettingsDialog-TAM6PMXD.js +0 -6
  191. package/dist/chunks/GraphTrackSettingsDialog-TAM6PMXD.js.map +0 -7
  192. package/dist/chunks/MinigraphBubbleAdapter-AGI2UYQR.js +0 -2
  193. package/dist/chunks/MinigraphBubbleAdapter-AGI2UYQR.js.map +0 -7
  194. package/dist/chunks/RgfaTabixAdapter-2OL5X3HF.js +0 -3
  195. package/dist/chunks/RgfaTabixAdapter-2OL5X3HF.js.map +0 -7
  196. package/dist/chunks/WalkTabixSyntenyAdapter-UKFHCFOF.js +0 -2
  197. package/dist/chunks/WalkTabixSyntenyAdapter-UKFHCFOF.js.map +0 -7
  198. package/dist/chunks/chunk-5SFGHDQA.js +0 -2
  199. package/dist/chunks/chunk-5SFGHDQA.js.map +0 -7
  200. package/dist/chunks/chunk-6OPB7FOJ.js +0 -2
  201. package/dist/chunks/chunk-AMFIBQVR.js +0 -2
  202. package/dist/chunks/chunk-AMFIBQVR.js.map +0 -7
  203. package/dist/chunks/chunk-BJMRBVG3.js +0 -2
  204. package/dist/chunks/chunk-BJMRBVG3.js.map +0 -7
  205. package/dist/chunks/chunk-E3WYW7Z6.js +0 -2
  206. package/dist/chunks/chunk-EHCF6AXH.js +0 -2
  207. package/dist/chunks/chunk-EHCF6AXH.js.map +0 -7
  208. package/dist/chunks/chunk-GOFS7BXK.js +0 -3
  209. package/dist/chunks/chunk-GOFS7BXK.js.map +0 -7
  210. package/dist/chunks/chunk-IJQTSJGT.js +0 -4
  211. package/dist/chunks/chunk-IJQTSJGT.js.map +0 -7
  212. package/dist/chunks/chunk-J6NZIAZF.js +0 -2
  213. package/dist/chunks/chunk-J6NZIAZF.js.map +0 -7
  214. package/dist/chunks/chunk-LUTMKRXY.js +0 -2
  215. package/dist/chunks/chunk-LUTMKRXY.js.map +0 -7
  216. package/dist/chunks/chunk-MHPJB22Z.js +0 -2
  217. package/dist/chunks/chunk-MHPJB22Z.js.map +0 -7
  218. package/dist/chunks/chunk-TXI43PEN.js +0 -2
  219. package/dist/chunks/chunk-TXI43PEN.js.map +0 -7
  220. package/dist/chunks/chunk-WRH2EJKX.js +0 -2
  221. package/dist/chunks/chunk-WRH2EJKX.js.map +0 -7
  222. package/dist/chunks/chunk-WX26KTZM.js +0 -2
  223. package/dist/chunks/chunk-WX26KTZM.js.map +0 -7
  224. package/dist/chunks/renderSvg-ST2GBBOC.js +0 -2
  225. package/dist/chunks/renderSvg-ST2GBBOC.js.map +0 -7
  226. package/src/GraphGenomeView/components/WalkRowContextMenu.tsx +0 -105
  227. /package/dist/chunks/{ChooseSamplesDialog-BNVYBGJQ.js.map → ChooseSamplesDialog-JRN4YLBY.js.map} +0 -0
  228. /package/dist/chunks/{ChooseWalksDialog-EN3C6AQA.js.map → ChooseWalksDialog-UXLFZTZJ.js.map} +0 -0
  229. /package/dist/chunks/{GraphGenomeView-Z2WZKEEO.js.map → GraphGenomeView-NJ5XCREB.js.map} +0 -0
  230. /package/dist/chunks/{HighlightColorDialog-EYBKFSJU.js.map → HighlightColorDialog-UK5VDDV6.js.map} +0 -0
  231. /package/dist/chunks/{LinearGraphDisplay-WIBVWRQE.js.map → LinearGraphDisplay-TXTKAACH.js.map} +0 -0
  232. /package/dist/chunks/{TrackWarningsDialog-QT4YEXGD.js.map → TrackWarningsDialog-TRYBOIHX.js.map} +0 -0
  233. /package/dist/chunks/{chunk-AHFQHYJI.js.map → chunk-IBWORBGY.js.map} +0 -0
@@ -1,2 +0,0 @@
1
- import{a as T,b as Qe}from"./chunk-J6NZIAZF.js";import{a as Oe,b as ne,c as Fe,d as Ve,e as Ye,f as $e,g as Ze,h as $,i as je,j as Ke,k as Je,m as et,o as tt,p as ot}from"./chunk-GOFS7BXK.js";import{B as Ne,X as Be,Y,a as y,e as Ce,f as Pe,g as Le,h as Ee,j as Ge,ka as De,la as Ae,m as Ie,n as ze,oa as oe,qa as Xe,ra as Ue,sa as qe,z as We}from"./chunk-IJQTSJGT.js";import{k as H}from"./chunk-YSTMDXXX.js";import{$ as ee,K as He,L as Te,X as G,a as W,b as ue,ba as te,da as V,f as Se,m as ke,ma as _e,s as Me,z as Re}from"./chunk-5SFGHDQA.js";import{e as L}from"./chunk-NDRLCGPC.js";import{j as pe}from"./chunk-TENPGIPX.js";import{c as P,d as F,e as xe,f as E,g as x}from"./chunk-6OPB7FOJ.js";import{D as we,G as O,H as N,b as de,d as Q,j as fe,k as A,o as he,p as ge,s as me,v as X,w as ve,y as be,z as ye}from"./chunk-E3WYW7Z6.js";import{a as S,b as o,c as u,d as f}from"./chunk-JMBDTNUR.js";function nt(t){return`${t.refName}:${(t.start+1).toLocaleString()}-${t.end.toLocaleString()}`}function re(t,e,n=r=>r){return e?{deletion:{bp:`${e.bp.toLocaleString()} bp`,where:nt(e)}}:{ends:`${n(t.from)}${t.fromStrand??""} \u2192 ${n(t.to)}${t.toStrand??""}`}}var I=JBrowseExports["@jbrowse/render-core/useRenderingBackend"],Nt=t=>I!=null&&t in Object(I)?I[t]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+t+"' from '@jbrowse/render-core/useRenderingBackend' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:t});var rt=Nt("useRenderingBackend"),zo=I&&I.__esModule?I.default:I;var at=y(o("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"}),"Info");var ae={position:"absolute",left:0,top:0,pointerEvents:"none",zIndex:1};function se({model:t}){let[e,n]=x(null);return P(()=>{if(!e)return;let r=new G(e),a=W(()=>{r.resize(t.paneWidth,t.canvasHeight),t.paintHover(r,t.drawnBatch)});return()=>{a(),r.dispose()}},[e,t]),o("canvas",{ref:n,"data-testid":"graph-hover-layer",style:ae})}var st={background:"rgba(255,255,255,0.82)",padding:"3px 6px",fontSize:11,lineHeight:"15px",whiteSpace:"nowrap"},Z={display:"flex",alignItems:"center",gap:5},it={color:"#666"};function lt(t){return t.length===1?t[0].color:`linear-gradient(to right, ${t.map(e=>`${e.color} ${e.offset*100}%`).join(", ")})`}var _t={width:ne,flex:"none",textAlign:"center",fontFamily:"monospace",fontSize:12};function ie({swatch:t}){let e=Fe(t),n={width:e,flex:"none"};switch(t.kind){case"fill":return o("div",{style:{...n,height:t.height??8,borderRadius:t.square?0:2,background:lt(t.stops)}});case"bands":return o("div",{style:n,children:t.bands.map((r,a)=>o("div",{style:{height:t.bands.length>1?3:4,background:lt(r)}},a))});case"line":return o("div",{style:{...n,height:3,borderRadius:2,background:t.color}});case"halo":return o("svg",{width:e,height:10,style:{flex:"none"},children:o("line",{x1:5,y1:5,x2:13,y2:5,stroke:t.color,strokeOpacity:.35,strokeWidth:8,strokeLinecap:"round"})});case"outline":return o("div",{style:{...n,height:t.height,boxSizing:"border-box",border:`${t.stroke}px solid ${t.color}`,borderRadius:t.radius}});case"overhang":return o("svg",{width:e,height:10,style:{flex:"none"},children:o("path",{d:"M0,5 L8,0 L8,10 Z M18,5 L10,0 L10,10 Z",fill:"#18181c"})});case"glyph":return o("span",{style:_t,children:t.char});case"tick":return o("div",{style:{...n,height:t.height,display:"flex",justifyContent:"center",background:t.backing},children:o("div",{style:{width:2,backgroundColor:t.color}})});case"bracket":return o("svg",{width:e,height:7,style:{flex:"none"},children:o("path",{d:`M0.5,6 V1.5 H5.5 V6 M8.5,6 V1.5 H${ne-.5} V6`,fill:"none",stroke:_e()})});case"blank":return o("span",{style:n})}}function j({row:t,at:e,hint:n,after:r}){if(!t.swatch)return o("div",{style:it,children:t.label});let a=u("div",{style:Z,children:[o(ie,{swatch:t.swatch}),u("span",{children:[t.strong?o("strong",{children:t.strong}):null,t.label]}),r]}),l=[t.title,n].filter(Boolean).join(" \xB7 ")||void 0;return e||t.under?u("div",{title:l,children:[a,e?o("div",{"data-testid":"graph-walk-at",children:e}):o("div",{children:t.under})]}):l?o("div",{title:l,children:a}):a}var Bt={pointerEvents:"auto",cursor:"pointer",border:"none",background:"none",padding:"0 2px",font:"inherit",textDecoration:"underline"},ct=f(function({model:e}){return o(S,{children:Ze(e).map(({testid:n,rows:r})=>o("div",{style:st,"data-testid":n,children:r.map(a=>o(j,{row:a,at:a.walk?e.hoveredOn(a.walk):void 0,after:a.closesBubble?o("button",{type:"button",style:Bt,"data-testid":"graph-close-bubble",onClick:()=>{e.closeBubbles()},children:"close"}):null},a.key))},n))})});var Dt=1.1,At=100,Xt=40,Ot=800,Ft=10,pt=2;function le(t){let e=t.deltaY*(t.deltaMode===1?Xt:t.deltaMode===2?Ot:1),n=(t.ctrlKey?Ft:1)*e/At;return Dt**-Math.max(-pt,Math.min(pt,n))}function K(t,e){P(()=>{if(!t)return;let n=t;function r(a){if(e.hostPlacesX)return;e.host&&a.stopPropagation(),a.preventDefault();let l=n.getBoundingClientRect();e.zoom(le(a),a.clientX-l.left,a.clientY-l.top)}return n.addEventListener("wheel",r,{passive:!1}),()=>{n.removeEventListener("wheel",r)}},[t,e])}var Vt=3;function ut(t){let e=E({x:0,y:0}),n=E({x:0,y:0}),r=E(!1),a=E({frame:0,pan:null,hover:null});P(()=>()=>{cancelAnimationFrame(a.current.frame)},[]);let[l,p]=x(void 0),[d,s]=x(void 0),[c,m]=x(void 0);function b(i,v){return{x:(i-t.translateX)/t.scaleX,y:(v-t.translateY)/t.scaleY}}function R(i){let v=i.currentTarget.getBoundingClientRect();return b(i.clientX-v.left,i.clientY-v.top)}function w(i,v){let{nodePositions:g}=t,h=i*t.scaleX+t.translateX,M=v*t.scaleY+t.translateY;if(t.layoutResult?.tubeMap)return t.tubeMapNodeAt(h,M);let z=t.referenceStripNodeAt(h,M);return z||(g?ee(g,i,v,t.axisScale,t.positionsVersion,t.nodeInk):null)}function C(i){i.button===0&&(i.preventDefault(),t.host&&!t.hostPlacesX&&i.stopPropagation())}function _(i){if(i.button===0){if(r.current=!1,n.current={x:i.clientX,y:i.clientY},t.hostPlacesX)return;i.currentTarget.setPointerCapture(i.pointerId);let{x:v,y:g}=R(i),h=t.layoutResult?.tubeMap||i.nativeEvent.offsetY<t.referenceStripZonePx?null:w(v,g);h?t.setDraggingNode(h):t.setPanning(!0),e.current={x:i.clientX,y:i.clientY}}}function B(){let i=a.current;if(i.frame=0,i.pan&&(t.setTransform(t.scale,t.translateX+i.pan.dx,t.translateY+i.pan.dy),i.pan=null),i.hover){let g=t.facetPanels?void 0:Ke(t.overlayLabels,i.hover.x,i.hover.y);s(h=>h?.label===g?.label&&h?.readout===g?.readout?h:g)}let v=t.walkRowBars;if(i.hover&&v){let g=t.walkRowAt(i.hover.x,i.hover.y);t.setHoveredWalkRow(g===void 0?null:[v.reference,...v.rows][g].name)}if(i.hover&&t.nodePositions&&t.graph){let{x:g,y:h}=i.hover,{x:M,y:z}=b(g,h);i.hover=null;let q=w(M,z);t.setHoveredPanel(t.tubeMapPanelAt(h)),t.setHoveredNode(q,{x:g,y:h}),t.setHoveredTube(q===null&&t.layoutResult?.tubeMap?t.tubeAt(g,h):null),t.setHoveredEdge(q||t.layoutResult?.tubeMap||!t.hoverLightsEverything?null:te(t.nodePositions,t.graph,M,z,t.axisScale,t.effectiveDrawPaths&&!t.facetPanels,t.positionsVersion,t.deletionEdgeIndexes,t.hiddenEdgeIndexes,t.deletionRoutes,t.layoutResult?.stranded))}}function D(){a.current.frame||(a.current.frame=requestAnimationFrame(B))}function k(){let i=a.current;cancelAnimationFrame(i.frame),i.frame=0,i.pan=null,i.hover=null}function Ht(i){let v=i.clientX-e.current.x,g=i.clientY-e.current.y;e.current={x:i.clientX,y:i.clientY},Math.hypot(i.clientX-n.current.x,i.clientY-n.current.y)>Vt&&(r.current=!0);let h=a.current;if(t.draggingNode)t.moveNode(t.draggingNode,v/t.scaleX,g/t.scaleY);else if(t.isPanning)h.pan={dx:(h.pan?.dx??0)+v,dy:(h.pan?.dy??0)+g},D();else{let M=i.currentTarget.getBoundingClientRect();h.hover={x:i.clientX-M.left,y:i.clientY-M.top},D()}}function U(){L(t)&&t.stopDragging()}function Tt(){k(),s(void 0),L(t)&&(t.stopDragging(),t.setHoveredNode(null),t.setHoveredPanel(null),t.setHoveredTube(null),t.setHoveredEdge(null),t.setHoveredWalkRow(null))}function zt(i){let{x:v,y:g}=R(i),h=w(v,g);if(h){i.preventDefault(),p({nodeId:h,top:i.clientY,left:i.clientX});return}let M=t.walkRowAt(v*t.scaleX+t.translateX,g*t.scaleY+t.translateY);M!==void 0&&(i.preventDefault(),m({row:M,top:i.clientY,left:i.clientX}))}function Wt(i){if(!r.current){let{x:v,y:g}=R(i),h=w(v,g);t.setSelectedNode(h),h&&t.showNodeDetails(h)}}return{handlers:{onMouseDown:C,onPointerDown:_,onPointerMove:Ht,onPointerUp:U,onPointerCancel:U,onLostPointerCapture:U,onPointerLeave:Tt,onClick:Wt,onContextMenu:zt},contextNode:l,contextRow:c,hoveredChip:d,closeContextMenu:()=>{p(void 0),m(void 0)}}}var Yt={position:"absolute",left:0,top:0,zIndex:4,display:"grid",gap:He,lineHeight:"normal"},$t={height:Te,padding:"2px 6px",boxSizing:"border-box",fontFamily:"inherit",fontSize:11,color:"inherit",cursor:"pointer",border:"none",background:"none",textAlign:"left",display:"block"},Zt={position:"relative"},jt={gridColumn:"1 / -1",height:Ae,padding:"2px 6px",boxSizing:"border-box",display:"flex",gap:14,fontSize:11,lineHeight:"15px"},Kt=f(function({model:e,lift:n,width:r,height:a,cell:l,handlers:p}){let[d,s]=x(null),[c,m]=x(null),b=n.walks[0];K(d,e),P(()=>{if(!d||!c)return;let w=new G(d),C=new G(c);w.resize(r,a),C.resize(r,a);let _=ue(()=>e.buildDrawing(n,!1)),B,D=[W(()=>{let k=_.get();k&&(k!==B&&(w.uploadGeometry(k.batch),B=k),e.applySelection(w),e.paint(w))}),W(()=>{let k=_.get();k&&e.paintHover(C,k.batch)})];return()=>{for(let k of D)k();w.dispose(),C.dispose()}},[d,c,e,n,r,a]);let R=e.walkLabel(b.name);return u("div",{style:l,children:[o("button",{type:"button",style:$t,"data-testid":"graph-facet-title",onClick:()=>{e.liftWalks([b.name]),e.setFacet("")},children:o(j,{row:Ye(e,b),hint:`click to lift ${R} alone`,at:e.hoveredOn(b)})}),u("div",{style:Zt,children:[o("canvas",{ref:s,"data-testid":"graph-facet-canvas",style:{width:r,height:a,display:"block",cursor:e.isPanning||e.draggingNode?"grabbing":"grab",touchAction:e.hostPlacesX?"auto":"none",overscrollBehavior:"contain"},...p}),o("canvas",{ref:m,style:ae})]})]})}),Jt=f(function({model:e,handlers:n}){let r=e.facetPanels,a=e.facetGrid,l=e.facetPlacement;if(!r||!a||!l)return null;let{columns:p,width:d,height:s}=a;return u("div",{"data-testid":"graph-facet-panels",style:{...Yt,width:e.paneWidth,minHeight:e.canvasHeight,gridTemplateColumns:`repeat(${p}, ${d}px)`,background:e.darkMode?"#1f1f1f":"white"},children:[r.map((c,m)=>o(Kt,{model:e,lift:c,width:d,height:s,cell:{gridRow:Math.floor(l.cells[m]/p)+1,gridColumn:l.cells[m]%p+1},handlers:n},c.walks[0].name)),o("div",{style:{...jt,gridRow:Math.floor(Math.max(...l.cells)/p)+2},"data-testid":"graph-facet-key",children:$e(e).map(c=>o(j,{row:c},c.key))})]})}),dt=Jt;var ft=y(o("path",{d:"M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2m2 10H3v4c0 1.1.9 2 2 2h4v-2H5zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2"}),"CropFree");var ht=y([o("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"},"0"),o("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z"},"1")],"ZoomIn");var gt=y(o("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14M7 9h5v1H7z"}),"ZoomOut");var Ut=f(function({model:e}){let n=e.colorSchemeLock;return o(T,{label:"Color",size:"small",sx:{minWidth:100},disabled:n!==void 0,title:n?.why,shown:n?.value,value:e.chosenColorScheme,options:Ie,onChange:r=>{e.setColorScheme(r)}})}),mt=Ut;var vt=H()({stats:{marginLeft:"auto"},perf:{color:"#888",fontVariantNumeric:"tabular-nums"}});function ce(t){return t===void 0?"\u2013":`${Math.round(t)}ms`}var qt=f(function({model:e}){let{classes:n}=vt(),{lastFetchMs:r,lastLayoutMs:a,lastGeometryMs:l}=e,p=r!==void 0||a!==void 0||l!==void 0;return e.showPerf&&p?u(N,{variant:"caption",className:n.perf,"data-testid":"graph-perf-stats",children:["fetch ",ce(r)," \xB7 layout ",ce(a)," \xB7 geom"," ",ce(l)]}):null}),Qt=f(function({model:e}){let{classes:n}=vt();return u("div",{className:n.stats,"data-testid":"graph-stats","data-node-count":e.nodeCount,"data-edge-count":e.edgeCount,"data-path-count":e.pathCount,"data-fetch-ms":e.lastFetchMs??"","data-layout-ms":e.lastLayoutMs??"","data-geometry-ms":e.lastGeometryMs??"","data-geometry-strokes":e.lastGeometryStrokeCount??"",children:[u(N,{variant:"body2",component:"span",children:[e.nodeCount," nodes, ",e.edgeCount," edges",e.pathCount>0?`, ${e.pathCount} paths`:""]})," ",o(qt,{model:e})]})}),bt=Qt;var eo=f(function({model:e}){let{graph:n}=e;return o(T,{label:"Layout",size:"small",sx:{minWidth:140},testId:"graph-layout-select",value:e.chosenLayoutMode,options:Ge.map(({value:r,label:a,description:l,available:p})=>({value:r,label:a,description:l,disabled:n?!p(n):!1})),onChange:r=>{e.switchLayout(r)}})}),yt=eo;var to=f(function({model:e}){let{repeatChoices:n}=e;return e.chosenLayoutMode!=="walkrows"||n.length===0?null:o(T,{label:"Repeat",size:"small",sx:{minWidth:130,maxWidth:260},testId:"graph-repeat-select",value:e.selectedRepeat?.key??"",options:[{value:"",label:"Whole window"},...n.map(({key:r,name:a,unit:l})=>({value:r,label:`${a} \xB7 ${l.toLocaleString()} bp unit`}))],onChange:r=>{e.setRepeatKey(r)}})}),wt=to;var xt=y(o("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");var St=y(o("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreVert");var oo=f(function({model:e}){let[n,r]=x(!1),a=e.highlightMenuItems({picks:!1});return u(S,{children:[o(de,{size:"small",tooltip:"Graph options",menuItems:[...a.length>0?[{label:"Haplotypes",icon:Ue,subMenu:a}]:[],...e.layoutOptionMenuItems({repeat:!1}),{label:"Show...",icon:ze,subMenu:[...e.showMenuItems(),...e.modeDrawsNodes&&e.walkChoices.length>1?[{type:"checkbox",label:"Show walk rows under the graph",checked:e.walkStrip,onClick:()=>{e.setWalkStrip(!e.walkStrip)}}]:[],{type:"checkbox",label:"Show timings",checked:e.showPerf,onClick:()=>{e.setShowPerf(!e.showPerf)}}]},{type:"divider"},{label:"Graph settings...",icon:qe,helpText:"Subgraph node limit; node width and path colors; the force-directed layout engine",onClick:()=>{r(!0)}},{type:"divider"},{label:"Close graph",icon:xt,onClick:()=>{e.clearGraph()}}],children:o(St,{})}),o(Qe,{model:e,open:n,onClose:()=>{r(!1)}})]})}),kt=oo;var no=H()({formControl:{minWidth:130,maxWidth:260}}),ro=f(function({model:e}){let{classes:n}=no(),r=F(),{walkChoices:a}=e;if(a.length===0||!e.liftsWalks)return null;let l=new Set(a.map(s=>s.name)),p=new Map(a.map(s=>[s.name,s.label])),d=e.walkLayers.map(s=>s.walk).filter(s=>l.has(s));return a.length>Ne?o(he,{size:"small",variant:"outlined",color:"inherit","data-testid":"graph-walk-choose",onClick:()=>{pe(e).queueDialog(s=>[We,{model:e,onClose:s}])},children:d.length>0?`${d.length} of ${a.length} haplotypes`:"Highlight haplotypes..."}):u(me,{size:"small",className:n.formControl,children:[o(ve,{id:r,children:"Highlight"}),o(we,{labelId:r,multiple:!0,value:d,label:"Highlight","data-testid":"graph-walk-select",renderValue:s=>s.map(c=>p.get(c)).join(", "),onChange:s=>{let{value:c}=s.target;e.liftWalks(typeof c=="string"?c.split(","):c)},children:a.map(({name:s,label:c})=>u(ye,{value:s,dense:!0,children:[o(ge,{size:"small",checked:d.includes(s)}),o(be,{primary:c})]},s))})]})}),Mt=ro;var ao=H()({toolbar:{display:"flex",alignItems:"center",gap:4,padding:"2px 4px",borderBottom:"1px solid #ddd"}}),so=f(function({model:e}){return o(N,{variant:"body2",children:e.zoomPercent})}),io=f(function({model:e}){let{classes:n}=ao();return u("div",{className:n.toolbar,children:[o(yt,{model:e}),o(mt,{model:e}),o(Mt,{model:e}),o(wt,{model:e}),o(O,{title:"Zoom in",children:o(X,{size:"small",onClick:()=>{e.zoom(1.5,e.viewBox.width/2,e.viewBox.height/2)},children:o(ht,{})})}),o(O,{title:"Zoom out",children:o(X,{size:"small",onClick:()=>{e.zoom(1/1.5,e.viewBox.width/2,e.viewBox.height/2)},children:o(gt,{})})}),o(O,{title:"Zoom to fit",children:o(X,{size:"small",onClick:()=>{e.refitView()},children:o(ft,{})})}),o(so,{model:e}),o(bt,{model:e}),o(kt,{model:e})]})}),Rt=io;var Ct=y(o("path",{d:"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"}),"FilterList");var Pt=y(o("path",{d:"M10.83 8H21V6H8.83zm5 5H18v-2h-4.17zM14 16.83V18h-4v-2h3.17l-3-3H6v-2h2.17l-3-3H3V6h.17L1.39 4.22 2.8 2.81l18.38 18.38-1.41 1.41z"}),"FilterListOff");var J=f(function({model:e,row:n,bars:r,top:a,left:l,onClose:p}){let d=r??e.walkRowBars,s=e.walkRowLaunchTarget(n,d),c=s?.assembly,m=n>0?d?.rows[n-1]:void 0,b=m?.sample,R=!r&&e.walkRowBars,w=e.walkRowSamples;return o(A,{open:!0,anchorReference:"anchorPosition",anchorPosition:{top:a,left:l},onClose:()=>{p()},onMenuItemClick:C=>{C()},menuItems:[s&&c?{label:`Linear genome view \u2014 ${c} ${Y(s.location)}`,icon:oe,onClick:()=>{e.showInLinearView({location:s.location,assembly:c})}}:{label:"Linear genome view",icon:oe,disabled:!0,disabledHelpText:s?`No assembly in this session is ${s.location.haplotype??s.label}`:"This walk states no contig coordinates",onClick:()=>{}},...m&&e.liftsWalks&&e.modeDrawsNodes?[{type:"checkbox",label:`Highlight ${m.label}`,checked:e.walkLayers.some(C=>C.walk===m.name),onClick:()=>{e.toggleWalk(m.name)}}]:[],...R&&b&&!(w?.length===1&&w[0]===b)?[{label:`Show only ${b}`,icon:Ct,onClick:()=>{e.setWalkRowSamples([b])}}]:[],...R&&w?[{label:"Show every sample",icon:Pt,onClick:()=>{e.setWalkRowSamples(void 0)}}]:[]]})});var lo={display:"flex",flexWrap:"wrap",gap:"2px 14px",padding:"2px 8px 6px",fontSize:11,color:"#333"},co={position:"absolute",pointerEvents:"none",background:"rgba(255,255,255,0.92)",border:"1px solid #ccc",borderRadius:3,padding:"1px 6px",fontSize:11,whiteSpace:"nowrap",zIndex:4},po=f(function({bars:e,frame:n,ramp:r,rowGenes:a}){let l=F().replace(/[^\w-]/g,""),p=xe(()=>Re(e,n,{ramp:r,rowGenes:a,idPrefix:l}),[e,n,r,a,l]);return o($,{el:p})}),uo=f(function({model:e}){let n=e.walkStripRows,r=e.walkStripFrame,a=e.stripHover,l=n?[n.reference,...n.rows]:[],p=a?l.findIndex(s=>s.name===a.row):-1,d=l[p];return!n||!r||r.labelled||!a||!d?null:u("div",{"data-testid":"graph-walk-strip-tip",style:{...co,left:(n.origin+a.offset)*r.scaleX+r.translateX+12,top:p*r.rowPx+r.translateY-18},children:[d.label," \xB7"," ",ke(d,p===0?void 0:n.reference)]})}),fo=f(function({model:e}){let n=e.walkStripRows,r=e.walkStripFrame,[a,l]=x(void 0);if(!n||!r)return null;let p=s=>{let c=s.currentTarget.getBoundingClientRect();return Ce(n,r,s.clientX-c.left,s.clientY-c.top)},d=Me(n,{ramp:e.referenceRampDomain,rampCss:Se,genes:Ee(r,e.walkRowGenes,e.walkRowGeneGaps)});return u("div",{"data-testid":"graph-walk-strip",style:{position:"relative",borderTop:"1px solid #ddd"},onMouseEnter:()=>{e.setPointerInPane(!0)},onMouseLeave:()=>{L(e)&&(e.setPointerInPane(!1),e.setStripHover(null))},children:[u("svg",{width:r.width,height:r.height,style:{display:"block"},onMouseMove:s=>{let c=p(s);s.currentTarget.style.cursor=c&&c.index>0?"pointer":"",e.setStripHover(c?{row:c.row.name,offset:c.offset}:null)},onClick:s=>{let c=p(s);c&&c.index>0&&e.toggleWalk(c.row.name)},onContextMenu:s=>{let c=p(s);c&&(s.preventDefault(),l({row:c.index,top:s.clientY,left:s.clientX}))},children:[o("title",{children:"Ticks mark where each walk passes the node under the pointer. Click a bar to lift its walk."}),o(po,{bars:n,frame:r,ramp:e.referenceRampDomain,rowGenes:e.walkRowGenes}),o($,{el:Pe(n,r,e.walkStripMarks)}),o($,{el:Le(n,r,new Set(e.walkLayers.map(s=>s.walk)))})]}),o(uo,{model:e}),o("div",{style:lo,"data-testid":"graph-walk-strip-key",children:d.map(s=>u("div",{style:Z,children:[o(ie,{swatch:Ve(s.swatch)}),o("span",{children:s.label})]},s.label))}),a?o(J,{model:e,row:a.row,bars:n,top:a.top,left:a.left,onClose:()=>{l(void 0)}}):null]})}),Lt=fo;var ho={position:"absolute",left:0,top:0,pointerEvents:"none",overflow:"visible",zIndex:4},go=f(function({model:e}){let n=e.walkStripLocator;return n?u("svg",{style:ho,width:e.paneWidth,height:e.canvasHeight,"data-testid":"graph-walk-strip-locator",children:[o("circle",{cx:n.x,cy:n.y,r:11,fill:"none",stroke:"white",strokeWidth:4}),o("circle",{cx:n.x,cy:n.y,r:11,fill:"none",stroke:"#111",strokeWidth:1.75})]}):null}),Et=go;function Gt(t){return Promise.resolve(new G(t))}var mo={position:"absolute",bottom:De,lineHeight:"normal",background:"rgba(0,0,0,0.75)",color:"white",padding:"4px 8px",borderRadius:4,fontSize:12,pointerEvents:"none",zIndex:6},vo={position:"relative"},bo={position:"relative",lineHeight:0,isolation:"isolate"},yo={position:"absolute",left:0,right:0,bottom:0,zIndex:0},wo={position:"absolute",inset:0,zIndex:10,lineHeight:"normal",pointerEvents:"none"},xo={position:"absolute",left:6,transform:"translateY(-50%)",background:"rgba(255,255,255,0.82)",padding:"0 4px",borderRadius:3,fontSize:11,lineHeight:"16px",whiteSpace:"nowrap",pointerEvents:"none",zIndex:4},So=f(function({model:e}){let n=e.drawnRowLabels;return o(S,{children:n.map(({label:r,y:a})=>{let l=a*e.scaleY+e.translateY;return l>=0&&l<=e.canvasHeight?o("div",{"data-testid":"graph-row-label",style:{...xo,top:l},children:r},a):null})})}),ko={position:"absolute",top:V,right:V,display:"flex",flexDirection:"column",borderRadius:3,overflow:"hidden",zIndex:4},It={position:"absolute",transform:"translate(-50%, -50%)",background:"rgba(255,255,255,0.78)",padding:"0 3px",borderRadius:3,fontSize:10,lineHeight:"13px",whiteSpace:"nowrap",pointerEvents:"none",zIndex:3},Mo={...It,color:"#18181c",fontWeight:600},Ro={position:"absolute",left:0,top:0,pointerEvents:"none",overflow:"visible",zIndex:2},Co=f(function({model:e}){let n=E(null);return P(()=>{let r=n.current;if(!r)return;let a=new ResizeObserver(()=>{L(e)&&e.hoveredNode===null&&e.setLegendSize({width:r.offsetWidth,height:r.offsetHeight})});return a.observe(r),()=>{a.disconnect()}},[e]),o("div",{ref:n,style:{...ko,top:V+e.referenceStripZonePx},children:o(ct,{model:e})})}),Po=f(function({model:e}){let n=e.overlayLabels.sizes,r=n.flatMap(({key:a,leader:l})=>l?[{key:a,...l}]:[]);return u(S,{children:[r.length>0?o("svg",{style:Ro,width:e.paneWidth,height:e.canvasHeight,children:r.map(({key:a,arcX:l,arcY:p,labelX:d,labelY:s})=>o("line",{"data-testid":"graph-label-leader",x1:l,y1:p,x2:d,y2:s,stroke:"#18181c",strokeWidth:1},a))}):null,n.map(({key:a,text:l,x:p,y:d,kind:s})=>o("div",{"data-testid":"graph-size-label",style:{...s==="deletion"?Mo:It,left:p,top:d},children:l},a))]})}),Lo=f(function({model:e,chip:n}){let r=e.hoveredNode?e.hoverNodeById?.get(e.hoveredNode):null,a=e.hoveredNode?e.hoverDrawing?.members.get(e.hoveredNode):void 0,l=e.hoveredEdge!==null&&e.graph?e.graph.edges[e.hoveredEdge]:null,p=r?Be(r):void 0,d=l?re(l,e.deletions.find(b=>b.edgeIndex===e.hoveredEdge),b=>e.nodeById?.get(b)?.name??b):void 0,s=e.hoveredWalkRowText,c=e.hoveredTubeText,m={...mo,right:e.tooltipRightPx};return n?u("div",{style:m,"data-testid":"graph-chip-tooltip",children:[o("strong",{children:n.label})," \u2014 ",n.readout]}):u(S,{children:[c&&!r?u("div",{style:m,"data-testid":"graph-tube-tooltip",children:[o("strong",{children:c.label})," \u2014 ",c.readout]}):null,s&&!r?u("div",{style:m,"data-testid":"graph-walk-row-tooltip",children:[o("strong",{children:s.label})," \u2014 ",s.readout]}):null,r?u("div",{style:m,children:[o("strong",{children:r.name}),a?` and ${a.length-1} more`:""," \u2014"," ",r.length.toLocaleString()," bp, depth"," ",r.depth.toFixed(1),p?u(S,{children:[o("br",{}),p.sample," ",Y(p)," (rank"," ",r.stable?.rank,")"]}):null]}):null,d?o("div",{style:m,children:d.deletion?u(S,{children:[o("strong",{children:"Deletion"})," ",d.deletion.bp,o("br",{}),d.deletion.where]}):u(S,{children:["Edge: ",d.ends]})}):null]})}),Eo=f(function({model:e,nodeId:n,top:r,left:a,onClose:l}){let{own:p,reference:d,highlight:s}=e.nodeLaunchTargets(n);return o(A,{open:!0,anchorReference:"anchorPosition",anchorPosition:{top:r,left:a},onClose:()=>{l()},onMenuItemClick:c=>{c()},menuItems:[{label:"Node details",icon:at,onClick:()=>{e.showNodeDetails(n)}},...Xe({own:p,reference:d,highlight:s,onShowLinear:c=>{e.showInLinearView(c)},onHighlight:e.canHighlightInLinearView?c=>{e.highlightInLinearView(c)}:void 0})]})}),Go=f(function({model:e,ownChrome:n=!0}){let{canvasRef:r,canvas:a,error:l,retry:p}=rt(Gt,e),{handlers:d,contextNode:s,contextRow:c,closeContextMenu:m,hoveredChip:b}=ut(e);K(a,e);let R=e.facetPanels!==void 0;return u("div",{style:vo,children:[n?o(Rt,{model:e}):null,u("div",{style:bo,onMouseEnter:()=>{e.setPointerInPane(!0)},onMouseLeave:()=>{L(e)&&e.setPointerInPane(!1)},children:[e.referenceStripShown?o("div",{style:{...yo,top:e.referenceStripZonePx,background:e.paperCss}}):null,o("canvas",{ref:r,"data-testid":"graph-genome-canvas",style:{width:e.paneWidth,height:e.canvasHeight,cursor:e.isPanning||e.draggingNode?"grabbing":"grab",touchAction:e.hostPlacesX?"auto":"none",overscrollBehavior:"contain",display:"block",position:"relative",zIndex:1},...d}),R?o(dt,{model:e,handlers:d}):u(S,{children:[o(tt,{model:e}),o(se,{model:e}),o(et,{model:e}),o(So,{model:e}),o(Po,{model:e}),o(Oe,{model:e}),o(je,{model:e}),o(Je,{model:e}),o(ot,{model:e}),o(Et,{model:e}),o(Co,{model:e})]}),n?o("div",{style:wo,children:o(fe,{isVisible:e.isLoading,immediate:!e.layoutResult,statusMessage:e.statusMessage,onCancel:e.canCancelLoad?()=>{e.cancelLoad()}:void 0})}):null,o(Lo,{model:e,chip:b})]}),e.walkStripShown?o(Lt,{model:e}):null,s?o(Eo,{model:e,nodeId:s.nodeId,top:s.top,left:s.left,onClose:m}):null,c?o(J,{model:e,row:c.row,top:c.top,left:c.left,onClose:m}):null,l?o(Q,{error:l,onReset:p}):null,n&&e.error?o(Q,{error:e.error,onReset:e.canRetryLoad?()=>{e.retryLoad()}:void 0}):null]})}),Za=Go;export{Za as a};
2
- //# sourceMappingURL=chunk-BJMRBVG3.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../node_modules/.pnpm/@jbrowse+bandage-core@10.2.4/node_modules/@jbrowse/bandage-core/dist/chunks/chunk-AZFVORTC.js", "host:@jbrowse/render-core/useRenderingBackend", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/Info.mjs", "../../src/GraphGenomeView/components/HoverLayer.tsx", "../../src/GraphGenomeView/components/legendStyles.ts", "../../src/GraphGenomeView/components/Legend.tsx", "../../node_modules/.pnpm/@jbrowse+bandage-core@10.2.4/node_modules/@jbrowse/bandage-core/dist/chunks/chunk-TDQLINVI.js", "../../src/GraphGenomeView/components/usePaneGestures.ts", "../../src/GraphGenomeView/components/FacetPanels.tsx", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/CropFree.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/ZoomIn.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/ZoomOut.mjs", "../../src/GraphGenomeView/components/ColorSchemeSelect.tsx", "../../src/GraphGenomeView/components/GraphStats.tsx", "../../src/GraphGenomeView/components/LayoutSelect.tsx", "../../src/GraphGenomeView/components/RepeatSelect.tsx", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/Close.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/MoreVert.mjs", "../../src/GraphGenomeView/components/SettingsMenu.tsx", "../../src/GraphGenomeView/components/WalkSelect.tsx", "../../src/GraphGenomeView/components/GraphToolbar.tsx", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/FilterList.mjs", "../../node_modules/.pnpm/@mui+icons-material@9.5.0_@mui+material@9.5.0_@emotion+react@11.14.0_@types+react@19.3._be9a1cae12a24c212d9554fb2bd39b80/node_modules/@mui/icons-material/FilterListOff.mjs", "../../src/GraphGenomeView/components/WalkRowContextMenu.tsx", "../../src/GraphGenomeView/components/WalkStrip.tsx", "../../src/GraphGenomeView/components/WalkStripLocator.tsx", "../../src/GraphGenomeView/renderer/GraphRenderer.ts", "../../src/GraphGenomeView/components/GraphCanvas.tsx"],
4
- "sourcesContent": ["// src/hoverText.ts\nfunction regionLabel(loc) {\n return `${loc.refName}:${(loc.start + 1).toLocaleString()}-${loc.end.toLocaleString()}`;\n}\nfunction edgeHoverText(edge, deletion, nameOf = (id) => id) {\n return deletion ? {\n deletion: {\n bp: `${deletion.bp.toLocaleString()} bp`,\n where: regionLabel(deletion)\n }\n } : {\n ends: `${nameOf(edge.from)}${edge.fromStrand ?? \"\"} \\u2192 ${nameOf(edge.to)}${edge.toStrand ?? \"\"}`\n };\n}\n\nexport {\n regionLabel,\n edgeHoverText\n};\n", "const host = JBrowseExports[\"@jbrowse/render-core/useRenderingBackend\"]\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/useRenderingBackend\" + \"' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse\",\n )\n },\n { jbrowseHostMissing: name },\n )\nexport const CONTEXT_LOST_REPORT_GRACE_MS = /* @__PURE__ */ read(\"CONTEXT_LOST_REPORT_GRACE_MS\")\nexport const OFFSCREEN_RELEASE_BAND = /* @__PURE__ */ read(\"OFFSCREEN_RELEASE_BAND\")\nexport const createGpuContextLostError = /* @__PURE__ */ read(\"createGpuContextLostError\")\nexport const createGpuDeviceLostError = /* @__PURE__ */ read(\"createGpuDeviceLostError\")\nexport const createGpuSurfaceLostError = /* @__PURE__ */ read(\"createGpuSurfaceLostError\")\nexport const isGpuContextLostError = /* @__PURE__ */ read(\"isGpuContextLostError\")\nexport const useRenderingBackend = /* @__PURE__ */ read(\"useRenderingBackend\")\nexport default host && host.__esModule ? host.default : host", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z\"\n}), 'Info');", "import { useEffect, useState } from 'react'\n\nimport { Canvas2DRenderer } from '@jbrowse/bandage-core/renderer/Canvas2DRenderer'\nimport { autorun } from 'mobx'\n\nimport type { GraphPaneModel } from '../model'\n\nexport const hoverLayerStyle = {\n position: 'absolute' as const,\n left: 0,\n top: 0,\n pointerEvents: 'none' as const,\n zIndex: 1,\n}\n\n// The pane's hover, on a transparent canvas over its drawing and tube map\nexport default function HoverLayer({ model }: { model: GraphPaneModel }) {\n const [canvas, setCanvas] = useState<HTMLCanvasElement | null>(null)\n useEffect(() => {\n if (!canvas) {\n return undefined\n }\n const renderer = new Canvas2DRenderer(canvas)\n const dispose = autorun(() => {\n renderer.resize(model.paneWidth, model.canvasHeight)\n model.paintHover(renderer, model.drawnBatch)\n })\n return () => {\n dispose()\n renderer.dispose()\n }\n }, [canvas, model])\n return (\n <canvas\n ref={setCanvas}\n data-testid=\"graph-hover-layer\"\n style={hoverLayerStyle}\n />\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: 'rgba(255,255,255,0.82)',\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", "import type { ReactNode } from 'react'\n\nimport { rulerInk } from '@jbrowse/bandage-core/tubeMap/axis'\nimport { observer } from 'mobx-react'\n\nimport { SWATCH_PX, legendSections, swatchWidth } from '../legendSections'\nimport { legendBoxStyle, legendNoteStyle, legendRowStyle } from './legendStyles'\n\nimport type { LegendRow, LegendSwatch, Stop } from '../legendSections'\nimport type { GraphPaneModel } from '../model'\n\nexport function stopsCss(stops: readonly Stop[]) {\n return stops.length === 1\n ? stops[0]!.color\n : `linear-gradient(to right, ${stops.map(s => `${s.color} ${s.offset * 100}%`).join(', ')})`\n}\n\nconst glyphStyle = {\n width: SWATCH_PX,\n flex: 'none',\n textAlign: 'center' as const,\n fontFamily: 'monospace',\n fontSize: 12,\n}\n\nexport function LegendSwatchView({ swatch }: { swatch: LegendSwatch }) {\n const width = swatchWidth(swatch)\n const box = { width, flex: 'none' }\n switch (swatch.kind) {\n case 'fill':\n return (\n <div\n style={{\n ...box,\n height: swatch.height ?? 8,\n borderRadius: swatch.square ? 0 : 2,\n background: stopsCss(swatch.stops),\n }}\n />\n )\n case 'bands':\n return (\n <div style={box}>\n {swatch.bands.map((stops, i) => (\n <div\n key={i}\n style={{\n height: swatch.bands.length > 1 ? 3 : 4,\n background: stopsCss(stops),\n }}\n />\n ))}\n </div>\n )\n case 'line':\n return (\n <div\n style={{\n ...box,\n height: 3,\n borderRadius: 2,\n background: swatch.color,\n }}\n />\n )\n case 'halo':\n return (\n <svg width={width} height={10} style={{ flex: 'none' }}>\n <line\n x1={5}\n y1={5}\n x2={13}\n y2={5}\n stroke={swatch.color}\n strokeOpacity={0.35}\n strokeWidth={8}\n strokeLinecap=\"round\"\n />\n </svg>\n )\n case 'outline':\n return (\n <div\n style={{\n ...box,\n height: swatch.height,\n boxSizing: 'border-box',\n border: `${swatch.stroke}px solid ${swatch.color}`,\n borderRadius: swatch.radius,\n }}\n />\n )\n case 'overhang':\n return (\n <svg width={width} height={10} style={{ flex: 'none' }}>\n <path d=\"M0,5 L8,0 L8,10 Z M18,5 L10,0 L10,10 Z\" fill=\"#18181c\" />\n </svg>\n )\n case 'glyph':\n return <span style={glyphStyle}>{swatch.char}</span>\n case 'tick':\n return (\n <div\n style={{\n ...box,\n height: swatch.height,\n display: 'flex',\n justifyContent: 'center',\n background: swatch.backing,\n }}\n >\n <div style={{ width: 2, backgroundColor: swatch.color }} />\n </div>\n )\n case 'bracket':\n return (\n <svg width={width} height={7} style={{ flex: 'none' }}>\n <path\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 </svg>\n )\n case 'blank':\n return <span style={box} />\n }\n}\n\n// One row: its swatch then its words, or a note with neither. `at`, where\n// the hovered node sits on a walk, stands in for the line under it.\nexport function LegendRowView({\n row,\n at,\n hint,\n after,\n}: {\n row: LegendRow\n at?: string\n hint?: string\n after?: ReactNode\n}) {\n if (!row.swatch) {\n return <div style={legendNoteStyle}>{row.label}</div>\n }\n const line = (\n <div style={legendRowStyle}>\n <LegendSwatchView swatch={row.swatch} />\n <span>\n {row.strong ? <strong>{row.strong}</strong> : null}\n {row.label}\n </span>\n {after}\n </div>\n )\n const title = [row.title, hint].filter(Boolean).join(' \u00B7 ') || undefined\n return at || row.under ? (\n <div title={title}>\n {line}\n {at ? (\n <div data-testid=\"graph-walk-at\">{at}</div>\n ) : (\n <div>{row.under}</div>\n )}\n </div>\n ) : title ? (\n <div title={title}>{line}</div>\n ) : (\n line\n )\n}\n\nconst closeStyle = {\n pointerEvents: 'auto' as const,\n cursor: 'pointer',\n border: 'none',\n background: 'none',\n padding: '0 2px',\n font: 'inherit',\n textDecoration: 'underline',\n}\n\n// Every key the drawing needs, a section each\nexport const LegendPanel = observer(function LegendPanel({\n model,\n}: {\n model: GraphPaneModel\n}) {\n return (\n <>\n {legendSections(model).map(({ testid, rows }) => (\n <div key={testid} style={legendBoxStyle} data-testid={testid}>\n {rows.map(row => (\n <LegendRowView\n key={row.key}\n row={row}\n at={row.walk ? model.hoveredOn(row.walk) : undefined}\n after={\n row.closesBubble ? (\n <button\n type=\"button\"\n style={closeStyle}\n data-testid=\"graph-close-bubble\"\n onClick={() => {\n model.closeBubbles()\n }}\n >\n close\n </button>\n ) : null\n }\n />\n ))}\n </div>\n ))}\n </>\n )\n})\n", "// src/util/wheelZoom.ts\nvar ZOOM_PER_NOTCH = 1.1;\nvar NOTCH_PX = 100;\nvar LINE_PX = 40;\nvar PAGE_PX = 800;\nvar PINCH_GAIN = 10;\nvar MAX_NOTCHES_PER_EVENT = 2;\nfunction wheelZoomFactor(e) {\n const px = e.deltaY * (e.deltaMode === 1 ? LINE_PX : e.deltaMode === 2 ? PAGE_PX : 1);\n const notches = (e.ctrlKey ? PINCH_GAIN : 1) * px / NOTCH_PX;\n return ZOOM_PER_NOTCH ** -Math.max(-MAX_NOTCHES_PER_EVENT, Math.min(MAX_NOTCHES_PER_EVENT, notches));\n}\n\nexport {\n wheelZoomFactor\n};\n", "import { useEffect, useRef, useState } from 'react'\n\nimport {\n findHoveredEdge,\n findHoveredNode,\n} from '@jbrowse/bandage-core/util/hitDetection'\nimport { wheelZoomFactor } from '@jbrowse/bandage-core/util/wheelZoom'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\n\nimport { chipReadoutAt } from './LabelLayer'\n\nimport type { GraphPaneModel } from '../model'\n\n// wheel events need passive:false to call preventDefault \u2014 React registers\n// wheel listeners as passive, so we must add this imperatively\nexport function useWheelZoom(\n canvas: HTMLCanvasElement | null | undefined,\n model: GraphPaneModel,\n) {\n useEffect(() => {\n if (!canvas) {\n return undefined\n }\n const c = canvas\n function handleWheel(e: WheelEvent) {\n if (model.hostPlacesX) {\n return\n }\n if (model.host) {\n e.stopPropagation()\n }\n e.preventDefault()\n const rect = c.getBoundingClientRect()\n model.zoom(\n wheelZoomFactor(e),\n e.clientX - rect.left,\n e.clientY - rect.top,\n )\n }\n c.addEventListener('wheel', handleWheel, { passive: false })\n return () => {\n c.removeEventListener('wheel', handleWheel)\n }\n }, [canvas, model])\n}\n\nconst CLICK_SLOP_PX = 3\n\n// The pointer on a canvas drawing the pane's transform: the pane's own, or any\n// facet panel, since the panels share it. Coordinates are read against the\n// canvas the event is on.\nexport function usePaneGestures(model: GraphPaneModel) {\n // Where the pointer was last, and whether it has travelled since mousedown \u2014\n // per-gesture scratch that nothing renders from, which is what a ref is for.\n // Whether a drag is in progress is model state (`isPanning`/`draggingNode`),\n // because the cursor renders from it.\n const lastMouseRef = useRef({ x: 0, y: 0 })\n const downRef = useRef({ x: 0, y: 0 })\n const hasMovedRef = useRef(false)\n // A pan and a hover are applied once per frame, not once per mousemove:\n // mousemove fires in bursts well above the frame rate, and each pan step\n // repainted the canvas and re-placed every overlay label, while each hover\n // step ran both hit indexes. The pending pan is the summed delta; the pending\n // hover is the last pointer position, since only the last one can be right.\n const pendingRef = useRef<{\n frame: number\n pan: { dx: number; dy: number } | null\n hover: { x: number; y: number } | null\n }>({ frame: 0, pan: null, hover: null })\n useEffect(\n () => () => {\n cancelAnimationFrame(pendingRef.current.frame)\n },\n [],\n )\n const [contextNode, setContextNode] = useState<\n { nodeId: string; top: number; left: number } | undefined\n >(undefined)\n const [hoveredChip, setHoveredChip] =\n useState<ReturnType<typeof chipReadoutAt>>(undefined)\n const [contextRow, setContextRow] = useState<\n { row: number; top: number; left: number } | undefined\n >(undefined)\n\n function screenToGraph(screenX: number, screenY: number) {\n return {\n x: (screenX - model.translateX) / model.scaleX,\n y: (screenY - model.translateY) / model.scaleY,\n }\n }\n\n function getMouseCoord(e: React.MouseEvent) {\n const rect = (e.currentTarget as HTMLCanvasElement).getBoundingClientRect()\n return screenToGraph(e.clientX - rect.left, e.clientY - rect.top)\n }\n\n // The node at a graph coordinate, which mousedown, mousemove and click all\n // need. Takes the coordinate rather than the event so a caller that already\n // has one does not pay for a second getBoundingClientRect.\n function nodeAt(x: number, y: number) {\n const { nodePositions } = model\n const sx = x * model.scaleX + model.translateX\n const sy = y * model.scaleY + model.translateY\n if (model.layoutResult?.tubeMap) {\n return model.tubeMapNodeAt(sx, sy)\n }\n const onStrip = model.referenceStripNodeAt(sx, sy)\n if (onStrip) {\n return onStrip\n }\n return nodePositions\n ? findHoveredNode(\n nodePositions,\n x,\n y,\n model.axisScale,\n model.positionsVersion,\n model.nodeInk,\n )\n : null\n }\n\n // The linear view drags by mouse events, so a hosted pane that pans itself\n // keeps the mousedown from it; the gesture itself is the pointer's\n function onMouseDown(e: React.MouseEvent) {\n if (e.button === 0) {\n e.preventDefault()\n if (model.host && !model.hostPlacesX) {\n e.stopPropagation()\n }\n }\n }\n\n // Captured, so a drag keeps going over a bubble chip or the gap between\n // facet panels, and a finger drags as a mouse does\n function onPointerDown(e: React.PointerEvent) {\n if (e.button === 0) {\n hasMovedRef.current = false\n downRef.current = { x: e.clientX, y: e.clientY }\n if (model.hostPlacesX) {\n return\n }\n e.currentTarget.setPointerCapture(e.pointerId)\n const { x, y } = getMouseCoord(e)\n // a tube map's boxes are the layout's, and the strip's are bp, not\n // positions to drag\n const node =\n model.layoutResult?.tubeMap ||\n e.nativeEvent.offsetY < model.referenceStripZonePx\n ? null\n : nodeAt(x, y)\n if (node) {\n model.setDraggingNode(node)\n } else {\n model.setPanning(true)\n }\n lastMouseRef.current = { x: e.clientX, y: e.clientY }\n }\n }\n\n function applyPending() {\n const pending = pendingRef.current\n pending.frame = 0\n if (pending.pan) {\n model.setTransform(\n model.scale,\n model.translateX + pending.pan.dx,\n model.translateY + pending.pan.dy,\n )\n pending.pan = null\n }\n if (pending.hover) {\n const chip = model.facetPanels\n ? undefined\n : chipReadoutAt(model.overlayLabels, pending.hover.x, pending.hover.y)\n setHoveredChip(was =>\n was?.label === chip?.label && was?.readout === chip?.readout\n ? was\n : chip,\n )\n }\n const bars = model.walkRowBars\n if (pending.hover && bars) {\n const i = model.walkRowAt(pending.hover.x, pending.hover.y)\n model.setHoveredWalkRow(\n i === undefined ? null : [bars.reference, ...bars.rows][i]!.name,\n )\n }\n if (pending.hover && model.nodePositions && model.graph) {\n const { x: sx, y: sy } = pending.hover\n const { x, y } = screenToGraph(sx, sy)\n pending.hover = null\n const node = nodeAt(x, y)\n model.setHoveredPanel(model.tubeMapPanelAt(sy))\n model.setHoveredNode(node, { x: sx, y: sy })\n model.setHoveredTube(\n node === null && model.layoutResult?.tubeMap\n ? model.tubeAt(sx, sy)\n : null,\n )\n model.setHoveredEdge(\n node || model.layoutResult?.tubeMap || !model.hoverLightsEverything\n ? null\n : findHoveredEdge(\n model.nodePositions,\n model.graph,\n x,\n y,\n model.axisScale,\n // resolved, so the hit index bounds the ribbons that are\n // actually drawn \u2014 see effectiveDrawPaths. Facet panels draw\n // none.\n model.effectiveDrawPaths && !model.facetPanels,\n model.positionsVersion,\n model.deletionEdgeIndexes,\n model.hiddenEdgeIndexes,\n model.deletionRoutes,\n model.layoutResult?.stranded,\n ),\n )\n }\n }\n\n function scheduleFrame() {\n if (!pendingRef.current.frame) {\n pendingRef.current.frame = requestAnimationFrame(applyPending)\n }\n }\n\n function dropPending() {\n const pending = pendingRef.current\n cancelAnimationFrame(pending.frame)\n pending.frame = 0\n pending.pan = null\n pending.hover = null\n }\n\n function onPointerMove(e: React.PointerEvent) {\n const dx = e.clientX - lastMouseRef.current.x\n const dy = e.clientY - lastMouseRef.current.y\n lastMouseRef.current = { x: e.clientX, y: e.clientY }\n\n // from where the button went down, not per event: a slow drag moves a\n // pixel at a time\n if (\n Math.hypot(e.clientX - downRef.current.x, e.clientY - downRef.current.y) >\n CLICK_SLOP_PX\n ) {\n hasMovedRef.current = true\n }\n\n const pending = pendingRef.current\n if (model.draggingNode) {\n model.moveNode(model.draggingNode, dx / model.scaleX, dy / model.scaleY)\n } else if (model.isPanning) {\n pending.pan = {\n dx: (pending.pan?.dx ?? 0) + dx,\n dy: (pending.pan?.dy ?? 0) + dy,\n }\n scheduleFrame()\n } else {\n const rect = (\n e.currentTarget as HTMLCanvasElement\n ).getBoundingClientRect()\n pending.hover = { x: e.clientX - rect.left, y: e.clientY - rect.top }\n scheduleFrame()\n }\n }\n\n // also the end of a capture the browser took back\n function onPointerUp() {\n if (isAlive(model)) {\n model.stopDragging()\n }\n }\n\n // also fired by the canvas unmounting under a resting pointer, after the\n // view closing it has destroyed the model\n function onPointerLeave() {\n dropPending()\n setHoveredChip(undefined)\n if (!isAlive(model)) {\n return\n }\n model.stopDragging()\n model.setHoveredNode(null)\n model.setHoveredPanel(null)\n model.setHoveredTube(null)\n model.setHoveredEdge(null)\n model.setHoveredWalkRow(null)\n }\n\n // Right-clicking a node is the gesture that asks \"where is this?\", and until\n // now the graph had no answer: a node named an assembly and an offset in its\n // tags that nothing surfaced. The items come from the model's launch targets,\n // so what is offered is what can actually be opened.\n function onContextMenu(e: React.MouseEvent) {\n const { x, y } = getMouseCoord(e)\n const node = nodeAt(x, y)\n if (node) {\n e.preventDefault()\n setContextNode({ nodeId: node, top: e.clientY, left: e.clientX })\n return\n }\n const row = model.walkRowAt(\n x * model.scaleX + model.translateX,\n y * model.scaleY + model.translateY,\n )\n if (row !== undefined) {\n e.preventDefault()\n setContextRow({ row, top: e.clientY, left: e.clientX })\n }\n }\n\n function onClick(e: React.MouseEvent) {\n // a click that ended a drag selects nothing\n if (!hasMovedRef.current) {\n const { x, y } = getMouseCoord(e)\n const node = nodeAt(x, y)\n model.setSelectedNode(node)\n if (node) {\n model.showNodeDetails(node)\n }\n }\n }\n\n return {\n handlers: {\n onMouseDown,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n onPointerCancel: onPointerUp,\n onLostPointerCapture: onPointerUp,\n onPointerLeave,\n onClick,\n onContextMenu,\n },\n contextNode,\n contextRow,\n hoveredChip,\n closeContextMenu: () => {\n setContextNode(undefined)\n setContextRow(undefined)\n },\n }\n}\n\nexport type PaneHandlers = ReturnType<typeof usePaneGestures>['handlers']\n", "import { useEffect, useState } from 'react'\n\nimport { FACET_GAP_PX, FACET_TITLE_PX } from '@jbrowse/bandage-core/facetGrid'\nimport { Canvas2DRenderer } from '@jbrowse/bandage-core/renderer/Canvas2DRenderer'\nimport { autorun, computed } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport { hoverLayerStyle } from './HoverLayer'\nimport { LegendRowView } from './Legend'\nimport { useWheelZoom } from './usePaneGestures'\nimport { facetKeyRows, walkKeyRow } from '../legendSections'\nimport { FACET_KEY_ROW_PX } from '../pane/fitViews'\n\nimport type { PaneHandlers } from './usePaneGestures'\nimport type { GraphPaneModel } from '../model'\nimport type { WalkLift } from '@jbrowse/bandage-core/walkHighlight'\n\n// The pane faceted by walk: the same layout drawn once per lifted walk, each\n// panel with that walk alone shading along itself, so walks compare by where\n// they go rather than by which lane is which colour. The panels share the\n// pane's transform, so a pan, zoom or hover in one is in all of them.\n\nconst gridStyle = {\n position: 'absolute' as const,\n left: 0,\n top: 0,\n zIndex: 4,\n display: 'grid',\n gap: FACET_GAP_PX,\n lineHeight: 'normal',\n}\n\nconst titleStyle = {\n height: FACET_TITLE_PX,\n padding: '2px 6px',\n boxSizing: 'border-box' as const,\n fontFamily: 'inherit',\n fontSize: 11,\n color: 'inherit',\n cursor: 'pointer',\n border: 'none',\n background: 'none',\n textAlign: 'left' as const,\n display: 'block',\n}\n\nconst panelStyle = { position: 'relative' as const }\n\nconst keyStyle = {\n gridColumn: '1 / -1',\n height: FACET_KEY_ROW_PX,\n padding: '2px 6px',\n boxSizing: 'border-box' as const,\n display: 'flex',\n gap: 14,\n fontSize: 11,\n lineHeight: '15px',\n}\n\nconst FacetPanel = observer(function FacetPanel({\n model,\n lift,\n width,\n height,\n cell,\n handlers,\n}: {\n model: GraphPaneModel\n lift: WalkLift\n width: number\n height: number\n cell: { gridRow: number; gridColumn: number }\n handlers: PaneHandlers\n}) {\n const [canvas, setCanvas] = useState<HTMLCanvasElement | null>(null)\n const [hoverCanvas, setHoverCanvas] = useState<HTMLCanvasElement | null>(null)\n const walk = lift.walks[0]!\n useWheelZoom(canvas, model)\n\n useEffect(() => {\n if (!canvas || !hoverCanvas) {\n return undefined\n }\n const renderer = new Canvas2DRenderer(canvas)\n const hover = new Canvas2DRenderer(hoverCanvas)\n renderer.resize(width, height)\n hover.resize(width, height)\n const drawing = computed(() => model.buildDrawing(lift, false))\n let uploaded: ReturnType<typeof model.buildDrawing>\n const disposers = [\n autorun(() => {\n const built = drawing.get()\n if (!built) {\n return\n }\n if (built !== uploaded) {\n renderer.uploadGeometry(built.batch)\n uploaded = built\n }\n model.applySelection(renderer)\n model.paint(renderer)\n }),\n autorun(() => {\n const built = drawing.get()\n if (built) {\n model.paintHover(hover, built.batch)\n }\n }),\n ]\n return () => {\n for (const dispose of disposers) {\n dispose()\n }\n renderer.dispose()\n hover.dispose()\n }\n }, [canvas, hoverCanvas, model, lift, width, height])\n\n const label = model.walkLabel(walk.name)\n return (\n <div style={cell}>\n <button\n type=\"button\"\n style={titleStyle}\n data-testid=\"graph-facet-title\"\n onClick={() => {\n model.liftWalks([walk.name])\n model.setFacet('')\n }}\n >\n <LegendRowView\n row={walkKeyRow(model, walk)}\n hint={`click to lift ${label} alone`}\n at={model.hoveredOn(walk)}\n />\n </button>\n <div style={panelStyle}>\n <canvas\n ref={setCanvas}\n data-testid=\"graph-facet-canvas\"\n style={{\n width,\n height,\n display: 'block',\n cursor: model.isPanning || model.draggingNode ? 'grabbing' : 'grab',\n touchAction: model.hostPlacesX ? 'auto' : 'none',\n overscrollBehavior: 'contain',\n }}\n {...handlers}\n />\n <canvas ref={setHoverCanvas} style={hoverLayerStyle} />\n </div>\n </div>\n )\n})\n\nconst FacetPanels = observer(function FacetPanels({\n model,\n handlers,\n}: {\n model: GraphPaneModel\n handlers: PaneHandlers\n}) {\n const panels = model.facetPanels\n const grid = model.facetGrid\n const place = model.facetPlacement\n if (!panels || !grid || !place) {\n return null\n }\n const { columns, width, height } = grid\n return (\n <div\n data-testid=\"graph-facet-panels\"\n style={{\n ...gridStyle,\n width: model.paneWidth,\n minHeight: model.canvasHeight,\n gridTemplateColumns: `repeat(${columns}, ${width}px)`,\n background: model.darkMode ? '#1f1f1f' : 'white',\n }}\n >\n {panels.map((lift, i) => (\n <FacetPanel\n key={lift.walks[0]!.name}\n model={model}\n lift={lift}\n width={width}\n height={height}\n cell={{\n gridRow: Math.floor(place.cells[i]! / columns) + 1,\n gridColumn: (place.cells[i]! % columns) + 1,\n }}\n handlers={handlers}\n />\n ))}\n <div\n style={{\n ...keyStyle,\n gridRow: Math.floor(Math.max(...place.cells) / columns) + 2,\n }}\n data-testid=\"graph-facet-key\"\n >\n {facetKeyRows(model).map(row => (\n <LegendRowView key={row.key} row={row} />\n ))}\n </div>\n </div>\n )\n})\n\nexport default FacetPanels\n", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2m2 10H3v4c0 1.1.9 2 2 2h4v-2H5zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2\"\n}), 'CropFree');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon([/*#__PURE__*/_jsx(\"path\", {\n d: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14\"\n}, \"0\"), /*#__PURE__*/_jsx(\"path\", {\n d: \"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z\"\n}, \"1\")], 'ZoomIn');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14M7 9h5v1H7z\"\n}), 'ZoomOut');", "import { COLOR_SCHEMES } from '@jbrowse/bandage-core/colorSchemes'\nimport { observer } from 'mobx-react'\n\nimport LabelledSelect from './LabelledSelect'\n\nimport type { GraphPaneModel } from '../model'\n\nconst ColorSchemeSelect = observer(function ColorSchemeSelect({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const fixed = model.colorSchemeLock\n return (\n <LabelledSelect\n label=\"Color\"\n size=\"small\"\n sx={{ minWidth: 100 }}\n disabled={fixed !== undefined}\n title={fixed?.why}\n shown={fixed?.value}\n value={model.chosenColorScheme}\n options={COLOR_SCHEMES}\n onChange={scheme => {\n model.setColorScheme(scheme)\n }}\n />\n )\n})\n\nexport default ColorSchemeSelect\n", "import { Typography } from '@mui/material'\nimport { observer } from 'mobx-react'\nimport { makeStyles } from 'tss-react/mui'\n\nimport type { GraphPaneModel } from '../model'\n\nconst useStyles = makeStyles()({\n stats: {\n marginLeft: 'auto',\n },\n perf: {\n color: '#888',\n fontVariantNumeric: 'tabular-nums',\n },\n})\n\nfunction fmtMs(ms: number | undefined) {\n return ms === undefined ? '\u2013' : `${Math.round(ms)}ms`\n}\n\n// The perf READOUT, off by default: it sat in the toolbar of every published\n// graph figure, where one machine's fetch time is a number a reader has to work\n// out is not about them. `showPerf` is in the settings menu.\n//\n// The numbers themselves are not conditional \u2014 they ride the stats element's\n// data-* attributes either way (see GraphStats), so a browser test asserting a\n// timing budget never depends on a display setting, and turning the text off\n// costs no coverage. They live there rather than on this element so that\n// switching the text off leaves no empty node behind to carry them.\nconst GraphPerf = observer(function GraphPerf({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const { classes } = useStyles()\n const { lastFetchMs, lastLayoutMs, lastGeometryMs } = model\n const hasMetrics =\n lastFetchMs !== undefined ||\n lastLayoutMs !== undefined ||\n lastGeometryMs !== undefined\n return model.showPerf && hasMetrics ? (\n <Typography\n variant=\"caption\"\n className={classes.perf}\n data-testid=\"graph-perf-stats\"\n >\n fetch {fmtMs(lastFetchMs)} \u00B7 layout {fmtMs(lastLayoutMs)} \u00B7 geom{' '}\n {fmtMs(lastGeometryMs)}\n </Typography>\n ) : null\n})\n\nconst GraphStats = observer(function GraphStats({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const { classes } = useStyles()\n return (\n <div\n className={classes.stats}\n data-testid=\"graph-stats\"\n data-node-count={model.nodeCount}\n data-edge-count={model.edgeCount}\n data-path-count={model.pathCount}\n // unconditional, whatever `showPerf` is doing to the text beside them \u2014\n // see GraphPerf\n data-fetch-ms={model.lastFetchMs ?? ''}\n data-layout-ms={model.lastLayoutMs ?? ''}\n data-geometry-ms={model.lastGeometryMs ?? ''}\n data-geometry-strokes={model.lastGeometryStrokeCount ?? ''}\n >\n <Typography variant=\"body2\" component=\"span\">\n {model.nodeCount} nodes, {model.edgeCount} edges\n {model.pathCount > 0 ? `, ${model.pathCount} paths` : ''}\n </Typography>{' '}\n <GraphPerf model={model} />\n </div>\n )\n})\n\nexport default GraphStats\n", "import { LAYOUT_MODES } from '@jbrowse/bandage-core/layoutModes'\nimport { observer } from 'mobx-react'\n\nimport LabelledSelect from './LabelledSelect'\n\nimport type { GraphPaneModel } from '../model'\n\nconst LayoutSelect = observer(function LayoutSelect({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const { graph } = model\n return (\n <LabelledSelect\n label=\"Layout\"\n size=\"small\"\n sx={{ minWidth: 140 }}\n testId=\"graph-layout-select\"\n value={model.chosenLayoutMode}\n options={LAYOUT_MODES.map(({ value, label, description, available }) => ({\n value,\n label,\n description,\n disabled: graph ? !available(graph) : false,\n }))}\n onChange={mode => {\n void model.switchLayout(mode)\n }}\n />\n )\n})\n\nexport default LayoutSelect\n", "import { observer } from 'mobx-react'\n\nimport LabelledSelect from './LabelledSelect'\n\nimport type { GraphPaneModel } from '../model'\n\n// Which tandem repeat array walk rows slice each walk by and tile, or the\n// whole window\nconst RepeatSelect = observer(function RepeatSelect({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const { repeatChoices } = model\n if (model.chosenLayoutMode !== 'walkrows' || repeatChoices.length === 0) {\n return null\n }\n return (\n <LabelledSelect\n label=\"Repeat\"\n size=\"small\"\n sx={{ minWidth: 130, maxWidth: 260 }}\n testId=\"graph-repeat-select\"\n value={model.selectedRepeat?.key ?? ''}\n options={[\n { value: '', label: 'Whole window' },\n ...repeatChoices.map(({ key, name, unit }) => ({\n value: key,\n label: `${name} \u00B7 ${unit.toLocaleString()} bp unit`,\n })),\n ]}\n onChange={key => {\n model.setRepeatKey(key)\n }}\n />\n )\n})\n\nexport default RepeatSelect\n", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\"\n}), 'MoreVert');", "import { useState } from 'react'\n\nimport { CascadingMenuButton } from '@jbrowse/core/ui'\nimport CloseIcon from '@mui/icons-material/Close'\nimport MoreVertIcon from '@mui/icons-material/MoreVert'\nimport RouteIcon from '@mui/icons-material/Route'\nimport SettingsIcon from '@mui/icons-material/Settings'\nimport VisibilityIcon from '@mui/icons-material/Visibility'\nimport { observer } from 'mobx-react'\n\nimport GraphSettingsDialog from './GraphSettingsDialog'\n\nimport type { GraphPaneModel } from '../model'\n\nconst SettingsMenu = observer(function SettingsMenu({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const [settingsOpen, setSettingsOpen] = useState(false)\n // the toolbar beside this menu picks the walks and the repeat\n const haplotypes = model.highlightMenuItems({ picks: false })\n\n return (\n <>\n <CascadingMenuButton\n size=\"small\"\n tooltip=\"Graph options\"\n menuItems={[\n ...(haplotypes.length > 0\n ? [{ label: 'Haplotypes', icon: RouteIcon, subMenu: haplotypes }]\n : []),\n ...model.layoutOptionMenuItems({ repeat: false }),\n {\n label: 'Show...',\n icon: VisibilityIcon,\n subMenu: [\n ...model.showMenuItems(),\n ...(model.modeDrawsNodes && model.walkChoices.length > 1\n ? [\n {\n type: 'checkbox' as const,\n label: 'Show walk rows under the graph',\n checked: model.walkStrip,\n onClick: () => {\n model.setWalkStrip(!model.walkStrip)\n },\n },\n ]\n : []),\n {\n type: 'checkbox' as const,\n label: 'Show timings',\n checked: model.showPerf,\n onClick: () => {\n model.setShowPerf(!model.showPerf)\n },\n },\n ],\n },\n { type: 'divider' as const },\n {\n label: 'Graph settings...',\n icon: SettingsIcon,\n helpText:\n 'Subgraph node limit; node width and path colors; the force-directed layout engine',\n onClick: () => {\n setSettingsOpen(true)\n },\n },\n { type: 'divider' as const },\n {\n label: 'Close graph',\n icon: CloseIcon,\n onClick: () => {\n model.clearGraph()\n },\n },\n ]}\n >\n <MoreVertIcon />\n </CascadingMenuButton>\n\n <GraphSettingsDialog\n model={model}\n open={settingsOpen}\n onClose={() => {\n setSettingsOpen(false)\n }}\n />\n </>\n )\n})\n\nexport default SettingsMenu\n", "import { useId } from 'react'\n\nimport { getSession } from '@jbrowse/core/util'\nimport {\n Button,\n Checkbox,\n FormControl,\n InputLabel,\n ListItemText,\n MenuItem,\n Select,\n} from '@mui/material'\nimport { observer } from 'mobx-react'\nimport { makeStyles } from 'tss-react/mui'\n\nimport { ChooseWalksDialog, WALK_MENU_ITEMS } from '../pane/paneBase'\n\nimport type { GraphPaneModel } from '../model'\n\nconst useStyles = makeStyles()({\n formControl: {\n minWidth: 130,\n maxWidth: 260,\n },\n})\n\n// Which walks to lift out of the drawing: Bandage's path highlight, for as many\n// of the haplotypes a GBZ cut carries as the reader picks. Absent from a graph\n// with no walks, and from a tube map, whose tubes are the walks.\nconst WalkSelect = observer(function WalkSelect({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const { classes } = useStyles()\n const labelId = useId()\n const { walkChoices } = model\n if (walkChoices.length === 0 || !model.liftsWalks) {\n return null\n }\n const names = new Set(walkChoices.map(c => c.name))\n const labels = new Map(walkChoices.map(c => [c.name, c.label]))\n const picked = model.walkLayers\n .map(layer => layer.walk)\n .filter(name => names.has(name))\n if (walkChoices.length > WALK_MENU_ITEMS) {\n return (\n <Button\n size=\"small\"\n variant=\"outlined\"\n color=\"inherit\"\n data-testid=\"graph-walk-choose\"\n onClick={() => {\n getSession(model).queueDialog(onClose => [\n ChooseWalksDialog,\n { model, onClose },\n ])\n }}\n >\n {picked.length > 0\n ? `${picked.length} of ${walkChoices.length} haplotypes`\n : 'Highlight haplotypes...'}\n </Button>\n )\n }\n return (\n <FormControl size=\"small\" className={classes.formControl}>\n <InputLabel id={labelId}>Highlight</InputLabel>\n <Select\n labelId={labelId}\n multiple\n value={picked}\n label=\"Highlight\"\n data-testid=\"graph-walk-select\"\n renderValue={selected => selected.map(n => labels.get(n)).join(', ')}\n onChange={e => {\n const { value } = e.target\n model.liftWalks(typeof value === 'string' ? value.split(',') : value)\n }}\n >\n {walkChoices.map(({ name, label }) => (\n <MenuItem key={name} value={name} dense>\n <Checkbox size=\"small\" checked={picked.includes(name)} />\n <ListItemText primary={label} />\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n )\n})\n\nexport default WalkSelect\n", "import CropFreeIcon from '@mui/icons-material/CropFree'\nimport ZoomInIcon from '@mui/icons-material/ZoomIn'\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut'\nimport { IconButton, Tooltip, Typography } from '@mui/material'\nimport { observer } from 'mobx-react'\nimport { makeStyles } from 'tss-react/mui'\n\nimport ColorSchemeSelect from './ColorSchemeSelect'\nimport GraphStats from './GraphStats'\nimport LayoutSelect from './LayoutSelect'\nimport RepeatSelect from './RepeatSelect'\nimport SettingsMenu from './SettingsMenu'\nimport WalkSelect from './WalkSelect'\n\nimport type { GraphPaneModel } from '../model'\n\nconst useStyles = makeStyles()({\n toolbar: {\n display: 'flex',\n alignItems: 'center',\n gap: 4,\n padding: '2px 4px',\n borderBottom: '1px solid #ddd',\n },\n})\n\nconst ZoomDisplay = observer(function ZoomDisplay({\n model,\n}: {\n model: GraphPaneModel\n}) {\n return <Typography variant=\"body2\">{model.zoomPercent}</Typography>\n})\n\nconst GraphToolbar = observer(function GraphToolbar({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const { classes } = useStyles()\n return (\n <div className={classes.toolbar}>\n <LayoutSelect model={model} />\n <ColorSchemeSelect model={model} />\n <WalkSelect model={model} />\n <RepeatSelect model={model} />\n <Tooltip title=\"Zoom in\">\n <IconButton\n size=\"small\"\n onClick={() => {\n model.zoom(1.5, model.viewBox.width / 2, model.viewBox.height / 2)\n }}\n >\n <ZoomInIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Zoom out\">\n <IconButton\n size=\"small\"\n onClick={() => {\n model.zoom(\n 1 / 1.5,\n model.viewBox.width / 2,\n model.viewBox.height / 2,\n )\n }}\n >\n <ZoomOutIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Zoom to fit\">\n <IconButton\n size=\"small\"\n onClick={() => {\n model.refitView()\n }}\n >\n <CropFreeIcon />\n </IconButton>\n </Tooltip>\n <ZoomDisplay model={model} />\n <GraphStats model={model} />\n <SettingsMenu model={model} />\n </div>\n )\n})\n\nexport default GraphToolbar\n", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z\"\n}), 'FilterList');", "\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M10.83 8H21V6H8.83zm5 5H18v-2h-4.17zM14 16.83V18h-4v-2h3.17l-3-3H6v-2h2.17l-3-3H3V6h.17L1.39 4.22 2.8 2.81l18.38 18.38-1.41 1.41z\"\n}), 'FilterListOff');", "import { Menu } from '@jbrowse/core/ui'\nimport FilterListIcon from '@mui/icons-material/FilterList'\nimport FilterListOffIcon from '@mui/icons-material/FilterListOff'\nimport LineStyleIcon from '@mui/icons-material/LineStyle'\nimport { observer } from 'mobx-react'\n\nimport { locLabel } from '../../launchFromGraph/contributors'\n\nimport type { GraphPaneModel } from '../model'\nimport type { WalkRows } from '@jbrowse/bandage-core/layout/walkRows'\n\n// A walk row's bar stands for a span of its haplotype's own contig, so the\n// question a right-click asks is answered by a linear view on that assembly,\n// with its genes\nexport const WalkRowContextMenu = observer(function WalkRowContextMenu({\n model,\n row,\n bars,\n top,\n left,\n onClose,\n}: {\n model: GraphPaneModel\n row: number\n // the rows `row` indexes, walk rows' own unless a strip's\n bars?: WalkRows\n top: number\n left: number\n onClose: () => void\n}) {\n const rows = bars ?? model.walkRowBars\n const target = model.walkRowLaunchTarget(row, rows)\n const assembly = target?.assembly\n const walk = row > 0 ? rows?.rows[row - 1] : undefined\n const sample = walk?.sample\n // the strip's rows are not walk rows', and take no sample filter\n const filters = !bars && model.walkRowBars\n const shown = model.walkRowSamples\n return (\n <Menu\n open\n anchorReference=\"anchorPosition\"\n anchorPosition={{ top, left }}\n onClose={() => {\n onClose()\n }}\n onMenuItemClick={callback => {\n callback()\n }}\n menuItems={[\n target && assembly\n ? {\n label: `Linear genome view \u2014 ${assembly} ${locLabel(target.location)}`,\n icon: LineStyleIcon,\n onClick: () => {\n model.showInLinearView({ location: target.location, assembly })\n },\n }\n : {\n label: 'Linear genome view',\n icon: LineStyleIcon,\n disabled: true,\n disabledHelpText: target\n ? `No assembly in this session is ${target.location.haplotype ?? target.label}`\n : 'This walk states no contig coordinates',\n onClick: () => {},\n },\n ...(walk && model.liftsWalks && model.modeDrawsNodes\n ? [\n {\n type: 'checkbox' as const,\n label: `Highlight ${walk.label}`,\n checked: model.walkLayers.some(l => l.walk === walk.name),\n onClick: () => {\n model.toggleWalk(walk.name)\n },\n },\n ]\n : []),\n ...(filters && sample && !(shown?.length === 1 && shown[0] === sample)\n ? [\n {\n label: `Show only ${sample}`,\n icon: FilterListIcon,\n onClick: () => {\n model.setWalkRowSamples([sample])\n },\n },\n ]\n : []),\n ...(filters && shown\n ? [\n {\n label: 'Show every sample',\n icon: FilterListOffIcon,\n onClick: () => {\n model.setWalkRowSamples(undefined)\n },\n },\n ]\n : []),\n ]}\n />\n )\n})\n", "import { useId, useMemo, useState } from 'react'\n\nimport {\n walkRowReadout,\n walkRowsKey,\n walkRowsTree,\n} from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport {\n stripGeneGaps,\n stripRowAt,\n walkMarksTree,\n walkStripLabelsTree,\n} from '@jbrowse/bandage-core/layout/walkStrip'\nimport { RAMP_GRADIENT_CSS } from '@jbrowse/bandage-core/referenceRampCss'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\nimport { observer } from 'mobx-react'\n\nimport ElTree from './ElTree'\nimport { LegendSwatchView } from './Legend'\nimport { WalkRowContextMenu } from './WalkRowContextMenu'\nimport { legendRowStyle } from './legendStyles'\nimport { walkRowSwatch } from '../legendSections'\n\nimport type { GraphPaneModel } from '../model'\nimport type { RowGene } from '@jbrowse/bandage-core/layout/walkRowDraw'\nimport type { WalkRows } from '@jbrowse/bandage-core/layout/walkRows'\nimport type { StripFrame } from '@jbrowse/bandage-core/layout/walkStrip'\n\n// Walk rows under a layout that draws nodes, each haplotype's walk on its own\n// bp, linked to the drawing above: the hovered node ticks every bar where its\n// walk passes it, and a point on a bar lights its node, ringed, above. The\n// bars share the drawing's colours, so under the reference-position ramp a hue\n// in the drawing is the same hue on each bar. Every row is shown; rows too\n// thin to letter say who they are on hover.\n\nconst keyStyle = {\n display: 'flex',\n flexWrap: 'wrap' as const,\n gap: '2px 14px',\n padding: '2px 8px 6px',\n fontSize: 11,\n color: '#333',\n}\n\nconst tipStyle = {\n position: 'absolute' as const,\n pointerEvents: 'none' as const,\n background: 'rgba(255,255,255,0.92)',\n border: '1px solid #ccc',\n borderRadius: 3,\n padding: '1px 6px',\n fontSize: 11,\n whiteSpace: 'nowrap' as const,\n zIndex: 4,\n}\n\n// The bars, built once per rows, frame, colouring and genes rather than per\n// hover\nconst StripBars = observer(function StripBars({\n bars,\n frame,\n ramp,\n rowGenes,\n}: {\n bars: WalkRows\n frame: StripFrame\n ramp: { start: number; end: number } | undefined\n rowGenes: Map<string, RowGene[]> | undefined\n}) {\n const idPrefix = useId().replace(/[^\\w-]/g, '')\n const tree = useMemo(\n () => walkRowsTree(bars, frame, { ramp, rowGenes, idPrefix }),\n [bars, frame, ramp, rowGenes, idPrefix],\n )\n return <ElTree el={tree} />\n})\n\n// The hovered row's readout where the rows are too thin to letter, at the\n// pointer's place on its bar. Its own observer, so a move along a bar redraws\n// the tip and not the strip.\nexport const StripTip = observer(function StripTip({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const bars = model.walkStripRows\n const frame = model.walkStripFrame\n const hover = model.stripHover\n const all = bars ? [bars.reference, ...bars.rows] : []\n const index = hover ? all.findIndex(r => r.name === hover.row) : -1\n const row = all[index]\n if (!bars || !frame || frame.labelled || !hover || !row) {\n return null\n }\n return (\n <div\n data-testid=\"graph-walk-strip-tip\"\n style={{\n ...tipStyle,\n left:\n (bars.origin + hover.offset) * frame.scaleX + frame.translateX + 12,\n top: index * frame.rowPx + frame.translateY - 18,\n }}\n >\n {row.label} \u00B7{' '}\n {walkRowReadout(row, index === 0 ? undefined : bars.reference)}\n </div>\n )\n})\n\nconst WalkStrip = observer(function WalkStrip({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const bars = model.walkStripRows\n const frame = model.walkStripFrame\n const [menu, setMenu] = useState<\n { row: number; top: number; left: number } | undefined\n >(undefined)\n if (!bars || !frame) {\n return null\n }\n const hit = (e: React.MouseEvent<SVGSVGElement>) => {\n const box = e.currentTarget.getBoundingClientRect()\n return stripRowAt(bars, frame, e.clientX - box.left, e.clientY - box.top)\n }\n const key = walkRowsKey(bars, {\n ramp: model.referenceRampDomain,\n rampCss: RAMP_GRADIENT_CSS,\n genes: stripGeneGaps(frame, model.walkRowGenes, model.walkRowGeneGaps),\n })\n return (\n <div\n data-testid=\"graph-walk-strip\"\n style={{ position: 'relative', borderTop: '1px solid #ddd' }}\n onMouseEnter={() => {\n model.setPointerInPane(true)\n }}\n onMouseLeave={() => {\n if (isAlive(model)) {\n model.setPointerInPane(false)\n model.setStripHover(null)\n }\n }}\n >\n <svg\n width={frame.width}\n height={frame.height}\n style={{ display: 'block' }}\n onMouseMove={e => {\n const at = hit(e)\n e.currentTarget.style.cursor = at && at.index > 0 ? 'pointer' : ''\n model.setStripHover(\n at ? { row: at.row.name, offset: at.offset } : null,\n )\n }}\n onClick={e => {\n const at = hit(e)\n if (at && at.index > 0) {\n model.toggleWalk(at.row.name)\n }\n }}\n onContextMenu={e => {\n const at = hit(e)\n if (at) {\n e.preventDefault()\n setMenu({ row: at.index, top: e.clientY, left: e.clientX })\n }\n }}\n >\n <title>\n Ticks mark where each walk passes the node under the pointer. Click a\n bar to lift its walk.\n </title>\n <StripBars\n bars={bars}\n frame={frame}\n ramp={model.referenceRampDomain}\n rowGenes={model.walkRowGenes}\n />\n <ElTree el={walkMarksTree(bars, frame, model.walkStripMarks)} />\n <ElTree\n el={walkStripLabelsTree(\n bars,\n frame,\n new Set(model.walkLayers.map(l => l.walk)),\n )}\n />\n </svg>\n <StripTip model={model} />\n <div style={keyStyle} data-testid=\"graph-walk-strip-key\">\n {key.map(entry => (\n <div key={entry.label} style={legendRowStyle}>\n <LegendSwatchView swatch={walkRowSwatch(entry.swatch)} />\n <span>{entry.label}</span>\n </div>\n ))}\n </div>\n {menu ? (\n <WalkRowContextMenu\n model={model}\n row={menu.row}\n bars={bars}\n top={menu.top}\n left={menu.left}\n onClose={() => {\n setMenu(undefined)\n }}\n />\n ) : null}\n </div>\n )\n})\n\nexport default WalkStrip\n", "import { observer } from 'mobx-react'\n\nimport type { GraphPaneModel } from '../model'\n\nconst svgStyle = {\n position: 'absolute' as const,\n left: 0,\n top: 0,\n pointerEvents: 'none' as const,\n overflow: 'visible' as const,\n zIndex: 4,\n}\n\n// A ring round the node a point on the walk strip lights, so a one-bp node\n// can be found in a hairball\nconst WalkStripLocator = observer(function WalkStripLocator({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const at = model.walkStripLocator\n return at ? (\n <svg\n style={svgStyle}\n width={model.paneWidth}\n height={model.canvasHeight}\n data-testid=\"graph-walk-strip-locator\"\n >\n <circle\n cx={at.x}\n cy={at.y}\n r={11}\n fill=\"none\"\n stroke=\"white\"\n strokeWidth={4}\n />\n <circle\n cx={at.x}\n cy={at.y}\n r={11}\n fill=\"none\"\n stroke=\"#111\"\n strokeWidth={1.75}\n />\n </svg>\n ) : null\n})\n\nexport default WalkStripLocator\n", "import { Canvas2DRenderer } from '@jbrowse/bandage-core/renderer/Canvas2DRenderer'\n\n// Canvas2D only, and deliberately not through render-core's GPU ladder. The\n// batch is strokes and arrowheads in layout units, and stroking them batched by\n// colour is inside a frame budget at the node counts this view caps itself at\n// (agent-docs/reference/GRAPH_SCALE_AND_LOD.md), so a GPU backend would buy a few\n// milliseconds for ~30 KB of bundled HAL and a shader toolchain. If one is ever\n// wanted, it should take the same `Renderer` interface and draw the batch as\n// instances \u2014 a capsule per node segment, a bezier ribbon per edge stroke \u2014\n// rather than reviving a triangle mesh; agent-docs/ideas/waiting-on-a-number scopes it.\nexport function createGraphRenderer(canvas: HTMLCanvasElement) {\n return Promise.resolve(new Canvas2DRenderer(canvas))\n}\n", "import { useEffect, useRef } from 'react'\n\nimport { edgeHoverText } from '@jbrowse/bandage-core/hoverText'\nimport { LEGEND_INSET_PX } from '@jbrowse/bandage-core/labelLayout'\nimport { ErrorBanner, LoadingOverlay, Menu } from '@jbrowse/core/ui'\nimport { isAlive } from '@jbrowse/mobx-state-tree'\nimport { useRenderingBackend } from '@jbrowse/render-core/useRenderingBackend'\nimport InfoIcon from '@mui/icons-material/Info'\nimport { observer } from 'mobx-react'\n\nimport BubbleHalos from './BubbleHalos'\nimport FacetPanels from './FacetPanels'\nimport GenePins from './GenePins'\nimport GraphToolbar from './GraphToolbar'\nimport HoverLayer from './HoverLayer'\nimport LabelLayer from './LabelLayer'\nimport { LegendPanel } from './Legend'\nimport ReferenceStripOverlay from './ReferenceStripOverlay'\nimport TubeMapOverlay from './TubeMapOverlay'\nimport { WalkRowContextMenu } from './WalkRowContextMenu'\nimport WalkRowsOverlay from './WalkRowsOverlay'\nimport WalkStrip from './WalkStrip'\nimport WalkStripLocator from './WalkStripLocator'\nimport { usePaneGestures, useWheelZoom } from './usePaneGestures'\nimport { locLabel, nodeOwnLocation } from '../../launchFromGraph/contributors'\nimport { nodeLaunchMenuItems } from '../../launchFromGraph/graphMenuItems'\nimport { TOOLTIP_INSET_PX } from '../pane/fitViews'\nimport { createGraphRenderer } from '../renderer/GraphRenderer'\n\nimport type { chipReadoutAt } from './LabelLayer'\nimport type { GraphPaneModel } from '../model'\n\n// Bottom right of the canvas, clear of the row labels on the left edge and of\n// a walk strip under the canvas. Where the legend reaches down to it, it moves\n// left of the legend.\nconst tooltipStyle = {\n position: 'absolute' as const,\n bottom: TOOLTIP_INSET_PX,\n lineHeight: 'normal',\n background: 'rgba(0,0,0,0.75)',\n color: 'white',\n padding: '4px 8px',\n borderRadius: 4,\n fontSize: 12,\n pointerEvents: 'none' as const,\n zIndex: 6,\n}\n\nconst wrapperStyle = { position: 'relative' as const }\n\n// The overlay origin has to be the canvas, not the wrapper: the wrapper also\n// holds the toolbar, so anything positioned against it is offset by the\n// toolbar's height, and a row label lands a whole row off the row it names.\nconst canvasAreaStyle = {\n position: 'relative' as const,\n lineHeight: 0,\n isolation: 'isolate' as const,\n}\n\n// Under a transparent canvas, from below the reference strip down, so the\n// linear view's gridlines show only behind the strip\nconst paperStyle = {\n position: 'absolute' as const,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0,\n}\n\n// Above the labels, pins and legends drawn over the canvas, and with the line\n// height the canvas area zeroes, which would collapse the overlay's label\nconst loadingLayerStyle = {\n position: 'absolute' as const,\n inset: 0,\n zIndex: 10,\n lineHeight: 'normal',\n pointerEvents: 'none' as const,\n}\n\nconst rowLabelStyle = {\n position: 'absolute' as const,\n left: 6,\n transform: 'translateY(-50%)',\n background: 'rgba(255,255,255,0.82)',\n padding: '0 4px',\n borderRadius: 3,\n fontSize: 11,\n // explicit, because the canvas container zeroes line-height to kill the\n // inline-block gap under the canvas. Inherited, that collapses the label to a\n // zero-height box: it still paints, but it has no layout, so anything asking\n // whether it is visible (a screenshot spec's waitForVisible, a11y tooling)\n // is told no.\n lineHeight: '16px',\n whiteSpace: 'nowrap' as const,\n pointerEvents: 'none' as const,\n zIndex: 4,\n}\n\n// Names the rows of a row-structured layout (anchored, sample rows). Without\n// them the layout draws real structure that cannot be read: a stack of bars\n// where every row means something and nothing says what.\n//\n// Positioned from the layout's own `rowLabels` through the same transform the\n// canvas draws with, so a label tracks its row across pan and zoom instead of\n// sitting at a measured pixel. It therefore has to be mounted in the canvas's\n// own positioning context (canvasAreaStyle) \u2014 against the wrapper it picks up\n// the toolbar's height and names the wrong row. Pinned to the left edge rather\n// than to the row's own x, because a row's leftmost node is wherever its first\n// allele happens to branch. Rows scrolled out of the canvas are dropped rather\n// than clamped to the edge, so a label never points at a row that is not\n// there.\nconst RowLabels = observer(function RowLabels({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const rowLabels = model.drawnRowLabels\n return (\n <>\n {rowLabels.map(({ label, y }) => {\n const screenY = y * model.scaleY + model.translateY\n return screenY >= 0 && screenY <= model.canvasHeight ? (\n // Keyed on the row, not on the label: two rows can carry the same\n // words. The sample-row layout names row 0 for the assembly the\n // backbone comes from and the rows below it for the samples\n // contributing alleles, and a diploid reference is in both lists \u2014\n // one haplotype is the reference path, the other walks alleles of its\n // own, and `parsePanSN` reduces both to one sample name.\n <div\n key={y}\n data-testid=\"graph-row-label\"\n style={{ ...rowLabelStyle, top: screenY }}\n >\n {label}\n </div>\n ) : null\n })}\n </>\n )\n})\n\n// Top RIGHT: the row labels own the left edge and the hover tooltip owns the\n// bottom right, so this is the one corner nothing else claims. Every key\n// stretches to the widest, so together they read as one panel. It takes the\n// pointer, for its rows' titles and its close button.\nconst legendStackStyle = {\n position: 'absolute' as const,\n top: LEGEND_INSET_PX,\n right: LEGEND_INSET_PX,\n display: 'flex',\n flexDirection: 'column' as const,\n borderRadius: 3,\n overflow: 'hidden' as const,\n zIndex: 4,\n}\n\nconst nodeLabelStyle = {\n position: 'absolute' as const,\n transform: 'translate(-50%, -50%)',\n background: 'rgba(255,255,255,0.78)',\n padding: '0 3px',\n borderRadius: 3,\n fontSize: 10,\n lineHeight: '13px',\n whiteSpace: 'nowrap' as const,\n pointerEvents: 'none' as const,\n zIndex: 3,\n}\n\n// Matches EDGE_DELETION_COLOR, so the words and the arc they name are one thing.\nconst deletionLabelStyle = {\n ...nodeLabelStyle,\n color: '#18181c',\n fontWeight: 600,\n}\n\n// Under the labels (z 3) and over the canvas, so a leader runs beneath the text\n// it points from rather than across it. `overflow: visible` because a label\n// displaced past the canvas edge is culled by the placement, not clipped here.\nconst leaderStyle = {\n position: 'absolute' as const,\n left: 0,\n top: 0,\n pointerEvents: 'none' as const,\n overflow: 'visible' as const,\n zIndex: 2,\n}\n\n// Measures itself for the model, so no label is placed under a legend and\n// none gives way to one that is not drawn.\n//\n// At rest only: the walk keys' hover readout would otherwise refit the view,\n// and the refit clears the hover that grew it\nconst Legends = observer(function Legends({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const ref = useRef<HTMLDivElement>(null)\n useEffect(() => {\n const el = ref.current\n if (!el) {\n return\n }\n // the last callback can land after the track is closed\n const observer = new ResizeObserver(() => {\n if (isAlive(model) && model.hoveredNode === null) {\n model.setLegendSize({ width: el.offsetWidth, height: el.offsetHeight })\n }\n })\n observer.observe(el)\n return () => {\n observer.disconnect()\n }\n }, [model])\n return (\n <div\n ref={ref}\n style={{\n ...legendStackStyle,\n top: LEGEND_INSET_PX + model.referenceStripZonePx,\n }}\n >\n <LegendPanel model={model} />\n </div>\n )\n})\n\n// Writes each drawn thing's size onto it, which is what Bandage's Length label\n// does and what the tooltip alone could not: a graph you have to hover to read\n// is a graph nobody reads. graphLabels applies the same transform the canvas\n// draws with \u2014 so a label tracks its node across pan and zoom \u2014 and decides\n// which labels fit; this only paints them, mounted in the canvas's own\n// positioning context for the reason RowLabels is.\nconst GraphSizeLabels = observer(function GraphSizeLabels({\n model,\n}: {\n model: GraphPaneModel\n}) {\n const labels = model.overlayLabels.sizes\n // A label too wide for the arc it names is placed clear of it and tethered\n // back; nothing else in the drawing carries one.\n const leaders = labels.flatMap(({ key, leader }) =>\n leader ? [{ key, ...leader }] : [],\n )\n return (\n <>\n {leaders.length > 0 ? (\n <svg\n style={leaderStyle}\n width={model.paneWidth}\n height={model.canvasHeight}\n >\n {leaders.map(({ key, arcX, arcY, labelX, labelY }) => (\n <line\n key={key}\n data-testid=\"graph-label-leader\"\n x1={arcX}\n y1={arcY}\n x2={labelX}\n y2={labelY}\n stroke=\"#18181c\"\n strokeWidth={1}\n />\n ))}\n </svg>\n ) : null}\n {labels.map(({ key, text, x, y, kind }) => (\n <div\n key={key}\n data-testid=\"graph-size-label\"\n style={{\n ...(kind === 'deletion' ? deletionLabelStyle : nodeLabelStyle),\n left: x,\n top: y,\n }}\n >\n {text}\n </div>\n ))}\n </>\n )\n})\n\nconst HoverTooltips = observer(function HoverTooltips({\n model,\n chip,\n}: {\n model: GraphPaneModel\n chip: ReturnType<typeof chipReadoutAt>\n}) {\n const hoveredNodeData = model.hoveredNode\n ? model.hoverNodeById?.get(model.hoveredNode)\n : null\n const merged = model.hoveredNode\n ? model.hoverDrawing?.members.get(model.hoveredNode)\n : undefined\n\n const hoveredEdgeData =\n model.hoveredEdge !== null && model.graph\n ? model.graph.edges[model.hoveredEdge]\n : null\n\n const ownLocation = hoveredNodeData\n ? nodeOwnLocation(hoveredNodeData)\n : undefined\n\n const hoveredEdgeText = hoveredEdgeData\n ? edgeHoverText(\n hoveredEdgeData,\n model.deletions.find(d => d.edgeIndex === model.hoveredEdge),\n id => model.nodeById?.get(id)?.name ?? id,\n )\n : undefined\n\n const walkRow = model.hoveredWalkRowText\n const tube = model.hoveredTubeText\n const tipStyle = { ...tooltipStyle, right: model.tooltipRightPx }\n\n return chip ? (\n <div style={tipStyle} data-testid=\"graph-chip-tooltip\">\n <strong>{chip.label}</strong> \u2014 {chip.readout}\n </div>\n ) : (\n <>\n {tube && !hoveredNodeData ? (\n <div style={tipStyle} data-testid=\"graph-tube-tooltip\">\n <strong>{tube.label}</strong> \u2014 {tube.readout}\n </div>\n ) : null}\n {walkRow && !hoveredNodeData ? (\n <div style={tipStyle} data-testid=\"graph-walk-row-tooltip\">\n <strong>{walkRow.label}</strong> \u2014 {walkRow.readout}\n </div>\n ) : null}\n {hoveredNodeData ? (\n <div style={tipStyle}>\n <strong>{hoveredNodeData.name}</strong>\n {merged ? ` and ${merged.length - 1} more` : ''} \u2014{' '}\n {hoveredNodeData.length.toLocaleString()} bp, depth{' '}\n {hoveredNodeData.depth.toFixed(1)}\n {/* Which assembly contributed this segment, and where it sits on it.\n rGFA states both, and until now neither reached the screen: the\n node was a bare id in a picture. */}\n {ownLocation ? (\n <>\n <br />\n {ownLocation.sample} {locLabel(ownLocation)} (rank{' '}\n {hoveredNodeData.stable?.rank})\n </>\n ) : null}\n </div>\n ) : null}\n {hoveredEdgeText ? (\n <div style={tipStyle}>\n {/* A deletion edge is the one link that means something on its own \u2014\n the backbone it skips is sequence some haplotype does not carry \u2014\n so it says how much rather than just naming its endpoints. */}\n {hoveredEdgeText.deletion ? (\n <>\n <strong>Deletion</strong> {hoveredEdgeText.deletion.bp}\n <br />\n {hoveredEdgeText.deletion.where}\n </>\n ) : (\n <>Edge: {hoveredEdgeText.ends}</>\n )}\n </div>\n ) : null}\n </>\n )\n})\n\n// Flat rather than under a \"Launch view\" submenu: this menu is two or three\n// items long and every one of them is contextual to the node just clicked. The\n// submenu grouping earns its keep in the long view and track menus.\nconst NodeContextMenu = observer(function NodeContextMenu({\n model,\n nodeId,\n top,\n left,\n onClose,\n}: {\n model: GraphPaneModel\n nodeId: string\n top: number\n left: number\n onClose: () => void\n}) {\n const { own, reference, highlight } = model.nodeLaunchTargets(nodeId)\n return (\n <Menu\n open\n anchorReference=\"anchorPosition\"\n anchorPosition={{ top, left }}\n onClose={() => {\n onClose()\n }}\n onMenuItemClick={callback => {\n callback()\n }}\n menuItems={[\n {\n label: 'Node details',\n icon: InfoIcon,\n onClick: () => {\n model.showNodeDetails(nodeId)\n },\n },\n ...nodeLaunchMenuItems({\n own,\n reference,\n highlight,\n onShowLinear: target => {\n model.showInLinearView(target)\n },\n onHighlight: model.canHighlightInLinearView\n ? target => {\n model.highlightInLinearView(target)\n }\n : undefined,\n }),\n ]}\n />\n )\n})\n\n// `ownChrome` false for a pane inside a track, whose controls, loading state\n// and errors are the track's. A hosted pane whose x the host places takes no pan or wheel of its\n// own: those are the linear view's, as on any other track. One drawing its\n// own coordinates inside a track keeps them, and keeps them from the view.\nconst GraphCanvas = observer(function GraphCanvas({\n model,\n ownChrome = true,\n}: {\n model: GraphPaneModel\n ownChrome?: boolean\n}) {\n const {\n canvasRef,\n canvas,\n error: renderError,\n retry: retryRender,\n } = useRenderingBackend(createGraphRenderer, model)\n const { handlers, contextNode, contextRow, closeContextMenu, hoveredChip } =\n usePaneGestures(model)\n useWheelZoom(canvas, model)\n const faceted = model.facetPanels !== undefined\n\n return (\n <div style={wrapperStyle}>\n {ownChrome ? <GraphToolbar model={model} /> : null}\n\n <div\n style={canvasAreaStyle}\n onMouseEnter={() => {\n model.setPointerInPane(true)\n }}\n onMouseLeave={() => {\n if (isAlive(model)) {\n model.setPointerInPane(false)\n }\n }}\n >\n {model.referenceStripShown ? (\n <div\n style={{\n ...paperStyle,\n top: model.referenceStripZonePx,\n background: model.paperCss,\n }}\n />\n ) : null}\n <canvas\n ref={canvasRef}\n data-testid=\"graph-genome-canvas\"\n style={{\n width: model.paneWidth,\n height: model.canvasHeight,\n cursor: model.isPanning || model.draggingNode ? 'grabbing' : 'grab',\n // a pane the linear view drags leaves a finger its scroll\n touchAction: model.hostPlacesX ? 'auto' : 'none',\n overscrollBehavior: 'contain',\n display: 'block',\n position: 'relative',\n zIndex: 1,\n }}\n {...handlers}\n />\n\n {faceted ? (\n <FacetPanels model={model} handlers={handlers} />\n ) : (\n <>\n <TubeMapOverlay model={model} />\n <HoverLayer model={model} />\n <ReferenceStripOverlay model={model} />\n <RowLabels model={model} />\n <GraphSizeLabels model={model} />\n <BubbleHalos model={model} />\n <GenePins model={model} />\n <LabelLayer model={model} />\n <WalkRowsOverlay model={model} />\n <WalkStripLocator model={model} />\n <Legends model={model} />\n </>\n )}\n\n {ownChrome ? (\n <div style={loadingLayerStyle}>\n <LoadingOverlay\n isVisible={model.isLoading}\n immediate={!model.layoutResult}\n statusMessage={model.statusMessage}\n onCancel={\n model.canCancelLoad\n ? () => {\n model.cancelLoad()\n }\n : undefined\n }\n />\n </div>\n ) : null}\n\n <HoverTooltips model={model} chip={hoveredChip} />\n </div>\n\n {model.walkStripShown ? <WalkStrip model={model} /> : null}\n\n {contextNode ? (\n <NodeContextMenu\n model={model}\n nodeId={contextNode.nodeId}\n top={contextNode.top}\n left={contextNode.left}\n onClose={closeContextMenu}\n />\n ) : null}\n\n {contextRow ? (\n <WalkRowContextMenu\n model={model}\n row={contextRow.row}\n top={contextRow.top}\n left={contextRow.left}\n onClose={closeContextMenu}\n />\n ) : null}\n\n {renderError ? (\n <ErrorBanner error={renderError} onReset={retryRender} />\n ) : null}\n\n {ownChrome && model.error ? (\n <ErrorBanner\n error={model.error}\n onReset={\n model.canRetryLoad\n ? () => {\n model.retryLoad()\n }\n : undefined\n }\n />\n ) : null}\n </div>\n )\n})\n\nexport default GraphCanvas\n"],
5
- "mappings": "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",
6
- "names": ["regionLabel", "loc", "edgeHoverText", "edge", "deletion", "nameOf", "id", "host", "read", "name", "useRenderingBackend", "read", "useRenderingBackend_default", "host", "Info_default", "createSvgIcon", "jsx", "hoverLayerStyle", "HoverLayer", "model", "canvas", "setCanvas", "useState", "useEffect", "renderer", "Canvas2DRenderer", "dispose", "autorun", "jsx", "legendBoxStyle", "legendRowStyle", "legendNoteStyle", "stopsCss", "stops", "s", "glyphStyle", "SWATCH_PX", "LegendSwatchView", "swatch", "width", "swatchWidth", "box", "jsx", "i", "rulerInk", "LegendRowView", "row", "at", "hint", "after", "legendNoteStyle", "line", "jsxs", "legendRowStyle", "title", "closeStyle", "LegendPanel", "observer", "model", "Fragment", "legendSections", "testid", "rows", "legendBoxStyle", "ZOOM_PER_NOTCH", "NOTCH_PX", "LINE_PX", "PAGE_PX", "PINCH_GAIN", "MAX_NOTCHES_PER_EVENT", "wheelZoomFactor", "e", "px", "notches", "useWheelZoom", "canvas", "model", "useEffect", "c", "handleWheel", "e", "rect", "wheelZoomFactor", "CLICK_SLOP_PX", "usePaneGestures", "lastMouseRef", "useRef", "downRef", "hasMovedRef", "pendingRef", "contextNode", "setContextNode", "useState", "hoveredChip", "setHoveredChip", "contextRow", "setContextRow", "screenToGraph", "screenX", "screenY", "getMouseCoord", "nodeAt", "x", "y", "nodePositions", "sx", "sy", "onStrip", "findHoveredNode", "onMouseDown", "onPointerDown", "node", "applyPending", "pending", "chip", "chipReadoutAt", "was", "bars", "i", "findHoveredEdge", "scheduleFrame", "dropPending", "onPointerMove", "dx", "dy", "onPointerUp", "isAlive", "onPointerLeave", "onContextMenu", "row", "onClick", "gridStyle", "FACET_GAP_PX", "titleStyle", "FACET_TITLE_PX", "panelStyle", "keyStyle", "FACET_KEY_ROW_PX", "FacetPanel", "observer", "model", "lift", "width", "height", "cell", "handlers", "canvas", "setCanvas", "useState", "hoverCanvas", "setHoverCanvas", "walk", "useWheelZoom", "useEffect", "renderer", "Canvas2DRenderer", "hover", "drawing", "computed", "uploaded", "disposers", "autorun", "built", "dispose", "label", "jsxs", "jsx", "LegendRowView", "walkKeyRow", "hoverLayerStyle", "FacetPanels", "panels", "grid", "place", "columns", "i", "facetKeyRows", "row", "FacetPanels_default", "CropFree_default", "createSvgIcon", "jsx", "ZoomIn_default", "createSvgIcon", "jsx", "ZoomOut_default", "createSvgIcon", "jsx", "ColorSchemeSelect", "observer", "model", "fixed", "jsx", "LabelledSelect", "COLOR_SCHEMES", "scheme", "ColorSchemeSelect_default", "useStyles", "makeStyles", "fmtMs", "ms", "GraphPerf", "observer", "model", "classes", "lastFetchMs", "lastLayoutMs", "lastGeometryMs", "hasMetrics", "jsxs", "Typography", "GraphStats", "jsx", "GraphStats_default", "LayoutSelect", "observer", "model", "graph", "jsx", "LabelledSelect", "LAYOUT_MODES", "value", "label", "description", "available", "mode", "LayoutSelect_default", "RepeatSelect", "observer", "model", "repeatChoices", "jsx", "LabelledSelect", "key", "name", "unit", "RepeatSelect_default", "Close_default", "createSvgIcon", "jsx", "MoreVert_default", "createSvgIcon", "jsx", "SettingsMenu", "observer", "model", "settingsOpen", "setSettingsOpen", "useState", "haplotypes", "jsxs", "Fragment", "jsx", "CascadingMenuButton", "Route_default", "Visibility_default", "Settings_default", "Close_default", "MoreVert_default", "GraphSettingsDialog_default", "SettingsMenu_default", "useStyles", "makeStyles", "WalkSelect", "observer", "model", "classes", "labelId", "useId", "walkChoices", "names", "c", "labels", "picked", "layer", "name", "WALK_MENU_ITEMS", "jsx", "Button", "getSession", "onClose", "ChooseWalksDialog", "jsxs", "FormControl", "InputLabel", "Select", "selected", "n", "e", "value", "label", "MenuItem", "Checkbox", "ListItemText", "WalkSelect_default", "useStyles", "makeStyles", "ZoomDisplay", "observer", "model", "jsx", "Typography", "GraphToolbar", "classes", "jsxs", "LayoutSelect_default", "ColorSchemeSelect_default", "WalkSelect_default", "RepeatSelect_default", "Tooltip", "IconButton", "ZoomIn_default", "ZoomOut_default", "CropFree_default", "GraphStats_default", "SettingsMenu_default", "GraphToolbar_default", "FilterList_default", "createSvgIcon", "jsx", "FilterListOff_default", "createSvgIcon", "jsx", "WalkRowContextMenu", "observer", "model", "row", "bars", "top", "left", "onClose", "rows", "target", "assembly", "walk", "sample", "filters", "shown", "jsx", "Menu", "callback", "locLabel", "LineStyle_default", "l", "FilterList_default", "FilterListOff_default", "keyStyle", "tipStyle", "StripBars", "observer", "bars", "frame", "ramp", "rowGenes", "idPrefix", "useId", "tree", "useMemo", "walkRowsTree", "jsx", "ElTree", "StripTip", "model", "hover", "all", "index", "r", "row", "jsxs", "walkRowReadout", "WalkStrip", "menu", "setMenu", "useState", "hit", "e", "box", "stripRowAt", "key", "walkRowsKey", "RAMP_GRADIENT_CSS", "stripGeneGaps", "isAlive", "at", "walkMarksTree", "walkStripLabelsTree", "l", "entry", "legendRowStyle", "LegendSwatchView", "walkRowSwatch", "WalkRowContextMenu", "WalkStrip_default", "svgStyle", "WalkStripLocator", "observer", "model", "at", "jsxs", "jsx", "WalkStripLocator_default", "createGraphRenderer", "canvas", "Canvas2DRenderer", "tooltipStyle", "TOOLTIP_INSET_PX", "wrapperStyle", "canvasAreaStyle", "paperStyle", "loadingLayerStyle", "rowLabelStyle", "RowLabels", "observer", "model", "rowLabels", "jsx", "Fragment", "label", "y", "screenY", "legendStackStyle", "LEGEND_INSET_PX", "nodeLabelStyle", "deletionLabelStyle", "leaderStyle", "Legends", "ref", "useRef", "useEffect", "el", "isAlive", "LegendPanel", "GraphSizeLabels", "labels", "leaders", "key", "leader", "jsxs", "arcX", "arcY", "labelX", "labelY", "text", "x", "kind", "HoverTooltips", "chip", "hoveredNodeData", "merged", "hoveredEdgeData", "ownLocation", "nodeOwnLocation", "hoveredEdgeText", "edgeHoverText", "d", "id", "walkRow", "tube", "tipStyle", "locLabel", "NodeContextMenu", "nodeId", "top", "left", "onClose", "own", "reference", "highlight", "Menu", "callback", "Info_default", "nodeLaunchMenuItems", "target", "GraphCanvas", "ownChrome", "canvasRef", "canvas", "renderError", "retryRender", "useRenderingBackend", "createGraphRenderer", "handlers", "contextNode", "contextRow", "closeContextMenu", "hoveredChip", "usePaneGestures", "useWheelZoom", "faceted", "GraphToolbar_default", "FacetPanels_default", "TubeMapOverlay_default", "HoverLayer", "ReferenceStripOverlay_default", "BubbleHalos_default", "GenePins_default", "LabelLayer_default", "WalkRowsOverlay_default", "WalkStripLocator_default", "LoadingOverlay", "WalkStrip_default", "WalkRowContextMenu", "ErrorBanner", "GraphCanvas_default"]
7
- }
@@ -1,2 +0,0 @@
1
- var r=JBrowseExports["@jbrowse/core/ui"],e=t=>r!=null&&t in Object(r)?r[t]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+t+"' from '@jbrowse/core/ui' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:t});var s=e("AssemblySelector");var c=e("CascadingMenuButton");var p=e("Dialog");var a=e("ErrorBanner");var l=e("ErrorMessage");var i=e("FileSelector");var x=e("InfoDialog");var d=e("LAUNCH_LABEL");var u=e("LoadingEllipses"),g=e("LoadingOverlay");var m=e("Menu");var S=e("pushLaunchViewMenuItem");var T=r&&r.__esModule?r.default:r;var n=JBrowseExports["@mui/material"],o=t=>n!=null&&t in Object(n)?n[t]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+t+"' from '@mui/material' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:t});var b=o("Alert");var C=o("Autocomplete");var I=o("Button");var h=o("Checkbox");var E=o("DialogActions"),B=o("DialogContent");var A=o("FormControl"),D=o("FormControlLabel");var M=o("FormLabel");var w=o("IconButton");var P=o("InputLabel"),v=o("LinearProgress");var y=o("ListItemText");var F=o("MenuItem");var R=o("Paper");var k=o("Radio"),_=o("RadioGroup");var G=o("Select");var N=o("Switch");var f=o("TextField");var H=o("Tooltip"),O=o("Typography"),J=o("alpha");var V=n&&n.__esModule?n.default:n;export{s as a,c as b,p as c,a as d,l as e,i as f,x as g,d as h,u as i,g as j,m as k,S as l,b as m,C as n,I as o,h as p,E as q,B as r,A as s,D as t,M as u,w as v,P as w,v as x,y,F as z,R as A,k as B,_ as C,G as D,N as E,f as F,H as G,O as H,J as I};
2
- //# sourceMappingURL=chunk-E3WYW7Z6.js.map
@@ -1,2 +0,0 @@
1
- import{a as o,e as a,f as c,g as d}from"./chunk-5OI6LO4I.js";import{b as u}from"./chunk-7WIBGKBU.js";import{a as x}from"./chunk-OGQ6OQDN.js";var I=5e3;function F(e){return typeof e=="string"&&/^[\w+-][\w.+-]*$/.test(e)}function b(e){return e==null}function L(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function B(e){return L(e)&&F(e.prefix)&&typeof e.foldBelowBp=="number"&&Number.isFinite(e.foldBelowBp)&&e.foldBelowBp>0}function G(e){let n;try{n=JSON.parse(e)}catch{return}if(!L(n)||n.schema!==1)return;let{reference:i,tier:t,index:r,contig:s,bubbles:p,alleles:l}=n;if((b(i)||typeof i=="string"&&i.trim()!=="")&&(b(t)||B(t))&&[r,s,p,l].every(y=>b(y)||F(y)))return{...typeof i=="string"?{reference:i.trim()}:{},...B(t)?{tier:{prefix:t.prefix,foldBelowBp:t.foldBelowBp}}:{}}}function g(e,n){return d(e,i=>i.replace(/[^/\\]*$/,n))}function T(e){let n=a(e);return c(e)&&n.endsWith(o)?d(e,i=>`${i.slice(0,-o.length)}.graph.json`):void 0}async function R(e,n){let i=T(e);if(i)try{let t=await x(i,n).readFile({encoding:"utf8",signal:AbortSignal.timeout(I)});return G(t)}catch{return}}var X={RgfaTabixAdapter:"rGFA segments (tabix BED pair)",GbzBaseSyntenyAdapter:"GBZ database (.gbz.db)",MinigraphBubbleAdapter:"Minigraph bubbles (tabix BED)"},H={RgfaTabixAdapter:"Path to segments BED (.segs.bed.gz from gfa-to-tabix; the .links.bed.gz, its index and any .graph.json are read beside it)",GbzBaseSyntenyAdapter:"Path to the .gbz.db written by gbz-base construct",MinigraphBubbleAdapter:"Path to bubbles BED (.bed.gz from gfatools bubble)"},S="Path to tabix index (optional; the sibling .tbi is assumed, a .csi is recognised by name)",W={RgfaTabixAdapter:S,GbzBaseSyntenyAdapter:"Path to the haplotype index (optional; graph.haplotype-index.db beside the database is assumed)",MinigraphBubbleAdapter:S};function f(e,n){return d(e,i=>i+n)}function U(e){return c(e)&&a(e).endsWith(o)}function M(e){if(!a(e).endsWith(o))throw new Error(`Expected a segments BED ending in ${o}, got ${a(e)}`);return d(e,n=>`${n.slice(0,-o.length)}.links.bed.gz`)}function A(e,n){return n?{location:n,indexType:u(a(n),"CSI","TBI")}:{location:f(e,".tbi"),indexType:"TBI"}}function m(e,n){return n!==void 0&&u(a(n),"CSI","TBI")==="CSI"?{location:f(e,".csi"),indexType:"CSI"}:{location:f(e,".tbi"),indexType:"TBI"}}function h(e,n){let i=n.trim();return i?{assemblyNameToPanSN:{[e]:i}}:{}}function w(e,n,i){if(!i)return{};let t=g(e,`${i.prefix}${o}`),r=g(e,`${i.prefix}.links.bed.gz`);return{coarse:{foldBelowBp:i.foldBelowBp,segmentsLocation:t,segmentsIndex:m(t,n),linksLocation:r,linksIndex:m(r,n)}}}function k(e,n,i){let t=i===e?void 0:i;return h(e,n.trim()||t||"")}function E(e){return e?{readsLocation:e,...a(e).endsWith(".gz")&&c(e)?{readsIndex:{location:f(e,".tbi")}}:{}}:{}}function N({choice:e,loc:n,indexLoc:i,readsLoc:t,manifest:r,assembly:s,sample:p}){if(e==="GbzBaseSyntenyAdapter")return{type:"GbzBaseSyntenyAdapter",gbzDbLocation:n,...i?{haplotypeIndexLocation:i}:{},assemblyNames:[s],...E(t),...h(s,p)};if(e==="MinigraphBubbleAdapter")return{type:"MinigraphBubbleAdapter",bubblesLocation:n,index:A(n,i),...h(s,p)};let l=M(n);return{type:"RgfaTabixAdapter",segmentsLocation:n,segmentsIndex:A(n,i),linksLocation:l,linksIndex:m(l,i),...k(s,p,r?.reference),...w(n,i,r?.tier)}}function O(e){let{choice:n,assembly:i,trackId:t,name:r}=e;return{type:n==="MinigraphBubbleAdapter"?"FeatureTrack":"GraphTrack",trackId:t,name:r,assemblyNames:[i],adapter:N(e),...n==="RgfaTabixAdapter"?{displayDefaults:{showLabels:"none"}}:{}}}export{R as a,X as b,H as c,W as d,U as e,N as f,O as g};
2
- //# sourceMappingURL=chunk-EHCF6AXH.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/GraphAddTrackWorkflow/graphManifest.ts", "../../src/GraphAddTrackWorkflow/buildTrackConfig.ts"],
4
- "sourcesContent": ["import { openLocation } from '@jbrowse/core/util/io'\n\nimport {\n SEGMENTS_SUFFIX,\n locationName,\n readsSiblings,\n renamed,\n} from '../locationName'\n\nimport type PluginManager from '@jbrowse/core/PluginManager'\nimport type { FileLocation } from '@jbrowse/core/util'\n\n// The part of `<prefix>.graph.json`, written by `gfa-to-tabix build`, that\n// Open track reads\nexport interface GraphManifest {\n reference?: string\n tier?: { prefix: string; foldBelowBp: number }\n}\n\nconst FETCH_TIMEOUT_MS = 5000\n\n// A bare file name beside the manifest: no directory, scheme or leading dot\nfunction isSiblingName(name: unknown): name is string {\n return typeof name === 'string' && /^[\\w+-][\\w.+-]*$/.test(name)\n}\n\nfunction isAbsent(value: unknown) {\n return value === undefined || value === null\n}\n\nfunction isPlainRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction isTier(tier: unknown): tier is NonNullable<GraphManifest['tier']> {\n return (\n isPlainRecord(tier) &&\n isSiblingName(tier.prefix) &&\n typeof tier.foldBelowBp === 'number' &&\n Number.isFinite(tier.foldBelowBp) &&\n tier.foldBelowBp > 0\n )\n}\n\nexport function parseGraphManifest(text: string): GraphManifest | undefined {\n let json: unknown\n try {\n json = JSON.parse(text)\n } catch {\n return undefined\n }\n if (!isPlainRecord(json) || json.schema !== 1) {\n return undefined\n }\n const { reference, tier, index, contig, bubbles, alleles } = json\n const valid =\n (isAbsent(reference) ||\n (typeof reference === 'string' && reference.trim() !== '')) &&\n (isAbsent(tier) || isTier(tier)) &&\n [index, contig, bubbles, alleles].every(\n f => isAbsent(f) || isSiblingName(f),\n )\n if (!valid) {\n return undefined\n }\n return {\n ...(typeof reference === 'string' ? { reference: reference.trim() } : {}),\n ...(isTier(tier)\n ? { tier: { prefix: tier.prefix, foldBelowBp: tier.foldBelowBp } }\n : {}),\n }\n}\n\n// A file the manifest names, in the directory of the segments file opened\nexport function besideSegments(segs: FileLocation, fileName: string) {\n return renamed(segs, name => name.replace(/[^/\\\\]*$/, fileName))\n}\n\nexport function manifestLocation(segs: FileLocation) {\n const name = locationName(segs)\n return readsSiblings(segs) && name.endsWith(SEGMENTS_SUFFIX)\n ? renamed(segs, n => `${n.slice(0, -SEGMENTS_SUFFIX.length)}.graph.json`)\n : undefined\n}\n\n// Undefined for a manifest that is missing, unreadable or not schema 1, so\n// Open track falls back to the files beside the segments alone\nexport async function readGraphManifest(\n segs: FileLocation,\n pluginManager?: PluginManager,\n) {\n const loc = manifestLocation(segs)\n if (!loc) {\n return undefined\n }\n try {\n const text = await openLocation(loc, pluginManager).readFile({\n encoding: 'utf8',\n signal: AbortSignal.timeout(FETCH_TIMEOUT_MS),\n })\n return parseGraphManifest(text)\n } catch {\n return undefined\n }\n}\n", "import { makeIndexType } from '@jbrowse/core/util/tracks'\n\nimport { besideSegments } from './graphManifest'\nimport {\n SEGMENTS_SUFFIX,\n locationName,\n readsSiblings,\n renamed,\n} from '../locationName'\n\nimport type { GraphManifest } from './graphManifest'\nimport type { FileLocation } from '@jbrowse/core/util'\n\nexport type GraphFileChoice =\n 'RgfaTabixAdapter' | 'GbzBaseSyntenyAdapter' | 'MinigraphBubbleAdapter'\n\nexport const GRAPH_FILE_LABELS: Record<GraphFileChoice, string> = {\n RgfaTabixAdapter: 'rGFA segments (tabix BED pair)',\n GbzBaseSyntenyAdapter: 'GBZ database (.gbz.db)',\n MinigraphBubbleAdapter: 'Minigraph bubbles (tabix BED)',\n}\n\nexport const GRAPH_FILE_FIELDS: Record<GraphFileChoice, string> = {\n RgfaTabixAdapter:\n 'Path to segments BED (.segs.bed.gz from gfa-to-tabix; the .links.bed.gz, its index and any .graph.json are read beside it)',\n GbzBaseSyntenyAdapter: 'Path to the .gbz.db written by gbz-base construct',\n MinigraphBubbleAdapter: 'Path to bubbles BED (.bed.gz from gfatools bubble)',\n}\n\nconst TABIX_INDEX_FIELD =\n 'Path to tabix index (optional; the sibling .tbi is assumed, a .csi is recognised by name)'\n\nexport const GRAPH_INDEX_FIELDS: Record<GraphFileChoice, string> = {\n RgfaTabixAdapter: TABIX_INDEX_FIELD,\n GbzBaseSyntenyAdapter:\n 'Path to the haplotype index (optional; graph.haplotype-index.db beside the database is assumed)',\n MinigraphBubbleAdapter: TABIX_INDEX_FIELD,\n}\n\nfunction sibling(loc: FileLocation, suffix: string) {\n return renamed(loc, name => name + suffix)\n}\n\n// A segments BED the links BED can be found beside\nexport function isSegmentsLocation(loc: FileLocation) {\n return readsSiblings(loc) && locationName(loc).endsWith(SEGMENTS_SUFFIX)\n}\n\nfunction linksLocation(loc: FileLocation) {\n if (!locationName(loc).endsWith(SEGMENTS_SUFFIX)) {\n throw new Error(\n `Expected a segments BED ending in ${SEGMENTS_SUFFIX}, got ${locationName(loc)}`,\n )\n }\n return renamed(\n loc,\n name => `${name.slice(0, -SEGMENTS_SUFFIX.length)}.links.bed.gz`,\n )\n}\n\nfunction tabixIndex(loc: FileLocation, indexLoc: FileLocation | undefined) {\n return indexLoc\n ? {\n location: indexLoc,\n indexType: makeIndexType(locationName(indexLoc), 'CSI', 'TBI'),\n }\n : { location: sibling(loc, '.tbi'), indexType: 'TBI' }\n}\n\n// The links file's index is assumed beside it, of the kind the segments' is.\nfunction siblingIndex(loc: FileLocation, indexLoc: FileLocation | undefined) {\n const csi =\n indexLoc !== undefined &&\n makeIndexType(locationName(indexLoc), 'CSI', 'TBI') === 'CSI'\n return csi\n ? { location: sibling(loc, '.csi'), indexType: 'CSI' }\n : { location: sibling(loc, '.tbi'), indexType: 'TBI' }\n}\n\nfunction panSN(assembly: string, sample: string) {\n const name = sample.trim()\n return name ? { assemblyNameToPanSN: { [assembly]: name } } : {}\n}\n\nfunction coarseTier(\n loc: FileLocation,\n indexLoc: FileLocation | undefined,\n tier: GraphManifest['tier'],\n) {\n if (!tier) {\n return {}\n }\n const segs = besideSegments(loc, `${tier.prefix}${SEGMENTS_SUFFIX}`)\n const links = besideSegments(loc, `${tier.prefix}.links.bed.gz`)\n return {\n coarse: {\n foldBelowBp: tier.foldBelowBp,\n segmentsLocation: segs,\n segmentsIndex: siblingIndex(segs, indexLoc),\n linksLocation: links,\n linksIndex: siblingIndex(links, indexLoc),\n },\n }\n}\n\n// The user's sample wins; the manifest's reference stands in when blank\nfunction manifestPanSN(\n assembly: string,\n sample: string,\n reference: string | undefined,\n) {\n const fromManifest = reference === assembly ? undefined : reference\n return panSN(assembly, sample.trim() || fromManifest || '')\n}\n\n// a bgzipped GAF is read by its tabix index, a plain one whole\nfunction readsConfig(readsLoc: FileLocation | undefined) {\n return readsLoc\n ? {\n readsLocation: readsLoc,\n ...(locationName(readsLoc).endsWith('.gz') && readsSiblings(readsLoc)\n ? { readsIndex: { location: sibling(readsLoc, '.tbi') } }\n : {}),\n }\n : {}\n}\n\nexport function buildAdapterConfig({\n choice,\n loc,\n indexLoc,\n readsLoc,\n manifest,\n assembly,\n sample,\n}: {\n choice: GraphFileChoice\n loc: FileLocation\n indexLoc: FileLocation | undefined\n // a GBZ track's GAF reads, which no other choice takes\n readsLoc?: FileLocation\n // the `.graph.json` beside an rGFA segments file\n manifest?: GraphManifest\n assembly: string\n sample: string\n}) {\n if (choice === 'GbzBaseSyntenyAdapter') {\n return {\n type: 'GbzBaseSyntenyAdapter',\n gbzDbLocation: loc,\n ...(indexLoc ? { haplotypeIndexLocation: indexLoc } : {}),\n assemblyNames: [assembly],\n ...readsConfig(readsLoc),\n ...panSN(assembly, sample),\n }\n }\n if (choice === 'MinigraphBubbleAdapter') {\n return {\n type: 'MinigraphBubbleAdapter',\n bubblesLocation: loc,\n index: tabixIndex(loc, indexLoc),\n ...panSN(assembly, sample),\n }\n }\n const links = linksLocation(loc)\n return {\n type: 'RgfaTabixAdapter',\n segmentsLocation: loc,\n segmentsIndex: tabixIndex(loc, indexLoc),\n linksLocation: links,\n linksIndex: siblingIndex(links, indexLoc),\n ...manifestPanSN(assembly, sample, manifest?.reference),\n ...coarseTier(loc, indexLoc, manifest?.tier),\n }\n}\n\nexport function buildTrackConfig(args: {\n choice: GraphFileChoice\n loc: FileLocation\n indexLoc: FileLocation | undefined\n readsLoc?: FileLocation\n manifest?: GraphManifest\n assembly: string\n sample: string\n trackId: string\n name: string\n}) {\n const { choice, assembly, trackId, name } = args\n return {\n type: choice === 'MinigraphBubbleAdapter' ? 'FeatureTrack' : 'GraphTrack',\n trackId,\n name,\n assemblyNames: [assembly],\n adapter: buildAdapterConfig(args),\n ...(choice === 'RgfaTabixAdapter'\n ? { displayDefaults: { showLabels: 'none' } }\n : {}),\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["FETCH_TIMEOUT_MS", "isSiblingName", "name", "isAbsent", "value", "isPlainRecord", "isTier", "tier", "parseGraphManifest", "text", "json", "reference", "index", "contig", "bubbles", "alleles", "f", "besideSegments", "segs", "fileName", "renamed", "manifestLocation", "locationName", "readsSiblings", "SEGMENTS_SUFFIX", "n", "readGraphManifest", "pluginManager", "loc", "openLocation", "GRAPH_FILE_LABELS", "GRAPH_FILE_FIELDS", "TABIX_INDEX_FIELD", "GRAPH_INDEX_FIELDS", "sibling", "loc", "suffix", "renamed", "name", "isSegmentsLocation", "readsSiblings", "locationName", "SEGMENTS_SUFFIX", "linksLocation", "tabixIndex", "indexLoc", "makeIndexType", "siblingIndex", "panSN", "assembly", "sample", "coarseTier", "tier", "segs", "besideSegments", "links", "manifestPanSN", "reference", "fromManifest", "readsConfig", "readsLoc", "buildAdapterConfig", "choice", "manifest", "buildTrackConfig", "args", "trackId"]
7
- }
@@ -1,3 +0,0 @@
1
- import{F as j,G as q,Ha as Ee,Ja as oe,Ma as _e,S as R,T as Z,W as _,Xa as ae,Y as C,Ya as se,Z as Q,_ as ee,a as S,ab as Ce,b as fe,ca as Me,e as B,ea as Pe,ia as Le,j as he,k as ge,l as $,lb as Oe,n as we,na as te,qa as Se,s as me,t as ke,ta as ve,u as Re,ua as ne,v as xe,y as ye,ya as re,z as Y}from"./chunk-5SFGHDQA.js";import{h as z,j as X,t as J}from"./chunk-DZ4OUKQV.js";import{F as V,u as x,w as D,x as U}from"./chunk-MHPJB22Z.js";import{b as y,c as W}from"./chunk-XT766CZ5.js";import{e as F}from"./chunk-NDRLCGPC.js";import{a as de,c as v,d as H,e as be,f as E}from"./chunk-6OPB7FOJ.js";import{a as ue,b as h,c as k,d as m}from"./chunk-JMBDTNUR.js";var Ue={position:"absolute",left:0,top:0,pointerEvents:"none",overflow:"hidden",zIndex:2},Ve=m(function({model:e}){let{bubbleHalos:n,hoveredBubble:o}=e;if(n.length===0)return null;let{scaleX:r,scaleY:i,translateX:l,translateY:p,paneWidth:a,canvasHeight:u}=e,c=e.contigThickness*Me;return h("svg",{style:Ue,width:a,height:u,"data-testid":"graph-bubble-halos",children:h("g",{transform:`translate(${l} ${p}) scale(${r} ${i})`,children:n.filter(d=>!d.whole&&(!d.tick||o&&y(d.bubble,o))).map(d=>h("path",{d:d.path,fill:"none",stroke:R[d.kind],strokeOpacity:o&&y(d.bubble,o)?.45:e.bubbleFaded(d)?.06:.22,strokeWidth:c,strokeLinecap:"round",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke"},W(d.bubble)))})})}),Dt=Ve;var N=18,O=48,je="rgb(160, 160, 160)",Ae="rgba(160, 160, 160, 0.45)",qe=6,ie=7,Je="#b8b8c0",le=ge-4;function Ze(t){return t.kind==="fill"?t.width??N:N}var K=t=>[{offset:0,color:t}];function M(t,e,n,o=N){return{key:t,label:n,swatch:{kind:"fill",stops:K(e),width:o}}}function Qe(t){return t.flatMap((e,n)=>[{offset:n/t.length,color:e},{offset:(n+1)/t.length,color:e}])}function et(t){let e=new Map;for(let n of t.bubbleHalos)if(!n.whole){let o=R[n.kind],r=e.get(o)??new Set;r.add(Z[n.kind]),e.set(o,r)}return[...e].map(([n,o])=>{let r=[...o].join(" or ");return{color:n,label:r===Z.superbubble?r:`${r} bubble`}})}function tt(t){let e=t.openBubble;if(!e)return[];let n=t.bubbleHalos.find(o=>y(o.bubble,e));return[{key:"open",label:`open: ${n?.label??"bubble"}`,swatch:n?{kind:"halo",color:R[n.kind]}:{kind:"blank"},closesBubble:!0}]}function nt(t){let e=t.walkLift?void 0:t.referenceRampDomain;if(!e)return[];let n=Math.round(e.start),o=Math.round(e.end),{offReference:r,unplaced:i}=t.referenceRampOffKeys;return[{key:"ramp",label:`${n.toLocaleString()}-${o.toLocaleString()} (${V(o-n)})`,swatch:{kind:"fill",stops:B,width:O}},...r?[M("off",X,"off the reference",O)]:[],...i?[M("unplaced",je,"no reference position",O)]:[]]}function rt(t){let e=t.walkLift;if(e)return e.walks.map(r=>J(r.encoding));if(t.effectiveColorScheme==="reference-position")return[B];let n=t.referenceStripBlocks.map(r=>r.colors[0]).filter((r,i,l)=>r!==l[i-1]),o=Math.min(qe,n.length);return[o===0?K(z):Array.from({length:o},(r,i)=>({offset:o>1?i/(o-1):0,color:n[o>1?Math.round(i*(n.length-1)/(o-1)):0]}))]}function ot(t){if(!t.referenceStripShown)return[];let e=(t.walkLift?.walks.length??0)>1;return[{key:"strip",label:`top strip: reference${e?", a row per walk":""}`,swatch:{kind:"bands",bands:rt(t)}},...t.referenceStripFaded?[M("strip-faded",z,t.walkLift?`reference not on ${e?"that row's walk":t.liftedWalksLabel}`:"reference outside the open bubble")]:[],...t.referenceStripOverhangs?[{key:"overhang",label:"graph runs past this edge",swatch:{kind:"overhang"}}]:[]]}function at(t){return et(t).map(({color:e,label:n})=>({key:`halo-${e}`,label:n,swatch:{kind:"halo",color:e}}))}function st(t){return t.genePins.some(e=>e.exonsByNode.length>0)?[{key:"exon",label:"exon",swatch:{kind:"outline",color:C,stroke:2,radius:5,height:8}}]:[]}function it(t){let e=t.foldNote;return e?[{key:"fold",label:e}]:[]}function lt(t){return t.pathLegend.map(({name:e,label:n,color:o})=>({key:`path-${e}`,label:n,swatch:{kind:"line",color:o}}))}function T(t,e,n){return{key:t,label:n,swatch:{kind:"fill",stops:K(e),height:ie,square:!0}}}function pt(t){let{roles:e,haplotypeTube:n,bundled:o,values:r,logWidths:i,foldBp:l,forwardReads:p,reverseReads:a,substitution:u,insertion:c,deletion:d}=t.tubeMapKeys,b=t.readsShown,s=[];r&&s.push(T("value-reference",oe,"reference"),...r.map(({value:g,color:w})=>T(`value-${g}`,w,g))),e&&s.push(T("ref",oe,"reference"),T("hap",n,o?"shared route, \xD7n haplotypes":"haplotype"));let f=(g,w,A)=>({key:g,label:A,swatch:{kind:"fill",stops:Qe(w),height:ie,square:!0}});return p&&s.push(f("fwd",j,"read on the forward strand")),a&&s.push(f("rev",q,"read on the reverse strand")),b&&b.shown<b.total&&s.push({key:"sampled",label:`${b.shown.toLocaleString("en-US")} of ${b.total.toLocaleString("en-US")} reads shown`,swatch:{kind:"blank"}}),u&&s.push({key:"sub",label:"read mismatch",swatch:{kind:"glyph",char:"A"}}),c&&s.push({key:"ins",label:"read insertion",swatch:{kind:"glyph",char:"*"}}),d&&s.push(T("del","grey","read deletion")),l!==void 0&&s.push({key:"tube-fold",label:`haplotype variant < ${V(l)}`,swatch:{kind:"tick",color:ve(),height:ie,backing:Je}}),i&&s.push({key:"log",label:"width grows with log of length",swatch:{kind:"bracket"}}),s}function ct(t){return t.kind==="gene"?{kind:"outline",color:he,stroke:1.5,radius:0,height:le}:{kind:"fill",stops:t.kind==="bar"&&t.ramp?B:K(t.fill),height:t.kind==="gap"?$:le}}function ut(t){let e=t.walkRowBars;if(!e)return[];let n=[e.reference,...e.rows].flatMap(r=>r.call??[]),o=(r,i,l)=>({key:r,label:l,swatch:{kind:"tick",color:i,height:le}});return[...me(e,{ramp:t.referenceRampDomain,genes:t.walkRowGeneKey}).map(r=>({key:`rows-${r.label}`,label:r.label,swatch:r.note?void 0:ct(r.swatch)})),...n.some(r=>r.spanningReads!==0)?[o("call",ke,"allele length called for this walk")]:[],...n.some(r=>r.spanningReads===0)?[o("unbacked",Re,"called with no read spanning it")]:[],...n.some(r=>r.agrees===!1)?[o("disagrees",xe,`walk and call over ${Math.round(.1*100)}% apart`)]:[]]}function ft(t,e){let n=Le(e,t.walkReference);return{key:`walk-${e.name}`,strong:t.walkLabel(e.name),label:n.delta+n.outside+n.reversed,swatch:{kind:"fill",stops:J(e.encoding),width:n.shades?O:N},under:n.scale,title:n.hover,walk:e}}function dt(t){let e=t.walkLift;if(!e||t.facetPanels)return[];let n=e.walks.map(r=>ft(t,r)),o=n.some(r=>Ze(r.swatch)===O)?O:N;return[...n,...t.liftPaintsOffReference?[M("lift-off",X,"off the reference",o)]:[],M("faded",Ae,`not on ${t.liftedWalksLabel}`,o)]}function Xn(t){return t.facetPanels?[...t.liftPaintsOffReference?[M("lift-off",X,"off the reference")]:[],M("faded",Ae,"not on the panel's walk")]:[]}function $n(t){return[{testid:"graph-open-bubble-legend",rows:tt(t)},{testid:"graph-ramp-legend",rows:nt(t)},{testid:"graph-reference-strip-legend",rows:ot(t)},{testid:"graph-halo-legend",rows:at(t)},{testid:"graph-gene-legend",rows:st(t)},{testid:"graph-fold-legend",rows:it(t)},{testid:"graph-path-legend",rows:lt(t)},{testid:"graph-tube-map-legend",rows:pt(t)},{testid:"graph-walk-rows-legend",rows:ut(t)},{testid:"graph-walk-readout",rows:dt(t)}].filter(e=>e.rows.length>0)}function bt(t){return t==="class"?"className":/^(data|aria)-/.test(t)?t:t.replace(/-([a-z])/g,(e,n)=>n.toUpperCase())}function Be(t,e){if(typeof t=="string")return t;let n={key:e};for(let[o,r]of Object.entries(t.attrs))r!==void 0&&(n[bt(o)]=r);return de(t.tag,n,...t.children.map(Be))}function I({el:t}){return Be(t,0)}var ht={position:"absolute",left:0,top:0,pointerEvents:"none",overflow:"hidden",zIndex:2},gt=m(function({model:e}){let n=`exon-outline-${H().replaceAll(/[^\w-]/g,"")}`,{genePins:o,walkLift:r,nodeInk:i}=e,{scaleX:l,scaleY:p,translateX:a,translateY:u,paneWidth:c,canvasHeight:d}=e,b=r?void 0:e.openBubbleFocus,s=b?o.map(g=>({...g,exonsByNode:g.exonsByNode.filter(w=>b.nodeIds.has(w.nodeId))})):o,f=ee(Q(s,i.halfWidthPx,r),{id:n,width:c,height:d,transform:`translate(${a} ${u}) scale(${l} ${p})`});return f?h("svg",{style:ht,width:c,height:d,"data-testid":"graph-gene-pins",children:h(I,{el:f})}):null}),qn=gt;function We(t,e,n){return{x:t-n/2,y:e-x-D+2,width:n,height:x+D*2-2}}function Te(t,e,n){let o=We(t.x,t.y,t.w);return e>=o.x&&e<=o.x+o.width&&n>=o.y&&n<=o.y+o.height}function G({x:t,y:e,w:n,text:o,note:r,color:i,edge:l=i,italic:p,small:a,dimmed:u,title:c,testId:d,onClick:b,onHover:s}){return k("g",{style:{pointerEvents:b||s?"auto":"none",cursor:b?"pointer":void 0,opacity:u?.35:1},"data-testid":d,onClick:b,onMouseEnter:()=>{s?.(!0)},onMouseLeave:()=>{s?.(!1)},children:[c?h("title",{children:c}):null,h("rect",{...We(t,e,n),rx:3,fill:"rgba(255,255,255,0.85)",stroke:l,strokeWidth:a?.6:1}),k("text",{x:t,y:e,fontSize:a?x-1:x,fontFamily:"sans-serif",fontStyle:p?"italic":void 0,fontWeight:p?600:void 0,fill:i,textAnchor:"middle",children:[o,r?h("tspan",{fontStyle:"normal",fontWeight:"normal",children:r}):null]})]})}var wt={position:"absolute",left:0,top:0,pointerEvents:"none",overflow:"hidden",zIndex:3},Ne="#1c1c22",pe=9,ce=3;function wr({genes:t},e,n){let o=t.find(l=>Te(l,e,n))?.item;if(!o)return;let{gene:r}=o,i=Pe(o);return{label:r.name,readout:`${r.refName}:${r.start.toLocaleString()}-${r.end.toLocaleString()}${i?`, ${i} in the cut`:""}`}}var mt=m(function({model:e}){let{bubbles:n,genes:o,ticks:r}=e.overlayLabels;if(n.length+o.length+r.length===0)return null;let{scaleY:i,translateY:l,contigThickness:p,hoveredBubble:a}=e,u=a?r.find(s=>y(s.item.bubble,a)):void 0,c=s=>r[Number(s.getAttribute("data-tick"))],d=s=>e.bubbleFaded(s),b=s=>e.bubbleIsOpen(s.bubble);return k("svg",{style:wt,width:e.paneWidth,height:e.canvasHeight,"data-testid":"graph-label-layer",children:[h("g",{"data-testid":"graph-bubble-ticks",onClick:s=>{let f=c(s.target);f&&e.toggleBubble(f.item.bubble)},onMouseOver:s=>{let f=c(s.target);f&&e.setHoveredBubble(f.item.bubble)},onMouseOut:()=>{F(e)&&e.setHoveredBubble(null)},children:r.map(({item:s,x:f,y:g},w)=>h("rect",{"data-tick":w,x:f-ce/2,y:g-pe,width:ce,height:pe,rx:ce/2,fill:R[s.kind],opacity:d(s)?.35:1,style:{pointerEvents:"all",cursor:"pointer"}},W(s.bubble)))}),o.map(({item:s,x:f,y:g,w,text:A})=>{let{gene:L}=s;return k("g",{children:[h("line",{x1:f,x2:f,y1:g-x-2,y2:s.at.y*i+l+p/2,stroke:Ne,strokeWidth:.8,strokeOpacity:.6}),h(G,{x:f,y:g,w,text:L.name,note:A.slice(L.name.length)||void 0,color:Ne,edge:C,italic:!0,testId:"graph-gene-pin-label"})]},`${L.name}-${L.start}`)}),n.map(({item:s,x:f,y:g,w,text:A})=>h(G,{x:f,y:g,w,text:A,color:R[s.kind],dimmed:d(s),title:`${s.label}
2
- ${s.bubble.segmentCount} segments${s.bubble.covering?"":b(s)?" \xB7 click to close":" \xB7 click to open"}`,testId:"graph-bubble-halo-label",onClick:s.bubble.covering?void 0:()=>{e.toggleBubble(s.bubble)},onHover:L=>{F(e)&&e.setHoveredBubble(L?s.bubble:null)}},W(s.bubble))),u?h(G,{x:u.x,y:u.y-pe-4,w:U(u.item.label),text:u.item.label,color:R[u.item.kind],testId:"graph-bubble-tick-label"}):null]})}),mr=mt;var kt={position:"absolute",left:0,top:0,pointerEvents:"none",zIndex:5};function Rt(t,e,{lit:n,dpr:o}){let r=e.hostBpFrame;r&&Oe(t,e.referenceStripBlocks,r,{width:e.paneWidth,lit:n,darkMode:e.darkMode,dpr:o})}var xt=m(function({model:e}){let n=E(null),{referenceStripShown:o,paneWidth:r,canvasHeight:i}=e;return v(()=>S(()=>{let l=n.current,p=l?.getContext("2d");if(l&&p&&e.referenceStripShown){let a=_(),u=e.paneWidth,c=e.canvasHeight;l.width=Math.round(u*a),l.height=Math.round(c*a),p.setTransform(a,0,0,a,0,0),p.clearRect(0,0,u,c),Rt(p,e,{lit:e.referenceStripLit,dpr:a})}}),[e]),h("canvas",{ref:n,"data-testid":o?"graph-reference-strip":void 0,style:{...kt,width:r,height:i,display:o?"block":"none"}})}),Sr=xt;var yt=.45,Mt={position:"absolute",left:0,top:0,pointerEvents:"none",zIndex:1};function Pt(t,e,{highlightNode:n}){let o=e.tubeMapPicture,r=e.tubeMapFrame;if(!o||!r)return;let i=e.paneWidth,l=e.tubeMapPanelViews;if(l){Lt(t,e,l,n);return}let p={...r,width:i,highlightNode:n,darkMode:e.darkMode,tubeColors:e.tubeMapTubeColors,nodeColors:e.tubeMapNodeColors};re(t,o,p);let a=e.layoutResult?.tubeMap;a&&(ae(t,o,a.graph,p),se(t,a,p)),ne(t,e.tubeMapDeviations,p),Se(t,e.tubeMapConnectors,e.connectorZoneBottom,p);let{bounds:u}=o;Ee(t,e.tubeMapGenes,p,r.y(u.minY)-2);let c=e.tubeMapRulerBoxes;c&&te(t,c,p,r.y(u.maxY)+4,e.layoutResult?.referenceAxis)}function Lt(t,e,n,o){let r=e.paneWidth,i=e.darkMode?"255,255,255":"0,0,0";for(let a of n){if(a.bottom<0||a.titleTop>e.canvasHeight)continue;let u={...a.frame,width:r,highlightNode:o,darkMode:e.darkMode,tubeColors:a.tubeColors,nodeColors:a.nodeColors};re(t,a.picture,u),ae(t,a.picture,a.panel.result.tubeMap.graph,u),se(t,a.panel.result.tubeMap,u),t.globalAlpha=yt,ne(t,a.deviations,u),t.globalAlpha=1,t.strokeStyle=`rgba(${i},0.15)`,t.lineWidth=1,t.beginPath(),t.moveTo(0,Math.round(a.titleTop)+.5),t.lineTo(r,Math.round(a.titleTop)+.5),t.stroke(),t.font=_e,t.textAlign="left",t.textBaseline="top",t.fillStyle=`rgba(${i},0.85)`,t.fillText(a.label,6,a.titleTop+4)}let l=n.at(-1),p=e.tubeMapPanelRulerBoxes;l&&p&&te(t,p,{...l.frame,width:r,darkMode:e.darkMode},l.bottom+4,!0)}var St=m(function({model:e}){let n=E(null),{tubeMapPicture:o,paneWidth:r,canvasHeight:i}=e;return v(()=>S(()=>{let l=n.current,p=l?.getContext("2d");if(l&&p&&e.tubeMapPicture&&e.tubeMapFrame){let a=_(),u=e.paneWidth,c=e.canvasHeight;l.width=Math.round(u*a),l.height=Math.round(c*a),p.setTransform(a,0,0,a,0,0),p.clearRect(0,0,u,c),Pt(p,e,{highlightNode:e.selectedNode})}}),[e]),h("canvas",{ref:n,"data-testid":o?"graph-tube-map":void 0,style:{...Mt,width:r,height:i,display:o?"block":"none"}})}),Hr=St;var P=JBrowseExports["@jbrowse/render-core/marks"],vt=t=>P!=null&&t in Object(P)?P[t]:Object.assign(function(){throw new Error("This JBrowse does not provide '"+t+"' from '@jbrowse/render-core/marks' to plugins: GraphGenomeView was built for a different JBrowse version, so update the plugin or JBrowse")},{jbrowseHostMissing:t});var Ie=vt("spanMark");var $r=P&&P.__esModule?P.default:P;function Et(t,e,n){let o=e*Math.min(n,1-n),r=i=>{let l=(i+t/30)%12;return 255*(n-o*Math.max(-1,Math.min(l-3,9-l,1)))};return[r(0),r(8),r(4)]}function Xe(t){if(t.startsWith("#")){let r=Number.parseInt(t.slice(1),16);return[r>>16&255,r>>8&255,r&255]}let[e=0,n=0,o=0]=t.match(/[\d.]+/g).map(Number);return t.startsWith("hsl")?Et(e,n/100,o/100):[e,n,o]}var $e=([t,e,n])=>(255<<24|Math.round(n)<<16|Math.round(e)<<8|Math.round(t))>>>0,Ge=new Map;function _t(t){let e=Ge.get(t);return e===void 0&&(e=$e(Xe(t)),Ge.set(t,e)),e}function Ct(t,e,n){let o=t.start+t.bp,r=we(t,e);if("fill"in r)return[[t.start,o,_t(r.fill)]];let i=r.stops.map(Xe),l=r.stops.map(c=>Number(/[\d.]+/.exec(c)[0])),p=Math.abs(l.at(-1)-l[0]),a=Math.max(1,Math.min(Math.ceil(t.bp*n),Math.ceil(p),t.bp)),u=[];for(let c=0;c<a;c++){let d=(c+.5)/a*(i.length-1),b=Math.min(Math.floor(d),i.length-2),s=i[b],f=i[b+1],g=d-b;u.push([Math.round(t.start+t.bp*c/a),Math.round(t.start+t.bp*(c+1)/a),$e([0,1,2].map(w=>s[w]+(f[w]-s[w])*g))])}return u}function He(t){return{x:new Uint32Array(t),x2:new Uint32Array(t),row:new Uint32Array(t),color:new Uint32Array(t),count:0}}function De(t){let e=t.count;return{x:t.x.subarray(0,e),x2:t.x2.subarray(0,e),row:t.row.subarray(0,e),color:t.color.subarray(0,e),count:e}}function Ye(t,e,n){let o=t.map(u=>ye(u.runs,e).map(c=>({gap:c.gap,pieces:Ct(c,n,e)}))),r=0;for(let u of o)for(let c of u)r+=c.pieces.length;let i=He(r),l=He(r),p=new Uint32Array(t.length+1),a=new Uint32Array(t.length+1);return o.forEach((u,c)=>{for(let d of u){let b=d.gap?l:i;for(let[s,f,g]of d.pieces){let w=b.count++;b.x[w]=s,b.x2[w]=f,b.row[w]=c,b.color[w]=g}}p[c+1]=i.count,a[c+1]=l.count}),{bars:De(i),gaps:De(l),barRows:p,gapRows:a}}function Ot(t,e,n){return{x:t.x.subarray(e,n),x2:t.x2.subarray(e,n),row:t.row.subarray(e,n),color:t.color.subarray(e,n),count:n-e}}function Ke(t,e,n){let o=1;for(let p of[e.bars,e.gaps])for(let a of p.x2)o=Math.max(o,a);let r={start:0,end:o,screenStartPx:n.origin*n.scaleX+n.translateX,screenEndPx:(n.origin+o)*n.scaleX+n.translateX,reversed:!1,displayedRegionIndex:0},i={canvasWidth:n.width,canvasHeight:n.height},l=n.rowPx*n.scaleY;for(let{first:p,count:a,rowY:u}of n.blocks){let c=l/2-n.translateY-(u-p*n.rowPx)*n.scaleY,d=(u-n.rowPx/2)*n.scaleY+n.translateY;if(!(d>n.height||d+a*l<0))for(let[b,s,f]of[[e.bars,e.barRows,n.barPx],[e.gaps,e.gapRows,Math.min($,n.barPx)]])Ie.paintBlock(t,Ot(b,s[p],s[p+a]),r,i,{rowHeight:l,rowProportion:f/l,minWidthPx:1,seamPx:0,scrollTop:c})}}var Fe={position:"absolute",left:0,top:0,pointerEvents:"none",overflow:"visible",zIndex:3};function At(t,e,n,o,r){return e.length===0?[Y(t,o,r)]:[Y({...t,rows:[]},o,r),...e.flatMap((i,l)=>Y({...t,rows:t.rows.slice(i.first-1,i.first-1+i.count)},{...o,translateY:o.translateY+(n(i.first)-o.rowPx)*o.scaleY},{...r,idPrefix:`${r.idPrefix}-s${l}`}).children.filter(a=>typeof a!="string"&&a.attrs["data-testid"]!=="graph-walk-reference"))]}var Bt={...Fe,overflow:void 0},Wt=m(function({model:e}){let n=E(null);return v(()=>{let o=fe(()=>{let r=e.walkRowBars;return r?Ye([r.reference,...r.rows],e.scaleX,e.referenceRampDomain):void 0});return S(()=>{let r=n.current,i=r?.getContext("2d"),l=e.walkRowBars,p=e.walkRowPlacement,a=e.walkRowPitch,u=o.get();if(!r||!i||!l||!p||!a||!u)return;let c=e.paneWidth,d=e.canvasHeight,b=_();r.width=Math.round(c*b),r.height=Math.round(d*b),i.setTransform(b,0,0,b,0,0),i.clearRect(0,0,c,d);let s=e.walkRowGroups?.sections,f=s?.length?[{first:0,count:1,rowY:p.rowY(0)},...s.map(g=>({first:g.first,count:g.count,rowY:p.rowY(g.first)}))]:[{first:0,count:l.rows.length+1,rowY:p.rowY(0)}];Ke(i,u,{scaleX:e.scaleX,scaleY:e.scaleY,translateX:e.translateX,translateY:e.translateY,width:c,height:d,rowPx:a.rowPx,barPx:a.barPx,origin:l.origin,blocks:f})})},[e]),h("canvas",{ref:n,"data-testid":"graph-walk-rows-spans",style:{...Bt,width:e.paneWidth,height:e.canvasHeight}})}),Tt=m(function({model:e,vector:n=!1}){let o=H().replace(/[^\w-]/g,""),r=e.walkRowBars,i=e.walkRowPlacement,l=e.walkRowPitch,p=be(()=>r&&{...r,reference:{...r.reference,runs:[]},rows:r.rows.map(f=>({...f,runs:[]}))},[r]);if(!r||!p||!i||!l)return null;let{paneWidth:a,canvasHeight:u}=e,c=f=>f*e.scaleY+e.translateY,d=e.hoveredWalkRowText?[r.reference,...r.rows].findIndex(f=>f.name===e.hoveredWalkRow):-1,b=d>=0?[r.reference,...r.rows][d]:void 0,s={scaleX:e.scaleX,scaleY:e.scaleY,translateX:e.translateX,translateY:e.translateY,width:a,height:u,...l};return k(ue,{children:[n?null:h(Wt,{model:e}),k("svg",{style:Fe,width:a,height:u,"data-testid":"graph-walk-rows",children:[At(n?r:p,e.walkRowGroups?.sections??[],i.rowY,s,{ramp:e.referenceRampDomain,rowGenes:e.walkRowGenes,idPrefix:o}).map((f,g)=>h(I,{el:f},g)),i.headers.map(f=>h("text",{x:10,y:c(f.top)+Ce-4,fontFamily:"sans-serif",fontSize:11,fontWeight:"bold",fill:"#333","data-testid":"graph-walk-section",children:f.title},f.key)),b?h("rect",{"data-testid":"graph-walk-row-hovered",x:r.origin*e.scaleX+e.translateX-2,y:c(i.rowY(d))-l.rowPx/2-1,width:b.bp*e.scaleX+4,height:l.rowPx+2,fill:"none",stroke:"#111",strokeWidth:1}):null]})]})}),to=Tt;export{Dt as a,N as b,Ze as c,ct as d,ft as e,Xn as f,$n as g,I as h,qn as i,wr as j,mr as k,Rt as l,Sr as m,Pt as n,Hr as o,to as p};
3
- //# sourceMappingURL=chunk-GOFS7BXK.js.map