@jbrowse/plugin-circular-view 2.7.1 → 2.7.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.
|
@@ -52,7 +52,7 @@ function stateModelFactory(pluginManager) {
|
|
|
52
52
|
const minWidth = 100;
|
|
53
53
|
const defaultHeight = 400;
|
|
54
54
|
return mobx_state_tree_1.types
|
|
55
|
-
.compose(models_1.BaseViewModel, mobx_state_tree_1.types.model(
|
|
55
|
+
.compose('CircularView', models_1.BaseViewModel, mobx_state_tree_1.types.model({
|
|
56
56
|
/**
|
|
57
57
|
* #property
|
|
58
58
|
*/
|
|
@@ -102,12 +102,33 @@ function stateModelFactory(pluginManager) {
|
|
|
102
102
|
* #property
|
|
103
103
|
*/
|
|
104
104
|
scrollY: 0,
|
|
105
|
+
/**
|
|
106
|
+
* #property
|
|
107
|
+
*/
|
|
105
108
|
minimumRadiusPx: 25,
|
|
109
|
+
/**
|
|
110
|
+
* #property
|
|
111
|
+
*/
|
|
106
112
|
spacingPx: 10,
|
|
113
|
+
/**
|
|
114
|
+
* #property
|
|
115
|
+
*/
|
|
107
116
|
paddingPx: 80,
|
|
117
|
+
/**
|
|
118
|
+
* #property
|
|
119
|
+
*/
|
|
108
120
|
lockedPaddingPx: 100,
|
|
121
|
+
/**
|
|
122
|
+
* #property
|
|
123
|
+
*/
|
|
109
124
|
minVisibleWidth: 6,
|
|
125
|
+
/**
|
|
126
|
+
* #property
|
|
127
|
+
*/
|
|
110
128
|
minimumBlockWidth: 20,
|
|
129
|
+
/**
|
|
130
|
+
* #property
|
|
131
|
+
*/
|
|
111
132
|
trackSelectorType: 'hierarchical',
|
|
112
133
|
}))
|
|
113
134
|
.volatile(() => ({
|
|
@@ -128,12 +149,8 @@ function stateModelFactory(pluginManager) {
|
|
|
128
149
|
* #getter
|
|
129
150
|
*/
|
|
130
151
|
get visibleSection() {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
self.scrollX + self.width,
|
|
134
|
-
self.scrollY,
|
|
135
|
-
self.scrollY + self.height,
|
|
136
|
-
], this.centerXY, this.radiusPx);
|
|
152
|
+
const { scrollX, scrollY, width, height } = self;
|
|
153
|
+
return (0, viewportVisibleRegion_1.viewportVisibleSection)([scrollX, scrollX + width, scrollY, scrollY + height], this.centerXY, this.radiusPx);
|
|
137
154
|
},
|
|
138
155
|
/**
|
|
139
156
|
* #getter
|
|
@@ -24,7 +24,7 @@ function stateModelFactory(pluginManager) {
|
|
|
24
24
|
const minWidth = 100;
|
|
25
25
|
const defaultHeight = 400;
|
|
26
26
|
return types
|
|
27
|
-
.compose(BaseViewModel, types.model(
|
|
27
|
+
.compose('CircularView', BaseViewModel, types.model({
|
|
28
28
|
/**
|
|
29
29
|
* #property
|
|
30
30
|
*/
|
|
@@ -74,12 +74,33 @@ function stateModelFactory(pluginManager) {
|
|
|
74
74
|
* #property
|
|
75
75
|
*/
|
|
76
76
|
scrollY: 0,
|
|
77
|
+
/**
|
|
78
|
+
* #property
|
|
79
|
+
*/
|
|
77
80
|
minimumRadiusPx: 25,
|
|
81
|
+
/**
|
|
82
|
+
* #property
|
|
83
|
+
*/
|
|
78
84
|
spacingPx: 10,
|
|
85
|
+
/**
|
|
86
|
+
* #property
|
|
87
|
+
*/
|
|
79
88
|
paddingPx: 80,
|
|
89
|
+
/**
|
|
90
|
+
* #property
|
|
91
|
+
*/
|
|
80
92
|
lockedPaddingPx: 100,
|
|
93
|
+
/**
|
|
94
|
+
* #property
|
|
95
|
+
*/
|
|
81
96
|
minVisibleWidth: 6,
|
|
97
|
+
/**
|
|
98
|
+
* #property
|
|
99
|
+
*/
|
|
82
100
|
minimumBlockWidth: 20,
|
|
101
|
+
/**
|
|
102
|
+
* #property
|
|
103
|
+
*/
|
|
83
104
|
trackSelectorType: 'hierarchical',
|
|
84
105
|
}))
|
|
85
106
|
.volatile(() => ({
|
|
@@ -100,12 +121,8 @@ function stateModelFactory(pluginManager) {
|
|
|
100
121
|
* #getter
|
|
101
122
|
*/
|
|
102
123
|
get visibleSection() {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
self.scrollX + self.width,
|
|
106
|
-
self.scrollY,
|
|
107
|
-
self.scrollY + self.height,
|
|
108
|
-
], this.centerXY, this.radiusPx);
|
|
124
|
+
const { scrollX, scrollY, width, height } = self;
|
|
125
|
+
return viewportVisibleSection([scrollX, scrollX + width, scrollY, scrollY + height], this.centerXY, this.radiusPx);
|
|
109
126
|
},
|
|
110
127
|
/**
|
|
111
128
|
* #getter
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jbrowse/plugin-circular-view",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.2",
|
|
4
4
|
"description": "JBrowse 2 circular view",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jbrowse",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"distModule": "esm/index.js",
|
|
58
58
|
"srcModule": "src/index.ts",
|
|
59
59
|
"module": "esm/index.js",
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "9052b295f2d322e729254457ed9fe2231fb22cce"
|
|
61
61
|
}
|