@abi-software/mapintegratedvuer 1.21.1 → 1.22.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/README.md +23 -5
- package/assets/location-icon.html +33 -1
- package/assets/styleguide.css +18 -18
- package/cypress.config.js +7 -9
- package/dist/{ConnectivityGraph-CZMROk9r.js → ConnectivityGraph-BBZ3Dgat.js} +3 -3
- package/dist/{ContentMixin-Vn34n5t2.js → ContentMixin-B-O_IwPg.js} +16 -18
- package/dist/{DynamicMarkerMixin-BS6t7w_i.js → DynamicMarkerMixin-B9iqtP_f.js} +1 -1
- package/dist/{Flatmap-BejxA0uz.js → Flatmap-BoEFI50b.js} +4 -4
- package/dist/{Iframe-BWbhTjCR.js → Iframe-Slj-LQTF.js} +4 -4
- package/dist/{MultiFlatmap-nlmsH-Ib.js → MultiFlatmap-l6aBn6x3.js} +17 -5
- package/dist/{Plot-ChbPsDZX.js → Plot-CIhEip5b.js} +2 -2
- package/dist/{Scaffold-C6f7c7Ha.js → Scaffold-D5ZGCDvt.js} +4 -4
- package/dist/{Simulation-DcJScRYo.js → Simulation-C5o5DXRb.js} +2 -2
- package/dist/{connectivities-UXTqf7_0.js → connectivities-Br3MpoAv.js} +154 -95
- package/dist/index.html +9 -6
- package/dist/mapintegratedvuer.js +5506 -5582
- package/dist/mapintegratedvuer.umd.cjs +196 -196
- package/dist/style.css +1 -1
- package/eslint.config.js +39 -15
- package/package.json +12 -6
- package/public/index.html +9 -6
- package/src/App.vue +224 -255
- package/src/assets/_variables.scss +12 -10
- package/src/assets/header-icon.scss +8 -9
- package/src/assets/mapicon-species-style.css +10 -8
- package/src/assets/styles.scss +1 -1
- package/src/components/ContentBar.vue +99 -106
- package/src/components/ContentVuer.vue +36 -39
- package/src/components/ContextCard.vue +238 -199
- package/src/components/ContextHelp.vue +22 -26
- package/src/components/CustomSplitter.vue +32 -43
- package/src/components/DatasetHeader.vue +37 -41
- package/src/components/DialogToolbarContent.vue +292 -256
- package/src/components/FlatmapContextCard.vue +52 -57
- package/src/components/MapContent.vue +111 -87
- package/src/components/ResizeSensor.vue +8 -13
- package/src/components/SearchControls.vue +26 -35
- package/src/components/SimulatedData.js +196 -219
- package/src/components/SplitDialog.vue +139 -129
- package/src/components/SplitFlow.vue +433 -239
- package/src/components/index.js +1 -3
- package/src/components/scripts/simulation_data.js +393 -397
- package/src/components/scripts/utilities.js +108 -78
- package/src/components/viewers/CellDLViewer.vue +9 -9
- package/src/components/viewers/ConnectivityGraph.vue +9 -12
- package/src/components/viewers/Flatmap.vue +23 -25
- package/src/components/viewers/Iframe.vue +8 -10
- package/src/components/viewers/MultiFlatmap.vue +73 -69
- package/src/components/viewers/Plot.vue +6 -7
- package/src/components/viewers/Scaffold.vue +73 -63
- package/src/components/viewers/Simulation.vue +10 -15
- package/src/main.js +16 -21
- package/src/mixins/ContentMixin.js +208 -178
- package/src/mixins/DynamicMarkerMixin.js +14 -18
- package/src/mixins/RetrieveContextCardMixin.js +35 -30
- package/src/mixins/S3Bucket.vue +10 -13
- package/src/services/knowledgeMapping.js +53 -53
- package/src/services/tagging.js +4 -4
- package/src/stores/connectivities.js +46 -8
- package/src/stores/entries.js +7 -9
- package/src/stores/index.js +7 -7
- package/src/stores/settings.js +23 -31
- package/src/stores/splitFlow.js +395 -298
- package/vite.bundle-build.js +24 -26
- package/vite.config.js +22 -21
- package/vite.static-build.js +4 -4
- package/vitest.workspace.js +1 -3
- package/vuese-generator.js +47 -55
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# mapintegratedvuer
|
|
2
2
|
|
|
3
|
-
This project aims to provide an application to visually navigate anatomical entities to
|
|
3
|
+
This project aims to provide an application to visually navigate anatomical entities to discover functional and physiological datasets
|
|
4
4
|
from organ-specific neural circuitry.
|
|
5
5
|
|
|
6
6
|
## Components in mapintegratedvuer
|
|
@@ -17,27 +17,31 @@ Mapintegratedvuer includes multiple components for visualising data, the list of
|
|
|
17
17
|
|
|
18
18
|
### [Sidebar](https://github.com/ABI-Software/map-sidebar.git)
|
|
19
19
|
|
|
20
|
-
|
|
21
20
|
## mapintegratedvuer on NPM
|
|
22
21
|
|
|
23
22
|
mapintegratedvuer is available on npm and can be installed into your project with the following command:
|
|
23
|
+
|
|
24
24
|
```bash
|
|
25
25
|
npm i @abi-software/mapintegratedvuer
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
## Project setup
|
|
29
|
+
|
|
29
30
|
```
|
|
30
31
|
npm install
|
|
31
32
|
```
|
|
32
33
|
|
|
33
34
|
### Compiles and minifies for production
|
|
35
|
+
|
|
34
36
|
```
|
|
35
37
|
npm run build-bundle
|
|
36
38
|
```
|
|
37
39
|
|
|
38
40
|
## How to use
|
|
41
|
+
|
|
39
42
|
Install the package in your vue app project with the following command "npm i @abi-software/mapintegratedvuer".
|
|
40
43
|
Import the package in your script as followed:
|
|
44
|
+
|
|
41
45
|
```javascript
|
|
42
46
|
import '@abi-software/mapintegratedvuer';
|
|
43
47
|
import '@abi-software/mapintegratedvuer/dist/mapintegratedvuer.css';
|
|
@@ -45,6 +49,7 @@ import '@abi-software/mapintegratedvuer/dist/mapintegratedvuer.css';
|
|
|
45
49
|
|
|
46
50
|
The codes above register the MapContent component in the global scope.
|
|
47
51
|
You can now use the MapContent in your vue template as followed:
|
|
52
|
+
|
|
48
53
|
```html
|
|
49
54
|
<MapContent />
|
|
50
55
|
```
|
|
@@ -54,33 +59,39 @@ You can now use the MapContent in your vue template as followed:
|
|
|
54
59
|
The source code is available from Github, it can be found here: https://github.com/ABI-Software/mapintegratedvuer .
|
|
55
60
|
|
|
56
61
|
### Clone the respositroy
|
|
62
|
+
|
|
57
63
|
```bash
|
|
58
64
|
git clone https://github.com/ABI-Software/mapintegratedvuer
|
|
59
65
|
```
|
|
60
66
|
|
|
61
67
|
### Setup
|
|
68
|
+
|
|
62
69
|
```bash
|
|
63
70
|
npm install
|
|
64
71
|
```
|
|
65
72
|
|
|
66
73
|
### Create an instance
|
|
74
|
+
|
|
67
75
|
```bash
|
|
68
76
|
npm run serve
|
|
69
77
|
```
|
|
70
78
|
|
|
71
79
|
### Compiles and minifies for production
|
|
80
|
+
|
|
72
81
|
```bash
|
|
73
82
|
npm run build-bundle
|
|
74
83
|
```
|
|
75
84
|
|
|
76
85
|
## Example
|
|
77
|
-
The following pagedemonstrates the mapintegratedapp in action: https://mapcore-demo.org/current/sparc-app/maps
|
|
78
86
|
|
|
87
|
+
The following pagedemonstrates the mapintegratedapp in action: https://mapcore-demo.org/current/sparc-app/maps
|
|
79
88
|
|
|
80
89
|
## Testing mapintegratedvuer dependencies in [sparc-app](https://github.com/nih-sparc/sparc-app/)
|
|
90
|
+
|
|
81
91
|
We will cover three options for updating nested dependencies.
|
|
82
92
|
|
|
83
93
|
### 1. Copy build files from `npm run build-bundle`
|
|
94
|
+
|
|
84
95
|
This works by directly changing files in `node-modules/`, where node will look to resolve dependencies.
|
|
85
96
|
|
|
86
97
|
```
|
|
@@ -92,10 +103,14 @@ npm run build-bundle
|
|
|
92
103
|
cp /dist <sparc-app-path>/node_modules/@abi-software/mapintegratedvuer/dist
|
|
93
104
|
yarn dev
|
|
94
105
|
```
|
|
95
|
-
|
|
106
|
+
|
|
107
|
+
_Note: this assumes assets in the static folders shipped with the npm package will remain unchanged_
|
|
108
|
+
|
|
96
109
|
### 2. Use `yarn link`
|
|
110
|
+
|
|
97
111
|
This is a variant of option 1, where we use `yarn link` to create a symbolic link from mapintegratedvuer->spar-app
|
|
98
112
|
It reduces the number of copies to 1, but still requires 3 builds
|
|
113
|
+
|
|
99
114
|
```
|
|
100
115
|
cd <your-dependency>
|
|
101
116
|
npm run build-bundle
|
|
@@ -107,9 +122,11 @@ cd sparc-app
|
|
|
107
122
|
yarn link @abi-software/mapintegratedvuer
|
|
108
123
|
yarn dev
|
|
109
124
|
```
|
|
125
|
+
|
|
110
126
|
(npm link does not work without disabling es-lint, which we won't go into)
|
|
111
127
|
|
|
112
128
|
### 3. Publish own version of mapintegratedvuer
|
|
129
|
+
|
|
113
130
|
This method is the most time consuming and has the downside of populating the npm package's version history with builds.
|
|
114
131
|
Since it mimics the way `sparc-app` will use it, it's gauranteed to work.
|
|
115
132
|
|
|
@@ -144,11 +161,12 @@ yarn dev
|
|
|
144
161
|
The API documentation is developed with `vitepress` and `vuese`. The API documentation pages are in the `docs` folder.
|
|
145
162
|
|
|
146
163
|
### To run in local development mode
|
|
164
|
+
|
|
147
165
|
```bash
|
|
148
166
|
npm run docs:watch
|
|
149
167
|
```
|
|
150
|
-
This will start the documentation server with `vitepress` on port `:5173` and watch the `FlatmapVuer` and `MultiFlatmapVuer` components changes.
|
|
151
168
|
|
|
169
|
+
This will start the documentation server with `vitepress` on port `:5173` and watch the `FlatmapVuer` and `MultiFlatmapVuer` components changes.
|
|
152
170
|
|
|
153
171
|
## The HelpModeDialog
|
|
154
172
|
|
|
@@ -1 +1,33 @@
|
|
|
1
|
-
'
|
|
1
|
+
'
|
|
2
|
+
<div class="flatmap-marker">
|
|
3
|
+
<svg display="block" height="41px" width="27px" viewBox="0 0 27 41">
|
|
4
|
+
<g fill-rule="nonzero">
|
|
5
|
+
<g transform="translate(3.0, 29.0)" fill="#000000">
|
|
6
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse>
|
|
7
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse>
|
|
8
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="9.5" ry="4.77275007"></ellipse>
|
|
9
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="8.5" ry="4.29549936"></ellipse>
|
|
10
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="7.5" ry="3.81822308"></ellipse>
|
|
11
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="6.5" ry="3.34094679"></ellipse>
|
|
12
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="5.5" ry="2.86367051"></ellipse>
|
|
13
|
+
<ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="4.5" ry="2.38636864"></ellipse>
|
|
14
|
+
</g>
|
|
15
|
+
<g fill="#3FB1CE">
|
|
16
|
+
<path
|
|
17
|
+
d="M27,13.5 C27,19.074644 20.250001,27.000002 14.75,34.500002 C14.016665,35.500004 12.983335,35.500004 12.25,34.500002 C6.7499993,27.000002 0,19.222562 0,13.5 C0,6.0441559 6.0441559,0 13.5,0 C20.955844,0 27,6.0441559 27,13.5 Z"
|
|
18
|
+
></path>
|
|
19
|
+
</g>
|
|
20
|
+
<g opacity="0.25" fill="#000000">
|
|
21
|
+
<path
|
|
22
|
+
d="M13.5,0 C6.0441559,0 0,6.0441559 0,13.5 C0,19.222562 6.7499993,27 12.25,34.5 C13,35.522727 14.016664,35.500004 14.75,34.5 C20.250001,27 27,19.074644 27,13.5 C27,6.0441559 20.955844,0 13.5,0 Z M13.5,1 C20.415404,1 26,6.584596 26,13.5 C26,15.898657 24.495584,19.181431 22.220703,22.738281 C19.945823,26.295132 16.705119,30.142167 13.943359,33.908203 C13.743445,34.180814 13.612715,34.322738 13.5,34.441406 C13.387285,34.322738 13.256555,34.180814 13.056641,33.908203 C10.284481,30.127985 7.4148684,26.314159 5.015625,22.773438 C2.6163816,19.232715 1,15.953538 1,13.5 C1,6.584596 6.584596,1 13.5,1 Z"
|
|
23
|
+
></path>
|
|
24
|
+
</g>
|
|
25
|
+
<g transform="translate(6.0, 7.0)" fill="#FFFFFF"></g>
|
|
26
|
+
<g transform="translate(8.0, 8.0)">
|
|
27
|
+
<circle fill="#000000" opacity="0.25" cx="5.5" cy="5.5" r="5.4999962"></circle>
|
|
28
|
+
<circle fill="#FFFFFF" cx="5.5" cy="5.5" r="5.4999962"></circle>
|
|
29
|
+
</g>
|
|
30
|
+
</g>
|
|
31
|
+
</svg>
|
|
32
|
+
</div>
|
|
33
|
+
'
|
package/assets/styleguide.css
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
2
|
+
--white: #f4f4f4;
|
|
3
|
+
--white: #ffffff;
|
|
4
|
+
--black: #333333;
|
|
5
|
+
--slate-grey: #606266;
|
|
6
|
+
--pale-grey: #e4e7ed;
|
|
7
|
+
--warm-purple: #9c2aa0;
|
|
8
|
+
--grape: #5e2750;
|
|
9
|
+
--very-light-pink: #cccccc;
|
|
10
|
+
--black: #000000;
|
|
11
|
+
--very-light-pink: #ebebeb;
|
|
12
|
+
--brown-grey: #afafaf;
|
|
13
|
+
--charcoal-grey: #4a4d4e;
|
|
14
|
+
--brownish-grey: #666666;
|
|
15
|
+
--brown-grey: #999999;
|
|
16
|
+
--deep-sky-blue: #007aff;
|
|
17
|
+
--turquoise-blue: #00b0ca;
|
|
18
|
+
--vibrant-purple: #8300bf;
|
|
19
|
+
}
|
package/cypress.config.js
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
|
|
2
1
|
import { configureVisualRegression } from 'cypress-visual-regression';
|
|
3
2
|
|
|
4
3
|
export default {
|
|
5
4
|
defaultCommandTimeout: 10000,
|
|
6
|
-
reporter: "junit",
|
|
7
5
|
experimentalMemoryManagement: true,
|
|
8
6
|
numTestsKeptInMemory: 0,
|
|
9
|
-
reporter:
|
|
7
|
+
reporter: 'cypress-multi-reporters',
|
|
10
8
|
reporterOptions: {
|
|
11
|
-
configFile:
|
|
9
|
+
configFile: 'reporter-config.json',
|
|
12
10
|
},
|
|
13
11
|
expose: {
|
|
14
12
|
visualRegressionType: 'regression',
|
|
@@ -20,17 +18,17 @@ export default {
|
|
|
20
18
|
component: {
|
|
21
19
|
viewportWidth: 1440,
|
|
22
20
|
viewportHeight: 900,
|
|
23
|
-
specPattern:
|
|
21
|
+
specPattern: 'cypress/component/*.cy.js',
|
|
24
22
|
devServer: {
|
|
25
|
-
framework:
|
|
26
|
-
bundler:
|
|
23
|
+
framework: 'vue',
|
|
24
|
+
bundler: 'vite',
|
|
27
25
|
},
|
|
28
26
|
screenshotsFolder: './cypress/snapshots',
|
|
29
27
|
setupNodeEvents(on, config) {
|
|
30
28
|
on('task', {
|
|
31
29
|
log(message) {
|
|
32
|
-
console.log(message)
|
|
33
|
-
return null
|
|
30
|
+
console.log(message);
|
|
31
|
+
return null;
|
|
34
32
|
},
|
|
35
33
|
});
|
|
36
34
|
configureVisualRegression(on);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as e, _ as t, b as n } from "./connectivities-
|
|
2
|
-
import { t as r } from "./ContentMixin-
|
|
1
|
+
import { T as e, _ as t, b as n } from "./connectivities-Br3MpoAv.js";
|
|
2
|
+
import { t as r } from "./ContentMixin-B-O_IwPg.js";
|
|
3
3
|
import { createElementBlock as i, createVNode as a, openBlock as o, resolveComponent as s } from "vue";
|
|
4
4
|
//#region src/components/viewers/ConnectivityGraph.vue
|
|
5
5
|
var c = {
|
|
@@ -116,6 +116,6 @@ function u(e, t, n, r, c, u) {
|
|
|
116
116
|
"onTapNode"
|
|
117
117
|
])]);
|
|
118
118
|
}
|
|
119
|
-
var d = /*#__PURE__*/ t(c, [["render", u], ["__scopeId", "data-v-
|
|
119
|
+
var d = /*#__PURE__*/ t(c, [["render", u], ["__scopeId", "data-v-57ebb655"]]);
|
|
120
120
|
//#endregion
|
|
121
121
|
export { d as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { O as e, b as t, i as n, n as r, r as i, s as a, t as o, u as s, v as c, w as l, y as u } from "./connectivities-
|
|
1
|
+
import { O as e, b as t, i as n, n as r, r as i, s as a, t as o, u as s, v as c, w as l, y as u } from "./connectivities-Br3MpoAv.js";
|
|
2
2
|
import { markRaw as d } from "vue";
|
|
3
3
|
import { mapStores as f } from "pinia";
|
|
4
4
|
//#region node_modules/@abi-software/flatmapvuer/src/services/flatmapQueries.js
|
|
@@ -36,7 +36,7 @@ var p = function(e) {
|
|
|
36
36
|
this.initialise = function(e) {
|
|
37
37
|
this.flatmapAPI = e, this.destinations = [], this.origins = [], this.components = [], this.destinationsWithDatasets = [], this.originsWithDatasets = [], this.componentsWithDatasets = [], this.destinationsCombinations = [], this.originsCombinations = [], this.componentsCombinations = [], this.singleConnectivityList = [], this.hasSingleConnectivityList = !1, this.rawURLs = [], this.controller = void 0, this.uberons = [], this.lookUp = [], this.connectivitySource = "map", this.noMapConnectivity = !1;
|
|
38
38
|
}, this.createTooltipData = async function(e, t) {
|
|
39
|
-
let n
|
|
39
|
+
let n;
|
|
40
40
|
n = t.feature.hyperlinks && t.feature.hyperlinks.length > 0 ? t.feature.hyperlinks : this.rawURLs;
|
|
41
41
|
let r;
|
|
42
42
|
if (t.provenanceTaxonomy) {
|
|
@@ -90,19 +90,17 @@ var p = function(e) {
|
|
|
90
90
|
return e.forEach((e) => {
|
|
91
91
|
n.push(this.createLabelFromNeuralNode(e[0]), t), e.length === 2 && n.push(this.createLabelFromNeuralNode(e[1]), t);
|
|
92
92
|
}), n;
|
|
93
|
-
}, this.createLabelLookup = function(e, t) {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}), n(r));
|
|
105
|
-
});
|
|
93
|
+
}, this.createLabelLookup = async function(e, t) {
|
|
94
|
+
let n = {};
|
|
95
|
+
this.uberons = [];
|
|
96
|
+
let r = await g(e, t);
|
|
97
|
+
return r.length && r.forEach((e) => {
|
|
98
|
+
let { taxon: t, label: r } = e;
|
|
99
|
+
n[t] = r, this.uberons.push({
|
|
100
|
+
id: t,
|
|
101
|
+
name: r
|
|
102
|
+
});
|
|
103
|
+
}), n;
|
|
106
104
|
}, this.buildConnectivitySqlStatement = function(e) {
|
|
107
105
|
let t = "select knowledge from knowledge where entity in (";
|
|
108
106
|
if (e.length === 1) t += `'${e[0]}')`;
|
|
@@ -129,7 +127,7 @@ var p = function(e) {
|
|
|
129
127
|
o = !1, _(t, e) && (o = !0), r && _(r, e) && (o = !0), _(n, e) && (o = !0), o || a.push(e);
|
|
130
128
|
}), a;
|
|
131
129
|
}, this.retrieveFlatmapKnowledgeForEvent = async function(e, t) {
|
|
132
|
-
this.controller && this.controller.abort(), this.controller = new AbortController()
|
|
130
|
+
this.controller && this.controller.abort(), this.controller = new AbortController();
|
|
133
131
|
let n = t.resource;
|
|
134
132
|
if (this.destinations = [], this.origins = [], this.components = [], this.destinationsWithDatasets = [], this.originsWithDatasets = [], this.componentsWithDatasets = [], this.destinationsCombinations = [], this.originsCombinations = [], this.componentsCombinations = [], this.singleConnectivityList = [], this.rawURLs = [], !n || n.length === 0 || !n[0]) return;
|
|
135
133
|
let r = await this.queryForConnectivityNew(e, n[0]);
|
|
@@ -163,7 +161,7 @@ var p = function(e) {
|
|
|
163
161
|
if (!e.ok) throw Error(`Response status: ${e.status}`);
|
|
164
162
|
return await e.json();
|
|
165
163
|
} catch (e) {
|
|
166
|
-
throw Error(e);
|
|
164
|
+
throw Error(e, { cause: e });
|
|
167
165
|
}
|
|
168
166
|
}, this.queryForConnectivity = function(e, t, n, r = !0) {
|
|
169
167
|
let i = { sql: this.buildConnectivitySqlStatement(t) }, a = {
|
|
@@ -1270,7 +1268,7 @@ var w = {
|
|
|
1270
1268
|
},
|
|
1271
1269
|
onConnectivityItemClose() {
|
|
1272
1270
|
if (this?.alive) {
|
|
1273
|
-
if (this.multiflatmapRef) {
|
|
1271
|
+
if (this.multiflatmapRef && this.flatmapIsReady()) {
|
|
1274
1272
|
let e = this.multiflatmapRef.getCurrentFlatmap();
|
|
1275
1273
|
e && e.closeTooltip();
|
|
1276
1274
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { C as e, _ as t, b as n, y as r } from "./connectivities-
|
|
1
|
+
import { C as e, _ as t, b as n, y as r } from "./connectivities-Br3MpoAv.js";
|
|
2
2
|
import "./mapintegratedvuer.js";
|
|
3
|
-
import { t as i } from "./ContentMixin-
|
|
4
|
-
import { t as a } from "./DynamicMarkerMixin-
|
|
3
|
+
import { t as i } from "./ContentMixin-B-O_IwPg.js";
|
|
4
|
+
import { t as a } from "./DynamicMarkerMixin-B9iqtP_f.js";
|
|
5
5
|
import { createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, openBlock as u, resolveComponent as d } from "vue";
|
|
6
6
|
import { FlatmapVuer as f } from "@abi-software/flatmapvuer";
|
|
7
7
|
import "@abi-software/flatmapvuer/dist/style.css";
|
|
@@ -188,6 +188,6 @@ function h(e, t, n, r, i, a) {
|
|
|
188
188
|
"onFinishHelpMode"
|
|
189
189
|
])) : s("", !0)]);
|
|
190
190
|
}
|
|
191
|
-
var g = /*#__PURE__*/ t(p, [["render", h], ["__scopeId", "data-v-
|
|
191
|
+
var g = /*#__PURE__*/ t(p, [["render", h], ["__scopeId", "data-v-66e1b763"]]);
|
|
192
192
|
//#endregion
|
|
193
193
|
export { g as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as e } from "./connectivities-
|
|
2
|
-
import { t } from "./ContentMixin-
|
|
1
|
+
import { _ as e } from "./connectivities-Br3MpoAv.js";
|
|
2
|
+
import { t } from "./ContentMixin-B-O_IwPg.js";
|
|
3
3
|
import { createElementBlock as n, createElementVNode as r, openBlock as i } from "vue";
|
|
4
4
|
//#region src/components/viewers/Iframe.vue
|
|
5
5
|
var a = {
|
|
6
|
-
name: "
|
|
6
|
+
name: "MapIframe",
|
|
7
7
|
mixins: [t]
|
|
8
8
|
}, o = { class: "map-iframe-container" }, s = ["src"];
|
|
9
9
|
function c(e, t, a, c, l, u) {
|
|
@@ -13,6 +13,6 @@ function c(e, t, a, c, l, u) {
|
|
|
13
13
|
ref: "iframe"
|
|
14
14
|
}, null, 8, s)]);
|
|
15
15
|
}
|
|
16
|
-
var l = /*#__PURE__*/ e(a, [["render", c], ["__scopeId", "data-v-
|
|
16
|
+
var l = /*#__PURE__*/ e(a, [["render", c], ["__scopeId", "data-v-f45775de"]]);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { l as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { C as e, _ as t, b as n, c as r, u as i, y as a } from "./connectivities-
|
|
1
|
+
import { C as e, _ as t, b as n, c as r, u as i, y as a } from "./connectivities-Br3MpoAv.js";
|
|
2
2
|
import "./mapintegratedvuer.js";
|
|
3
|
-
import { t as o } from "./ContentMixin-
|
|
4
|
-
import { t as s } from "./DynamicMarkerMixin-
|
|
3
|
+
import { t as o } from "./ContentMixin-B-O_IwPg.js";
|
|
4
|
+
import { t as s } from "./DynamicMarkerMixin-B9iqtP_f.js";
|
|
5
5
|
import { createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, openBlock as f, resolveComponent as p } from "vue";
|
|
6
6
|
import { MultiFlatmapVuer as m } from "@abi-software/flatmapvuer";
|
|
7
7
|
import "@abi-software/flatmapvuer/dist/style.css";
|
|
@@ -59,6 +59,17 @@ var h = "<svg width=\"72px\" height=\"72px\" viewBox=\"0 0 24 24\" fill=\"yellow
|
|
|
59
59
|
search: function(e) {
|
|
60
60
|
return this.$refs.multiflatmap.getCurrentFlatmap().searchAndShowResult(e, !0, !0);
|
|
61
61
|
},
|
|
62
|
+
openMapSpecies: function(e) {
|
|
63
|
+
n.emit("SetCurrentEntry", {
|
|
64
|
+
resource: e,
|
|
65
|
+
type: "MultiFlatmap",
|
|
66
|
+
mode: "main",
|
|
67
|
+
state: void 0,
|
|
68
|
+
label: "",
|
|
69
|
+
discoverId: void 0,
|
|
70
|
+
sourceId: this.entry.id
|
|
71
|
+
}), this.trackOpenMap(`open_new_AC_map_${e}`);
|
|
72
|
+
},
|
|
62
73
|
searchSuggestions: function(e, t) {
|
|
63
74
|
let n = this.$refs.multiflatmap.getCurrentFlatmap();
|
|
64
75
|
if (e && n.mapImp) {
|
|
@@ -277,6 +288,7 @@ function y(e, t, n, r, i, a) {
|
|
|
277
288
|
showOpenMapButton: e.showOpenMapButton,
|
|
278
289
|
onPanZoomCallback: a.flatmapPanZoomCallback,
|
|
279
290
|
onOpenMap: e.openMap,
|
|
291
|
+
onOpenMapSpecies: a.openMapSpecies,
|
|
280
292
|
onFinishHelpMode: e.endHelp,
|
|
281
293
|
onPathwaySelectionChanged: a.onPathwaySelectionChanged,
|
|
282
294
|
onOpenPubmedUrl: a.onOpenPubmedUrl,
|
|
@@ -284,7 +296,7 @@ function y(e, t, n, r, i, a) {
|
|
|
284
296
|
showPathwayFilter: !1,
|
|
285
297
|
tooltipContentProvider: e.tooltipPathLabelProvider,
|
|
286
298
|
onTrackEvent: e.trackEvent
|
|
287
|
-
}, null, 8, /* @__PURE__ */ "availableSpecies.onContextRestored.onFlatmapChanged.onReady.state.mapManager.initial.helpMode.helpModeActiveItem.helpModeDialog.onHelpModeLastItem.onShownTooltip.onShownMapTooltip.onAnnotationOpen.onAnnotationClose.onUpdateOfflineAnnotationEnabled.annotationSidebar.onConnectivityInfoOpen.onConnectivityError.onConnectivityInfoClose.onNeuronConnectionFeatureClick.connectivityInfoSidebar.displayMinimap.showStarInLegend.openMapOptions.flatmapAPI.render.sparcAPI.showLocalSettings.showOpenMapButton.onPanZoomCallback.onOpenMap.onFinishHelpMode.onPathwaySelectionChanged.onOpenPubmedUrl.onMapmanagerLoaded.tooltipContentProvider.onTrackEvent".split(".")), e.helpMode && e.useHelpModeDialog ? (f(), c(s, {
|
|
299
|
+
}, null, 8, /* @__PURE__ */ "availableSpecies.onContextRestored.onFlatmapChanged.onReady.state.mapManager.initial.helpMode.helpModeActiveItem.helpModeDialog.onHelpModeLastItem.onShownTooltip.onShownMapTooltip.onAnnotationOpen.onAnnotationClose.onUpdateOfflineAnnotationEnabled.annotationSidebar.onConnectivityInfoOpen.onConnectivityError.onConnectivityInfoClose.onNeuronConnectionFeatureClick.connectivityInfoSidebar.displayMinimap.showStarInLegend.openMapOptions.flatmapAPI.render.sparcAPI.showLocalSettings.showOpenMapButton.onPanZoomCallback.onOpenMap.onOpenMapSpecies.onFinishHelpMode.onPathwaySelectionChanged.onOpenPubmedUrl.onMapmanagerLoaded.tooltipContentProvider.onTrackEvent".split(".")), e.helpMode && e.useHelpModeDialog ? (f(), c(s, {
|
|
288
300
|
key: 0,
|
|
289
301
|
ref: "multiflatmapHelp",
|
|
290
302
|
multiflatmapRef: e.multiflatmapRef,
|
|
@@ -298,6 +310,6 @@ function y(e, t, n, r, i, a) {
|
|
|
298
310
|
"onFinishHelpMode"
|
|
299
311
|
])) : l("", !0)]);
|
|
300
312
|
}
|
|
301
|
-
var b = /*#__PURE__*/ t(_, [["render", y], ["__scopeId", "data-v-
|
|
313
|
+
var b = /*#__PURE__*/ t(_, [["render", y], ["__scopeId", "data-v-6beb85ff"]]);
|
|
302
314
|
//#endregion
|
|
303
315
|
export { b as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as e } from "./connectivities-
|
|
2
|
-
import { t } from "./ContentMixin-
|
|
1
|
+
import { _ as e } from "./connectivities-Br3MpoAv.js";
|
|
2
|
+
import { t } from "./ContentMixin-B-O_IwPg.js";
|
|
3
3
|
import { createBlock as n, openBlock as r, resolveComponent as i } from "vue";
|
|
4
4
|
import { PlotVuer as a } from "@abi-software/plotvuer";
|
|
5
5
|
import "@abi-software/plotvuer/dist/style.css";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { C as e, _ as t, a as n, b as r, o as i } from "./connectivities-
|
|
1
|
+
import { C as e, _ as t, a as n, b as r, o as i } from "./connectivities-Br3MpoAv.js";
|
|
2
2
|
import "./mapintegratedvuer.js";
|
|
3
|
-
import { t as a } from "./ContentMixin-
|
|
3
|
+
import { t as a } from "./ContentMixin-B-O_IwPg.js";
|
|
4
4
|
import { createBlock as o, createCommentVNode as s, createElementBlock as c, markRaw as l, openBlock as u, resolveComponent as d } from "vue";
|
|
5
5
|
import { ScaffoldVuer as f } from "@abi-software/scaffoldvuer";
|
|
6
6
|
import "@abi-software/scaffoldvuer/dist/style.css";
|
|
@@ -15,7 +15,7 @@ var p = {
|
|
|
15
15
|
methods: {
|
|
16
16
|
showConnectivitiesByReference: async function(e) {
|
|
17
17
|
if (this.$refs.scaffold) {
|
|
18
|
-
let t = sessionStorage.getItem("flatmap-knowledge"), r
|
|
18
|
+
let t = sessionStorage.getItem("flatmap-knowledge"), r;
|
|
19
19
|
r = t ? await i(e) : await n(this.flatmapService.mapImp, e, this.flatmapService.flatmapQueries);
|
|
20
20
|
let a = [];
|
|
21
21
|
for (let e of r) {
|
|
@@ -303,6 +303,6 @@ function h(e, t, n, r, i, a) {
|
|
|
303
303
|
"onFinishHelpMode"
|
|
304
304
|
])) : s("", !0)]);
|
|
305
305
|
}
|
|
306
|
-
var g = /*#__PURE__*/ t(p, [["render", h], ["__scopeId", "data-v-
|
|
306
|
+
var g = /*#__PURE__*/ t(p, [["render", h], ["__scopeId", "data-v-53ea7deb"]]);
|
|
307
307
|
//#endregion
|
|
308
308
|
export { g as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as e } from "./connectivities-
|
|
2
|
-
import { t } from "./ContentMixin-
|
|
1
|
+
import { _ as e } from "./connectivities-Br3MpoAv.js";
|
|
2
|
+
import { t } from "./ContentMixin-B-O_IwPg.js";
|
|
3
3
|
import { createBlock as n, openBlock as r, resolveComponent as i } from "vue";
|
|
4
4
|
import { SimulationVuer as a } from "@abi-software/simulationvuer";
|
|
5
5
|
import "@abi-software/simulationvuer/dist/style.css";
|