@jbrowse/plugin-linear-genome-view 2.3.4 → 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.
- package/dist/BaseLinearDisplay/components/Block.js +1 -1
- package/dist/BaseLinearDisplay/components/Block.js.map +1 -1
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +11 -11
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map +1 -1
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +74 -4
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +41 -22
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
- package/dist/BaseLinearDisplay/models/configSchema.js +8 -0
- package/dist/BaseLinearDisplay/models/configSchema.js.map +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +5 -0
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/dist/LinearBareDisplay/model.d.ts +62 -4
- package/dist/LinearBasicDisplay/model.d.ts +72 -14
- package/dist/LinearGenomeView/components/CenterLine.js +2 -2
- package/dist/LinearGenomeView/components/CenterLine.js.map +1 -1
- package/dist/LinearGenomeView/components/Cytobands.d.ts +118 -0
- package/dist/LinearGenomeView/components/Cytobands.js +92 -0
- package/dist/LinearGenomeView/components/Cytobands.js.map +1 -0
- package/dist/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +24 -3
- package/dist/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/Gridlines.js +1 -1
- package/dist/LinearGenomeView/components/Gridlines.js.map +1 -1
- package/dist/LinearGenomeView/components/Header.js +3 -4
- package/dist/LinearGenomeView/components/Header.js.map +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeView.js +1 -1
- package/dist/LinearGenomeView/components/MiniControls.js +5 -4
- package/dist/LinearGenomeView/components/MiniControls.js.map +1 -1
- package/dist/LinearGenomeView/components/OverviewScalebar.d.ts +1 -115
- package/dist/LinearGenomeView/components/OverviewScalebar.js +15 -99
- package/dist/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
- package/dist/LinearGenomeView/components/RubberbandSpan.js +2 -2
- package/dist/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
- package/dist/LinearGenomeView/components/TrackLabel.js +4 -5
- package/dist/LinearGenomeView/components/TrackLabel.js.map +1 -1
- package/dist/LinearGenomeView/components/ZoomControls.js +5 -4
- package/dist/LinearGenomeView/components/ZoomControls.js.map +1 -1
- package/dist/LinearGenomeView/components/util.d.ts +6 -0
- package/dist/LinearGenomeView/components/util.js +11 -1
- package/dist/LinearGenomeView/components/util.js.map +1 -1
- package/dist/LinearGenomeView/model.d.ts +10 -2
- package/dist/LinearGenomeView/model.js +4 -4
- package/dist/LinearGenomeView/model.js.map +1 -1
- package/dist/LinearGenomeView/svgcomponents/SVGBackground.d.ts +6 -0
- package/dist/LinearGenomeView/svgcomponents/SVGBackground.js +13 -0
- package/dist/LinearGenomeView/svgcomponents/SVGBackground.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGHeader.d.ts +10 -0
- package/dist/LinearGenomeView/svgcomponents/SVGHeader.js +55 -0
- package/dist/LinearGenomeView/svgcomponents/SVGHeader.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.d.ts +13 -0
- package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js +56 -0
- package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.js +13 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRuler.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRuler.js +51 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRuler.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGScalebar.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js +22 -0
- package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js +15 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTracks.d.ts +23 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTracks.js +30 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTracks.js.map +1 -0
- package/dist/LinearGenomeView/util.js +1 -1
- package/dist/LinearGenomeView/util.js.map +1 -1
- package/dist/index.d.ts +133 -18
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/esm/BaseLinearDisplay/components/Block.js +1 -1
- package/esm/BaseLinearDisplay/components/Block.js.map +1 -1
- package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +11 -11
- package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map +1 -1
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +74 -4
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js +42 -23
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
- package/esm/BaseLinearDisplay/models/configSchema.js +8 -0
- package/esm/BaseLinearDisplay/models/configSchema.js.map +1 -1
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -1
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js +5 -0
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/esm/LinearBareDisplay/model.d.ts +62 -4
- package/esm/LinearBasicDisplay/model.d.ts +72 -14
- package/esm/LinearGenomeView/components/CenterLine.js +2 -2
- package/esm/LinearGenomeView/components/CenterLine.js.map +1 -1
- package/esm/LinearGenomeView/components/Cytobands.d.ts +118 -0
- package/esm/LinearGenomeView/components/Cytobands.js +87 -0
- package/esm/LinearGenomeView/components/Cytobands.js.map +1 -0
- package/esm/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
- package/esm/LinearGenomeView/components/ExportSvgDialog.js +25 -4
- package/esm/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/Gridlines.js +1 -1
- package/esm/LinearGenomeView/components/Gridlines.js.map +1 -1
- package/esm/LinearGenomeView/components/Header.js +5 -6
- package/esm/LinearGenomeView/components/Header.js.map +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeView.js +1 -1
- package/esm/LinearGenomeView/components/MiniControls.js +5 -4
- package/esm/LinearGenomeView/components/MiniControls.js.map +1 -1
- package/esm/LinearGenomeView/components/OverviewScalebar.d.ts +1 -115
- package/esm/LinearGenomeView/components/OverviewScalebar.js +12 -96
- package/esm/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
- package/esm/LinearGenomeView/components/RubberbandSpan.js +2 -2
- package/esm/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
- package/esm/LinearGenomeView/components/TrackLabel.js +4 -5
- package/esm/LinearGenomeView/components/TrackLabel.js.map +1 -1
- package/esm/LinearGenomeView/components/ZoomControls.js +5 -4
- package/esm/LinearGenomeView/components/ZoomControls.js.map +1 -1
- package/esm/LinearGenomeView/components/util.d.ts +6 -0
- package/esm/LinearGenomeView/components/util.js +9 -0
- package/esm/LinearGenomeView/components/util.js.map +1 -1
- package/esm/LinearGenomeView/model.d.ts +10 -2
- package/esm/LinearGenomeView/model.js +2 -2
- package/esm/LinearGenomeView/model.js.map +1 -1
- package/esm/LinearGenomeView/svgcomponents/SVGBackground.d.ts +6 -0
- package/esm/LinearGenomeView/svgcomponents/SVGBackground.js +7 -0
- package/esm/LinearGenomeView/svgcomponents/SVGBackground.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGHeader.d.ts +10 -0
- package/esm/LinearGenomeView/svgcomponents/SVGHeader.js +49 -0
- package/esm/LinearGenomeView/svgcomponents/SVGHeader.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.d.ts +13 -0
- package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js +47 -0
- package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.js +7 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRuler.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRuler.js +45 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRuler.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGScalebar.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGScalebar.js +16 -0
- package/esm/LinearGenomeView/svgcomponents/SVGScalebar.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js +9 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTracks.d.ts +23 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTracks.js +24 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTracks.js.map +1 -0
- package/esm/LinearGenomeView/util.js +1 -1
- package/esm/LinearGenomeView/util.js.map +1 -1
- package/esm/index.d.ts +133 -18
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/BaseLinearDisplay/components/Block.tsx +1 -1
- package/src/BaseLinearDisplay/components/ServerSideRenderedBlockContent.tsx +11 -12
- package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +53 -35
- package/src/BaseLinearDisplay/models/configSchema.ts +8 -0
- package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +9 -17
- package/src/LinearGenomeView/components/CenterLine.tsx +2 -2
- package/src/LinearGenomeView/components/Cytobands.tsx +154 -0
- package/src/LinearGenomeView/components/ExportSvgDialog.tsx +56 -4
- package/src/LinearGenomeView/components/Gridlines.tsx +1 -1
- package/src/LinearGenomeView/components/Header.tsx +6 -13
- package/src/LinearGenomeView/components/LinearGenomeView.test.tsx +8 -11
- package/src/LinearGenomeView/components/LinearGenomeView.tsx +1 -1
- package/src/LinearGenomeView/components/MiniControls.tsx +6 -7
- package/src/LinearGenomeView/components/OverviewScalebar.tsx +218 -381
- package/src/LinearGenomeView/components/RubberbandSpan.tsx +2 -2
- package/src/LinearGenomeView/components/TrackLabel.tsx +2 -5
- package/src/LinearGenomeView/components/ZoomControls.tsx +3 -4
- package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.tsx.snap +1234 -1200
- package/src/LinearGenomeView/components/util.ts +13 -0
- package/src/LinearGenomeView/index.test.ts +9 -5
- package/src/LinearGenomeView/model.ts +10 -3
- package/src/LinearGenomeView/svgcomponents/SVGBackground.tsx +21 -0
- package/src/LinearGenomeView/svgcomponents/SVGHeader.tsx +93 -0
- package/src/LinearGenomeView/svgcomponents/SVGLinearGenomeView.tsx +114 -0
- package/src/LinearGenomeView/svgcomponents/SVGRegionSeparators.tsx +31 -0
- package/src/LinearGenomeView/svgcomponents/SVGRuler.tsx +125 -0
- package/src/LinearGenomeView/svgcomponents/SVGScalebar.tsx +57 -0
- package/src/LinearGenomeView/svgcomponents/SVGTrackLabel.tsx +45 -0
- package/src/LinearGenomeView/svgcomponents/SVGTracks.tsx +67 -0
- package/src/LinearGenomeView/util.test.ts +7 -4
- package/src/LinearGenomeView/util.ts +2 -2
- package/src/index.ts +10 -1
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +0 -4
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +0 -141
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js.map +0 -1
- package/dist/LinearGenomeView/components/Ruler.d.ts +0 -11
- package/dist/LinearGenomeView/components/Ruler.js +0 -39
- package/dist/LinearGenomeView/components/Ruler.js.map +0 -1
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +0 -4
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js +0 -134
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js.map +0 -1
- package/esm/LinearGenomeView/components/Ruler.d.ts +0 -11
- package/esm/LinearGenomeView/components/Ruler.js +0 -34
- package/esm/LinearGenomeView/components/Ruler.js.map +0 -1
- package/src/LinearGenomeView/components/LinearGenomeViewSvg.tsx +0 -307
- package/src/LinearGenomeView/components/Ruler.tsx +0 -78
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,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,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"}
|