@jbrowse/plugin-linear-genome-view 2.3.3 → 2.4.0

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 (198) hide show
  1. package/dist/BaseLinearDisplay/components/Block.js +1 -1
  2. package/dist/BaseLinearDisplay/components/Block.js.map +1 -1
  3. package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +11 -11
  4. package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map +1 -1
  5. package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +74 -4
  6. package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +41 -22
  7. package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
  8. package/dist/BaseLinearDisplay/models/configSchema.js +8 -0
  9. package/dist/BaseLinearDisplay/models/configSchema.js.map +1 -1
  10. package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -1
  11. package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +5 -0
  12. package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
  13. package/dist/LinearBareDisplay/model.d.ts +62 -4
  14. package/dist/LinearBasicDisplay/model.d.ts +72 -14
  15. package/dist/LinearGenomeView/components/CenterLine.js +2 -2
  16. package/dist/LinearGenomeView/components/CenterLine.js.map +1 -1
  17. package/dist/LinearGenomeView/components/Cytobands.d.ts +118 -0
  18. package/dist/LinearGenomeView/components/Cytobands.js +92 -0
  19. package/dist/LinearGenomeView/components/Cytobands.js.map +1 -0
  20. package/dist/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
  21. package/dist/LinearGenomeView/components/ExportSvgDialog.js +24 -3
  22. package/dist/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
  23. package/dist/LinearGenomeView/components/GetSequenceDialog.js +4 -1
  24. package/dist/LinearGenomeView/components/GetSequenceDialog.js.map +1 -1
  25. package/dist/LinearGenomeView/components/Gridlines.js +1 -1
  26. package/dist/LinearGenomeView/components/Gridlines.js.map +1 -1
  27. package/dist/LinearGenomeView/components/Header.js +3 -4
  28. package/dist/LinearGenomeView/components/Header.js.map +1 -1
  29. package/dist/LinearGenomeView/components/LinearGenomeView.js +1 -1
  30. package/dist/LinearGenomeView/components/MiniControls.js +5 -4
  31. package/dist/LinearGenomeView/components/MiniControls.js.map +1 -1
  32. package/dist/LinearGenomeView/components/OverviewScalebar.d.ts +1 -115
  33. package/dist/LinearGenomeView/components/OverviewScalebar.js +15 -99
  34. package/dist/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
  35. package/dist/LinearGenomeView/components/RubberbandSpan.js +2 -2
  36. package/dist/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
  37. package/dist/LinearGenomeView/components/TrackLabel.js +6 -5
  38. package/dist/LinearGenomeView/components/TrackLabel.js.map +1 -1
  39. package/dist/LinearGenomeView/components/ZoomControls.js +5 -4
  40. package/dist/LinearGenomeView/components/ZoomControls.js.map +1 -1
  41. package/dist/LinearGenomeView/components/util.d.ts +6 -0
  42. package/dist/LinearGenomeView/components/util.js +11 -1
  43. package/dist/LinearGenomeView/components/util.js.map +1 -1
  44. package/dist/LinearGenomeView/model.d.ts +10 -2
  45. package/dist/LinearGenomeView/model.js +6 -6
  46. package/dist/LinearGenomeView/model.js.map +1 -1
  47. package/dist/LinearGenomeView/svgcomponents/SVGBackground.d.ts +6 -0
  48. package/dist/LinearGenomeView/svgcomponents/SVGBackground.js +13 -0
  49. package/dist/LinearGenomeView/svgcomponents/SVGBackground.js.map +1 -0
  50. package/dist/LinearGenomeView/svgcomponents/SVGHeader.d.ts +10 -0
  51. package/dist/LinearGenomeView/svgcomponents/SVGHeader.js +55 -0
  52. package/dist/LinearGenomeView/svgcomponents/SVGHeader.js.map +1 -0
  53. package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.d.ts +13 -0
  54. package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js +56 -0
  55. package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js.map +1 -0
  56. package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.d.ts +8 -0
  57. package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.js +13 -0
  58. package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.js.map +1 -0
  59. package/dist/LinearGenomeView/svgcomponents/SVGRuler.d.ts +8 -0
  60. package/dist/LinearGenomeView/svgcomponents/SVGRuler.js +51 -0
  61. package/dist/LinearGenomeView/svgcomponents/SVGRuler.js.map +1 -0
  62. package/dist/LinearGenomeView/svgcomponents/SVGScalebar.d.ts +8 -0
  63. package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js +22 -0
  64. package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js.map +1 -0
  65. package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.d.ts +8 -0
  66. package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js +15 -0
  67. package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js.map +1 -0
  68. package/dist/LinearGenomeView/svgcomponents/SVGTracks.d.ts +23 -0
  69. package/dist/LinearGenomeView/svgcomponents/SVGTracks.js +30 -0
  70. package/dist/LinearGenomeView/svgcomponents/SVGTracks.js.map +1 -0
  71. package/dist/LinearGenomeView/util.js +1 -1
  72. package/dist/LinearGenomeView/util.js.map +1 -1
  73. package/dist/index.d.ts +133 -18
  74. package/dist/index.js +6 -2
  75. package/dist/index.js.map +1 -1
  76. package/esm/BaseLinearDisplay/components/Block.js +1 -1
  77. package/esm/BaseLinearDisplay/components/Block.js.map +1 -1
  78. package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +11 -11
  79. package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map +1 -1
  80. package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +74 -4
  81. package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js +42 -23
  82. package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
  83. package/esm/BaseLinearDisplay/models/configSchema.js +8 -0
  84. package/esm/BaseLinearDisplay/models/configSchema.js.map +1 -1
  85. package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -1
  86. package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js +5 -0
  87. package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
  88. package/esm/LinearBareDisplay/model.d.ts +62 -4
  89. package/esm/LinearBasicDisplay/model.d.ts +72 -14
  90. package/esm/LinearGenomeView/components/CenterLine.js +2 -2
  91. package/esm/LinearGenomeView/components/CenterLine.js.map +1 -1
  92. package/esm/LinearGenomeView/components/Cytobands.d.ts +118 -0
  93. package/esm/LinearGenomeView/components/Cytobands.js +87 -0
  94. package/esm/LinearGenomeView/components/Cytobands.js.map +1 -0
  95. package/esm/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
  96. package/esm/LinearGenomeView/components/ExportSvgDialog.js +25 -4
  97. package/esm/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
  98. package/esm/LinearGenomeView/components/GetSequenceDialog.js +4 -1
  99. package/esm/LinearGenomeView/components/GetSequenceDialog.js.map +1 -1
  100. package/esm/LinearGenomeView/components/Gridlines.js +1 -1
  101. package/esm/LinearGenomeView/components/Gridlines.js.map +1 -1
  102. package/esm/LinearGenomeView/components/Header.js +5 -6
  103. package/esm/LinearGenomeView/components/Header.js.map +1 -1
  104. package/esm/LinearGenomeView/components/LinearGenomeView.js +1 -1
  105. package/esm/LinearGenomeView/components/MiniControls.js +5 -4
  106. package/esm/LinearGenomeView/components/MiniControls.js.map +1 -1
  107. package/esm/LinearGenomeView/components/OverviewScalebar.d.ts +1 -115
  108. package/esm/LinearGenomeView/components/OverviewScalebar.js +12 -96
  109. package/esm/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
  110. package/esm/LinearGenomeView/components/RubberbandSpan.js +2 -2
  111. package/esm/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
  112. package/esm/LinearGenomeView/components/TrackLabel.js +6 -5
  113. package/esm/LinearGenomeView/components/TrackLabel.js.map +1 -1
  114. package/esm/LinearGenomeView/components/ZoomControls.js +5 -4
  115. package/esm/LinearGenomeView/components/ZoomControls.js.map +1 -1
  116. package/esm/LinearGenomeView/components/util.d.ts +6 -0
  117. package/esm/LinearGenomeView/components/util.js +9 -0
  118. package/esm/LinearGenomeView/components/util.js.map +1 -1
  119. package/esm/LinearGenomeView/model.d.ts +10 -2
  120. package/esm/LinearGenomeView/model.js +4 -4
  121. package/esm/LinearGenomeView/model.js.map +1 -1
  122. package/esm/LinearGenomeView/svgcomponents/SVGBackground.d.ts +6 -0
  123. package/esm/LinearGenomeView/svgcomponents/SVGBackground.js +7 -0
  124. package/esm/LinearGenomeView/svgcomponents/SVGBackground.js.map +1 -0
  125. package/esm/LinearGenomeView/svgcomponents/SVGHeader.d.ts +10 -0
  126. package/esm/LinearGenomeView/svgcomponents/SVGHeader.js +49 -0
  127. package/esm/LinearGenomeView/svgcomponents/SVGHeader.js.map +1 -0
  128. package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.d.ts +13 -0
  129. package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js +47 -0
  130. package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js.map +1 -0
  131. package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.d.ts +8 -0
  132. package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.js +7 -0
  133. package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.js.map +1 -0
  134. package/esm/LinearGenomeView/svgcomponents/SVGRuler.d.ts +8 -0
  135. package/esm/LinearGenomeView/svgcomponents/SVGRuler.js +45 -0
  136. package/esm/LinearGenomeView/svgcomponents/SVGRuler.js.map +1 -0
  137. package/esm/LinearGenomeView/svgcomponents/SVGScalebar.d.ts +8 -0
  138. package/esm/LinearGenomeView/svgcomponents/SVGScalebar.js +16 -0
  139. package/esm/LinearGenomeView/svgcomponents/SVGScalebar.js.map +1 -0
  140. package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.d.ts +8 -0
  141. package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js +9 -0
  142. package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js.map +1 -0
  143. package/esm/LinearGenomeView/svgcomponents/SVGTracks.d.ts +23 -0
  144. package/esm/LinearGenomeView/svgcomponents/SVGTracks.js +24 -0
  145. package/esm/LinearGenomeView/svgcomponents/SVGTracks.js.map +1 -0
  146. package/esm/LinearGenomeView/util.js +1 -1
  147. package/esm/LinearGenomeView/util.js.map +1 -1
  148. package/esm/index.d.ts +133 -18
  149. package/esm/index.js +3 -2
  150. package/esm/index.js.map +1 -1
  151. package/package.json +3 -3
  152. package/src/BaseLinearDisplay/components/Block.tsx +1 -1
  153. package/src/BaseLinearDisplay/components/ServerSideRenderedBlockContent.tsx +11 -12
  154. package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +53 -35
  155. package/src/BaseLinearDisplay/models/configSchema.ts +8 -0
  156. package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +9 -17
  157. package/src/LinearGenomeView/components/CenterLine.tsx +2 -2
  158. package/src/LinearGenomeView/components/Cytobands.tsx +154 -0
  159. package/src/LinearGenomeView/components/ExportSvgDialog.tsx +56 -4
  160. package/src/LinearGenomeView/components/GetSequenceDialog.tsx +5 -1
  161. package/src/LinearGenomeView/components/Gridlines.tsx +1 -1
  162. package/src/LinearGenomeView/components/Header.tsx +6 -13
  163. package/src/LinearGenomeView/components/LinearGenomeView.test.tsx +8 -11
  164. package/src/LinearGenomeView/components/LinearGenomeView.tsx +1 -1
  165. package/src/LinearGenomeView/components/MiniControls.tsx +6 -7
  166. package/src/LinearGenomeView/components/OverviewScalebar.tsx +218 -381
  167. package/src/LinearGenomeView/components/RubberbandSpan.tsx +2 -2
  168. package/src/LinearGenomeView/components/TrackLabel.tsx +3 -5
  169. package/src/LinearGenomeView/components/ZoomControls.tsx +3 -4
  170. package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.tsx.snap +1240 -1203
  171. package/src/LinearGenomeView/components/util.ts +13 -0
  172. package/src/LinearGenomeView/index.test.ts +9 -5
  173. package/src/LinearGenomeView/model.ts +16 -5
  174. package/src/LinearGenomeView/svgcomponents/SVGBackground.tsx +21 -0
  175. package/src/LinearGenomeView/svgcomponents/SVGHeader.tsx +93 -0
  176. package/src/LinearGenomeView/svgcomponents/SVGLinearGenomeView.tsx +114 -0
  177. package/src/LinearGenomeView/svgcomponents/SVGRegionSeparators.tsx +31 -0
  178. package/src/LinearGenomeView/svgcomponents/SVGRuler.tsx +125 -0
  179. package/src/LinearGenomeView/svgcomponents/SVGScalebar.tsx +57 -0
  180. package/src/LinearGenomeView/svgcomponents/SVGTrackLabel.tsx +45 -0
  181. package/src/LinearGenomeView/svgcomponents/SVGTracks.tsx +67 -0
  182. package/src/LinearGenomeView/util.test.ts +7 -4
  183. package/src/LinearGenomeView/util.ts +2 -2
  184. package/src/index.ts +10 -1
  185. package/dist/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +0 -4
  186. package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +0 -141
  187. package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js.map +0 -1
  188. package/dist/LinearGenomeView/components/Ruler.d.ts +0 -11
  189. package/dist/LinearGenomeView/components/Ruler.js +0 -39
  190. package/dist/LinearGenomeView/components/Ruler.js.map +0 -1
  191. package/esm/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +0 -4
  192. package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js +0 -134
  193. package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js.map +0 -1
  194. package/esm/LinearGenomeView/components/Ruler.d.ts +0 -11
  195. package/esm/LinearGenomeView/components/Ruler.js +0 -34
  196. package/esm/LinearGenomeView/components/Ruler.js.map +0 -1
  197. package/src/LinearGenomeView/components/LinearGenomeViewSvg.tsx +0 -307
  198. package/src/LinearGenomeView/components/Ruler.tsx +0 -78
@@ -16,15 +16,18 @@ describe('tick calculation', () => {
16
16
  { type: 'minor', base: 8, index: 9 },
17
17
  { type: 'major', base: 9, index: 10 },
18
18
  { type: 'minor', base: 10, index: 11 },
19
+ { type: 'minor', base: 11, index: 12 },
19
20
  ])
20
21
  })
21
22
  test('two', () => {
22
23
  const result = Array.from(makeTicks(0, 50, 1))
23
24
  expect(result).toEqual([
24
- { type: 'major', base: -1, index: 0 },
25
- { type: 'minor', base: 19, index: 1 },
26
- { type: 'minor', base: 39, index: 2 },
27
- { type: 'minor', base: 59, index: 3 },
25
+ { type: 'minor', base: -21, index: 0 },
26
+ { type: 'major', base: -1, index: 1 },
27
+ { type: 'minor', base: 19, index: 2 },
28
+ { type: 'minor', base: 39, index: 3 },
29
+ { type: 'minor', base: 59, index: 4 },
30
+ { type: 'minor', base: 79, index: 5 },
28
31
  ])
29
32
  })
30
33
  })
@@ -68,8 +68,8 @@ export function makeTicks(
68
68
  let index = 0
69
69
  const ticks = []
70
70
  for (
71
- let base = Math.ceil(minBase / iterPitch) * iterPitch;
72
- base < maxBase;
71
+ let base = Math.floor(minBase / iterPitch) * iterPitch;
72
+ base < Math.ceil(maxBase / iterPitch) * iterPitch + 1;
73
73
  base += iterPitch
74
74
  ) {
75
75
  if (emitMinor && base % (gridPitch.majorPitch * 2)) {
package/src/index.ts CHANGED
@@ -17,7 +17,6 @@ import LinearBareDisplayF, {
17
17
  configSchemaFactory as linearBareDisplayConfigSchemaFactory,
18
18
  } from './LinearBareDisplay'
19
19
  import LinearGenomeViewF, {
20
- renderToSvg,
21
20
  LinearGenomeViewModel,
22
21
  LinearGenomeViewStateModel,
23
22
  RefNameAutocomplete,
@@ -25,6 +24,13 @@ import LinearGenomeViewF, {
25
24
  ZoomControls,
26
25
  LinearGenomeView,
27
26
  } from './LinearGenomeView'
27
+
28
+ import {
29
+ renderToSvg,
30
+ totalHeight,
31
+ SVGTracks,
32
+ SVGRuler,
33
+ } from './LinearGenomeView/svgcomponents/SVGLinearGenomeView'
28
34
  import LinearBasicDisplayF, {
29
35
  configSchema as linearBasicDisplayConfigSchemaFactory,
30
36
  modelFactory as linearBasicDisplayModelFactory,
@@ -74,6 +80,9 @@ export {
74
80
  linearBasicDisplayConfigSchemaFactory,
75
81
  linearBasicDisplayModelFactory,
76
82
  renderToSvg,
83
+ totalHeight,
84
+ SVGTracks,
85
+ SVGRuler,
77
86
  BaseLinearDisplayComponent,
78
87
  BaseLinearDisplay,
79
88
  RefNameAutocomplete,
@@ -1,4 +0,0 @@
1
- import { LinearGenomeViewModel, ExportSvgOptions } from '..';
2
- type LGV = LinearGenomeViewModel;
3
- export declare function renderToSvg(model: LGV, opts: ExportSvgOptions): Promise<string>;
4
- export {};
@@ -1,141 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.renderToSvg = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const server_1 = require("react-dom/server");
9
- const mobx_1 = require("mobx");
10
- const mobx_state_tree_1 = require("mobx-state-tree");
11
- const configuration_1 = require("@jbrowse/core/configuration");
12
- const util_1 = require("@jbrowse/core/util");
13
- const Base1DViewModel_1 = __importDefault(require("@jbrowse/core/util/Base1DViewModel"));
14
- // locals
15
- const Ruler_1 = __importDefault(require("./Ruler"));
16
- const __1 = require("..");
17
- const OverviewScalebar_1 = require("./OverviewScalebar");
18
- function Scalebar({ model, fontSize }) {
19
- const { offsetPx, dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp }, } = model;
20
- const displayBp = (0, util_1.getBpDisplayStr)(totalBp);
21
- const x0 = Math.max(-offsetPx, 0);
22
- const x1 = x0 + totalWidthPx;
23
- return (react_1.default.createElement(react_1.default.Fragment, null,
24
- react_1.default.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: "black" }),
25
- react_1.default.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: "black" }),
26
- react_1.default.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: "black" }),
27
- react_1.default.createElement("text", { x: x0 + (x1 - x0) / 2, y: fontSize * 2, textAnchor: "middle", fontSize: fontSize }, displayBp)));
28
- }
29
- function SVGRuler({ model, fontSize, width, }) {
30
- const { dynamicBlocks: { contentBlocks }, offsetPx: viewOffsetPx, bpPerPx, } = model;
31
- const renderRuler = contentBlocks.length < 5;
32
- return (react_1.default.createElement(react_1.default.Fragment, null,
33
- react_1.default.createElement("defs", null,
34
- react_1.default.createElement("clipPath", { id: "clip-ruler" },
35
- react_1.default.createElement("rect", { x: 0, y: 0, width: width, height: 20 }))),
36
- contentBlocks.map(block => {
37
- const { key, start, end, reversed, offsetPx, refName } = block;
38
- const offsetLeft = offsetPx - viewOffsetPx;
39
- return (react_1.default.createElement("g", { key: `${key}`, transform: `translate(${offsetLeft} 0)` },
40
- react_1.default.createElement("text", { x: offsetLeft / bpPerPx, y: fontSize, fontSize: fontSize }, refName),
41
- renderRuler ? (react_1.default.createElement("g", { transform: "translate(0 20)", clipPath: "url(#clip-ruler)" },
42
- react_1.default.createElement(Ruler_1.default, { start: start, end: end, bpPerPx: bpPerPx, reversed: reversed }))) : (react_1.default.createElement("line", { strokeWidth: 1, stroke: "black", x1: start / bpPerPx, x2: end / bpPerPx, y1: 20, y2: 20 }))));
43
- })));
44
- }
45
- const fontSize = 15;
46
- const rulerHeight = 50;
47
- const textHeight = fontSize + 5;
48
- const paddingHeight = 20;
49
- const headerHeight = textHeight + 20;
50
- const cytobandHeightIfExists = 100;
51
- const totalHeight = (tracks) => {
52
- return tracks.reduce((accum, track) => {
53
- const display = track.displays[0];
54
- return accum + display.height + paddingHeight + textHeight;
55
- }, 0);
56
- };
57
- // SVG component, ruler and assembly name
58
- const SVGHeader = ({ model }) => {
59
- const { width, assemblyNames, showCytobands, displayedRegions } = model;
60
- const { assemblyManager } = (0, util_1.getSession)(model);
61
- const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
62
- const assembly = assemblyManager.get(assemblyName);
63
- const overview = Base1DViewModel_1.default.create({
64
- displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
65
- interRegionPaddingWidth: 0,
66
- minimumBlockWidth: model.minimumBlockWidth,
67
- });
68
- const visibleRegions = model.dynamicBlocks.contentBlocks;
69
- overview.setVolatileWidth(width);
70
- overview.showAllRegions();
71
- const block = overview.dynamicBlocks.contentBlocks[0];
72
- const first = visibleRegions[0];
73
- const firstOverviewPx = overview.bpToPx({
74
- ...first,
75
- coord: first.reversed ? first.end : first.start,
76
- }) || 0;
77
- const last = visibleRegions[visibleRegions.length - 1];
78
- const lastOverviewPx = overview.bpToPx({
79
- ...last,
80
- coord: last.reversed ? last.start : last.end,
81
- }) || 0;
82
- const cytobandHeight = showCytobands ? cytobandHeightIfExists : 0;
83
- return (react_1.default.createElement("g", { id: "header" },
84
- react_1.default.createElement("text", { x: 0, y: fontSize, fontSize: fontSize }, assemblyName),
85
- showCytobands ? (react_1.default.createElement("g", { transform: `translate(0 ${rulerHeight})` },
86
- react_1.default.createElement(OverviewScalebar_1.Cytobands, { overview: overview, assembly: assembly, block: block }),
87
- react_1.default.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: __1.HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
88
- react_1.default.createElement("g", { transform: `translate(0,${__1.HEADER_OVERVIEW_HEIGHT})` },
89
- react_1.default.createElement(OverviewScalebar_1.Polygon, { overview: overview, model: model, useOffset: false })))) : null,
90
- react_1.default.createElement("g", { transform: `translate(0 ${fontSize + cytobandHeight})` },
91
- react_1.default.createElement(Scalebar, { model: model, fontSize: fontSize })),
92
- react_1.default.createElement("g", { transform: `translate(0 ${rulerHeight + cytobandHeight})` },
93
- react_1.default.createElement(SVGRuler, { model: model, fontSize: fontSize, width: width }))));
94
- };
95
- // SVG component, region separator
96
- const SVGRegionSeparators = ({ model, height, }) => {
97
- const { dynamicBlocks, offsetPx, interRegionPaddingWidth } = model;
98
- return (react_1.default.createElement(react_1.default.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(block => (react_1.default.createElement("rect", { key: block.key, x: block.offsetPx - offsetPx - interRegionPaddingWidth, width: interRegionPaddingWidth, y: 0, height: height, stroke: "none", fill: "grey" })))));
99
- };
100
- // SVG component, tracks
101
- function SVGTracks({ displayResults, model, offset, }) {
102
- return (react_1.default.createElement(react_1.default.Fragment, null, displayResults.map(({ track, result }) => {
103
- const current = offset;
104
- const trackName = (0, configuration_1.getConf)(track, 'name') ||
105
- `Reference sequence (${(0, configuration_1.readConfObject)((0, mobx_state_tree_1.getParent)(track.configuration), 'displayName') ||
106
- (0, configuration_1.readConfObject)((0, mobx_state_tree_1.getParent)(track.configuration), 'name')})`;
107
- const display = track.displays[0];
108
- offset += display.height + paddingHeight + textHeight;
109
- return (react_1.default.createElement("g", { key: track.configuration.trackId, transform: `translate(0 ${current})` },
110
- react_1.default.createElement("text", { fontSize: fontSize, x: Math.max(-model.offsetPx, 0) }, trackName),
111
- react_1.default.createElement("g", { transform: `translate(0 ${textHeight})` },
112
- result,
113
- react_1.default.createElement(SVGRegionSeparators, { model: model, height: display.height }))));
114
- })));
115
- }
116
- // render LGV to SVG
117
- async function renderToSvg(model, opts) {
118
- await (0, mobx_1.when)(() => model.initialized);
119
- const { Wrapper = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children) } = opts;
120
- const { width, tracks, showCytobands } = model;
121
- const shift = 50;
122
- const offset = headerHeight +
123
- rulerHeight +
124
- (showCytobands ? cytobandHeightIfExists : 0) +
125
- 20;
126
- const height = totalHeight(tracks) + offset;
127
- const displayResults = await Promise.all(tracks.map(async (track) => {
128
- const display = track.displays[0];
129
- await (0, mobx_1.when)(() => (display.ready !== undefined ? display.ready : true));
130
- return { track, result: await display.renderSvg(opts) };
131
- }));
132
- // the xlink namespace is used for rendering <image> tag
133
- return (0, server_1.renderToStaticMarkup)(react_1.default.createElement(Wrapper, null,
134
- react_1.default.createElement("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, width + shift * 2, height].toString() },
135
- react_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: "white" }),
136
- react_1.default.createElement("g", { stroke: "none", transform: `translate(${shift} ${fontSize})` },
137
- react_1.default.createElement(SVGHeader, { model: model }),
138
- react_1.default.createElement(SVGTracks, { model: model, displayResults: displayResults, offset: offset })))));
139
- }
140
- exports.renderToSvg = renderToSvg;
141
- //# sourceMappingURL=LinearGenomeViewSvg.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LinearGenomeViewSvg.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/LinearGenomeViewSvg.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- declare function Ruler({ start, end, bpPerPx, reversed, major, minor, }: {
3
- start: number;
4
- end: number;
5
- bpPerPx: number;
6
- reversed?: boolean;
7
- major?: boolean;
8
- minor?: boolean;
9
- }): JSX.Element;
10
- declare const _default: typeof Ruler;
11
- export default _default;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const mui_1 = require("tss-react/mui");
8
- const mobx_react_1 = require("mobx-react");
9
- const util_1 = require("@jbrowse/core/util");
10
- // locals
11
- const util_2 = require("../util");
12
- const useStyles = (0, mui_1.makeStyles)()({
13
- majorTickLabel: {
14
- fontSize: '11px',
15
- },
16
- majorTick: {
17
- stroke: '#555',
18
- },
19
- minorTick: {
20
- stroke: '#999',
21
- },
22
- });
23
- function Ruler({ start, end, bpPerPx, reversed = false, major = true, minor = true, }) {
24
- const { classes } = useStyles();
25
- const ticks = (0, util_2.makeTicks)(start, end, bpPerPx, major, minor);
26
- return (react_1.default.createElement(react_1.default.Fragment, null,
27
- ticks.map(tick => {
28
- const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
29
- return (react_1.default.createElement("line", { key: tick.base, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: tick.type === 'major' ? '#555' : '#999', className: tick.type === 'major' ? classes.majorTick : classes.minorTick, "data-bp": tick.base }));
30
- }),
31
- ticks
32
- .filter(tick => tick.type === 'major')
33
- .map(tick => {
34
- const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
35
- return (react_1.default.createElement("text", { x: x - 3, y: 7 + 11, key: `label-${tick.base}`, style: { fontSize: '11px' }, className: classes.majorTickLabel }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx)));
36
- })));
37
- }
38
- exports.default = (0, mobx_react_1.observer)(Ruler);
39
- //# sourceMappingURL=Ruler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Ruler.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Ruler.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,uCAA0C;AAC1C,2CAAqC;AACrC,6CAAsD;AAEtD,SAAS;AACT,kCAAmC;AAEnC,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,cAAc,EAAE;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;KACf;IACD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,SAAS,KAAK,CAAC,EACb,KAAK,EACL,GAAG,EACH,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,IAAI,GAQb;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,IAAA,gBAAS,EAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;IAC1D,OAAO,CACL;QACG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAChB,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAA;YACpE,OAAO,CACL,wCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,WAAW,EAAE,CAAC,EACd,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC/C,SAAS,EACP,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,aAEtD,IAAI,CAAC,IAAI,GAClB,CACH,CAAA;QACH,CAAC,CAAC;QACD,KAAK;aACH,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;aACrC,GAAG,CAAC,IAAI,CAAC,EAAE;YACV,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAA;YACpE,OAAO,CACL,wCACE,CAAC,EAAE,CAAC,GAAG,CAAC,EACR,CAAC,EAAE,CAAC,GAAG,EAAE,EACT,GAAG,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,SAAS,EAAE,OAAO,CAAC,cAAc,IAEhC,IAAA,wBAAiB,EAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,CACrC,CACR,CAAA;QACH,CAAC,CAAC,CACH,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,KAAK,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- import { LinearGenomeViewModel, ExportSvgOptions } from '..';
2
- type LGV = LinearGenomeViewModel;
3
- export declare function renderToSvg(model: LGV, opts: ExportSvgOptions): Promise<string>;
4
- export {};
@@ -1,134 +0,0 @@
1
- import React from 'react';
2
- import { renderToStaticMarkup } from 'react-dom/server';
3
- import { when } from 'mobx';
4
- import { getParent } from 'mobx-state-tree';
5
- import { getConf, readConfObject } from '@jbrowse/core/configuration';
6
- import { getSession, getBpDisplayStr } from '@jbrowse/core/util';
7
- import Base1DView from '@jbrowse/core/util/Base1DViewModel';
8
- // locals
9
- import Ruler from './Ruler';
10
- import { HEADER_OVERVIEW_HEIGHT, } from '..';
11
- import { Polygon, Cytobands } from './OverviewScalebar';
12
- function Scalebar({ model, fontSize }) {
13
- const { offsetPx, dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp }, } = model;
14
- const displayBp = getBpDisplayStr(totalBp);
15
- const x0 = Math.max(-offsetPx, 0);
16
- const x1 = x0 + totalWidthPx;
17
- return (React.createElement(React.Fragment, null,
18
- React.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: "black" }),
19
- React.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: "black" }),
20
- React.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: "black" }),
21
- React.createElement("text", { x: x0 + (x1 - x0) / 2, y: fontSize * 2, textAnchor: "middle", fontSize: fontSize }, displayBp)));
22
- }
23
- function SVGRuler({ model, fontSize, width, }) {
24
- const { dynamicBlocks: { contentBlocks }, offsetPx: viewOffsetPx, bpPerPx, } = model;
25
- const renderRuler = contentBlocks.length < 5;
26
- return (React.createElement(React.Fragment, null,
27
- React.createElement("defs", null,
28
- React.createElement("clipPath", { id: "clip-ruler" },
29
- React.createElement("rect", { x: 0, y: 0, width: width, height: 20 }))),
30
- contentBlocks.map(block => {
31
- const { key, start, end, reversed, offsetPx, refName } = block;
32
- const offsetLeft = offsetPx - viewOffsetPx;
33
- return (React.createElement("g", { key: `${key}`, transform: `translate(${offsetLeft} 0)` },
34
- React.createElement("text", { x: offsetLeft / bpPerPx, y: fontSize, fontSize: fontSize }, refName),
35
- renderRuler ? (React.createElement("g", { transform: "translate(0 20)", clipPath: "url(#clip-ruler)" },
36
- React.createElement(Ruler, { start: start, end: end, bpPerPx: bpPerPx, reversed: reversed }))) : (React.createElement("line", { strokeWidth: 1, stroke: "black", x1: start / bpPerPx, x2: end / bpPerPx, y1: 20, y2: 20 }))));
37
- })));
38
- }
39
- const fontSize = 15;
40
- const rulerHeight = 50;
41
- const textHeight = fontSize + 5;
42
- const paddingHeight = 20;
43
- const headerHeight = textHeight + 20;
44
- const cytobandHeightIfExists = 100;
45
- const totalHeight = (tracks) => {
46
- return tracks.reduce((accum, track) => {
47
- const display = track.displays[0];
48
- return accum + display.height + paddingHeight + textHeight;
49
- }, 0);
50
- };
51
- // SVG component, ruler and assembly name
52
- const SVGHeader = ({ model }) => {
53
- const { width, assemblyNames, showCytobands, displayedRegions } = model;
54
- const { assemblyManager } = getSession(model);
55
- const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
56
- const assembly = assemblyManager.get(assemblyName);
57
- const overview = Base1DView.create({
58
- displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
59
- interRegionPaddingWidth: 0,
60
- minimumBlockWidth: model.minimumBlockWidth,
61
- });
62
- const visibleRegions = model.dynamicBlocks.contentBlocks;
63
- overview.setVolatileWidth(width);
64
- overview.showAllRegions();
65
- const block = overview.dynamicBlocks.contentBlocks[0];
66
- const first = visibleRegions[0];
67
- const firstOverviewPx = overview.bpToPx({
68
- ...first,
69
- coord: first.reversed ? first.end : first.start,
70
- }) || 0;
71
- const last = visibleRegions[visibleRegions.length - 1];
72
- const lastOverviewPx = overview.bpToPx({
73
- ...last,
74
- coord: last.reversed ? last.start : last.end,
75
- }) || 0;
76
- const cytobandHeight = showCytobands ? cytobandHeightIfExists : 0;
77
- return (React.createElement("g", { id: "header" },
78
- React.createElement("text", { x: 0, y: fontSize, fontSize: fontSize }, assemblyName),
79
- showCytobands ? (React.createElement("g", { transform: `translate(0 ${rulerHeight})` },
80
- React.createElement(Cytobands, { overview: overview, assembly: assembly, block: block }),
81
- React.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
82
- React.createElement("g", { transform: `translate(0,${HEADER_OVERVIEW_HEIGHT})` },
83
- React.createElement(Polygon, { overview: overview, model: model, useOffset: false })))) : null,
84
- React.createElement("g", { transform: `translate(0 ${fontSize + cytobandHeight})` },
85
- React.createElement(Scalebar, { model: model, fontSize: fontSize })),
86
- React.createElement("g", { transform: `translate(0 ${rulerHeight + cytobandHeight})` },
87
- React.createElement(SVGRuler, { model: model, fontSize: fontSize, width: width }))));
88
- };
89
- // SVG component, region separator
90
- const SVGRegionSeparators = ({ model, height, }) => {
91
- const { dynamicBlocks, offsetPx, interRegionPaddingWidth } = model;
92
- return (React.createElement(React.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(block => (React.createElement("rect", { key: block.key, x: block.offsetPx - offsetPx - interRegionPaddingWidth, width: interRegionPaddingWidth, y: 0, height: height, stroke: "none", fill: "grey" })))));
93
- };
94
- // SVG component, tracks
95
- function SVGTracks({ displayResults, model, offset, }) {
96
- return (React.createElement(React.Fragment, null, displayResults.map(({ track, result }) => {
97
- const current = offset;
98
- const trackName = getConf(track, 'name') ||
99
- `Reference sequence (${readConfObject(getParent(track.configuration), 'displayName') ||
100
- readConfObject(getParent(track.configuration), 'name')})`;
101
- const display = track.displays[0];
102
- offset += display.height + paddingHeight + textHeight;
103
- return (React.createElement("g", { key: track.configuration.trackId, transform: `translate(0 ${current})` },
104
- React.createElement("text", { fontSize: fontSize, x: Math.max(-model.offsetPx, 0) }, trackName),
105
- React.createElement("g", { transform: `translate(0 ${textHeight})` },
106
- result,
107
- React.createElement(SVGRegionSeparators, { model: model, height: display.height }))));
108
- })));
109
- }
110
- // render LGV to SVG
111
- export async function renderToSvg(model, opts) {
112
- await when(() => model.initialized);
113
- const { Wrapper = ({ children }) => React.createElement(React.Fragment, null, children) } = opts;
114
- const { width, tracks, showCytobands } = model;
115
- const shift = 50;
116
- const offset = headerHeight +
117
- rulerHeight +
118
- (showCytobands ? cytobandHeightIfExists : 0) +
119
- 20;
120
- const height = totalHeight(tracks) + offset;
121
- const displayResults = await Promise.all(tracks.map(async (track) => {
122
- const display = track.displays[0];
123
- await when(() => (display.ready !== undefined ? display.ready : true));
124
- return { track, result: await display.renderSvg(opts) };
125
- }));
126
- // the xlink namespace is used for rendering <image> tag
127
- return renderToStaticMarkup(React.createElement(Wrapper, null,
128
- React.createElement("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, width + shift * 2, height].toString() },
129
- React.createElement("rect", { width: width + shift * 2, height: height, fill: "white" }),
130
- React.createElement("g", { stroke: "none", transform: `translate(${shift} ${fontSize})` },
131
- React.createElement(SVGHeader, { model: model }),
132
- React.createElement(SVGTracks, { model: model, displayResults: displayResults, offset: offset })))));
133
- }
134
- //# sourceMappingURL=LinearGenomeViewSvg.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LinearGenomeViewSvg.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/LinearGenomeViewSvg.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- declare function Ruler({ start, end, bpPerPx, reversed, major, minor, }: {
3
- start: number;
4
- end: number;
5
- bpPerPx: number;
6
- reversed?: boolean;
7
- major?: boolean;
8
- minor?: boolean;
9
- }): JSX.Element;
10
- declare const _default: typeof Ruler;
11
- export default _default;
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import { makeStyles } from 'tss-react/mui';
3
- import { observer } from 'mobx-react';
4
- import { getTickDisplayStr } from '@jbrowse/core/util';
5
- // locals
6
- import { makeTicks } from '../util';
7
- const useStyles = makeStyles()({
8
- majorTickLabel: {
9
- fontSize: '11px',
10
- },
11
- majorTick: {
12
- stroke: '#555',
13
- },
14
- minorTick: {
15
- stroke: '#999',
16
- },
17
- });
18
- function Ruler({ start, end, bpPerPx, reversed = false, major = true, minor = true, }) {
19
- const { classes } = useStyles();
20
- const ticks = makeTicks(start, end, bpPerPx, major, minor);
21
- return (React.createElement(React.Fragment, null,
22
- ticks.map(tick => {
23
- const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
24
- return (React.createElement("line", { key: tick.base, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: tick.type === 'major' ? '#555' : '#999', className: tick.type === 'major' ? classes.majorTick : classes.minorTick, "data-bp": tick.base }));
25
- }),
26
- ticks
27
- .filter(tick => tick.type === 'major')
28
- .map(tick => {
29
- const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
30
- return (React.createElement("text", { x: x - 3, y: 7 + 11, key: `label-${tick.base}`, style: { fontSize: '11px' }, className: classes.majorTickLabel }, getTickDisplayStr(tick.base + 1, bpPerPx)));
31
- })));
32
- }
33
- export default observer(Ruler);
34
- //# sourceMappingURL=Ruler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Ruler.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Ruler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,cAAc,EAAE;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;KACf;IACD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,SAAS,KAAK,CAAC,EACb,KAAK,EACL,GAAG,EACH,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,IAAI,GAQb;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;IAC1D,OAAO,CACL;QACG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAChB,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAA;YACpE,OAAO,CACL,8BACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,WAAW,EAAE,CAAC,EACd,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC/C,SAAS,EACP,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,aAEtD,IAAI,CAAC,IAAI,GAClB,CACH,CAAA;QACH,CAAC,CAAC;QACD,KAAK;aACH,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;aACrC,GAAG,CAAC,IAAI,CAAC,EAAE;YACV,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAA;YACpE,OAAO,CACL,8BACE,CAAC,EAAE,CAAC,GAAG,CAAC,EACR,CAAC,EAAE,CAAC,GAAG,EAAE,EACT,GAAG,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,SAAS,EAAE,OAAO,CAAC,cAAc,IAEhC,iBAAiB,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,CACrC,CACR,CAAA;QACH,CAAC,CAAC,CACH,CACJ,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,KAAK,CAAC,CAAA"}