@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.
Files changed (68) hide show
  1. package/README.md +23 -5
  2. package/assets/location-icon.html +33 -1
  3. package/assets/styleguide.css +18 -18
  4. package/cypress.config.js +7 -9
  5. package/dist/{ConnectivityGraph-CZMROk9r.js → ConnectivityGraph-BBZ3Dgat.js} +3 -3
  6. package/dist/{ContentMixin-Vn34n5t2.js → ContentMixin-B-O_IwPg.js} +16 -18
  7. package/dist/{DynamicMarkerMixin-BS6t7w_i.js → DynamicMarkerMixin-B9iqtP_f.js} +1 -1
  8. package/dist/{Flatmap-BejxA0uz.js → Flatmap-BoEFI50b.js} +4 -4
  9. package/dist/{Iframe-BWbhTjCR.js → Iframe-Slj-LQTF.js} +4 -4
  10. package/dist/{MultiFlatmap-nlmsH-Ib.js → MultiFlatmap-l6aBn6x3.js} +17 -5
  11. package/dist/{Plot-ChbPsDZX.js → Plot-CIhEip5b.js} +2 -2
  12. package/dist/{Scaffold-C6f7c7Ha.js → Scaffold-D5ZGCDvt.js} +4 -4
  13. package/dist/{Simulation-DcJScRYo.js → Simulation-C5o5DXRb.js} +2 -2
  14. package/dist/{connectivities-UXTqf7_0.js → connectivities-Br3MpoAv.js} +154 -95
  15. package/dist/index.html +9 -6
  16. package/dist/mapintegratedvuer.js +5506 -5582
  17. package/dist/mapintegratedvuer.umd.cjs +196 -196
  18. package/dist/style.css +1 -1
  19. package/eslint.config.js +39 -15
  20. package/package.json +12 -6
  21. package/public/index.html +9 -6
  22. package/src/App.vue +224 -255
  23. package/src/assets/_variables.scss +12 -10
  24. package/src/assets/header-icon.scss +8 -9
  25. package/src/assets/mapicon-species-style.css +10 -8
  26. package/src/assets/styles.scss +1 -1
  27. package/src/components/ContentBar.vue +99 -106
  28. package/src/components/ContentVuer.vue +36 -39
  29. package/src/components/ContextCard.vue +238 -199
  30. package/src/components/ContextHelp.vue +22 -26
  31. package/src/components/CustomSplitter.vue +32 -43
  32. package/src/components/DatasetHeader.vue +37 -41
  33. package/src/components/DialogToolbarContent.vue +292 -256
  34. package/src/components/FlatmapContextCard.vue +52 -57
  35. package/src/components/MapContent.vue +111 -87
  36. package/src/components/ResizeSensor.vue +8 -13
  37. package/src/components/SearchControls.vue +26 -35
  38. package/src/components/SimulatedData.js +196 -219
  39. package/src/components/SplitDialog.vue +139 -129
  40. package/src/components/SplitFlow.vue +433 -239
  41. package/src/components/index.js +1 -3
  42. package/src/components/scripts/simulation_data.js +393 -397
  43. package/src/components/scripts/utilities.js +108 -78
  44. package/src/components/viewers/CellDLViewer.vue +9 -9
  45. package/src/components/viewers/ConnectivityGraph.vue +9 -12
  46. package/src/components/viewers/Flatmap.vue +23 -25
  47. package/src/components/viewers/Iframe.vue +8 -10
  48. package/src/components/viewers/MultiFlatmap.vue +73 -69
  49. package/src/components/viewers/Plot.vue +6 -7
  50. package/src/components/viewers/Scaffold.vue +73 -63
  51. package/src/components/viewers/Simulation.vue +10 -15
  52. package/src/main.js +16 -21
  53. package/src/mixins/ContentMixin.js +208 -178
  54. package/src/mixins/DynamicMarkerMixin.js +14 -18
  55. package/src/mixins/RetrieveContextCardMixin.js +35 -30
  56. package/src/mixins/S3Bucket.vue +10 -13
  57. package/src/services/knowledgeMapping.js +53 -53
  58. package/src/services/tagging.js +4 -4
  59. package/src/stores/connectivities.js +46 -8
  60. package/src/stores/entries.js +7 -9
  61. package/src/stores/index.js +7 -7
  62. package/src/stores/settings.js +23 -31
  63. package/src/stores/splitFlow.js +395 -298
  64. package/vite.bundle-build.js +24 -26
  65. package/vite.config.js +22 -21
  66. package/vite.static-build.js +4 -4
  67. package/vitest.workspace.js +1 -3
  68. 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 discover functional and physiological datasets
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
- *Note: this assumes assets in the static folders shipped with the npm package will remain unchanged*
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
- '<div class="flatmap-marker"><svg display="block" height="41px" width="27px" viewBox="0 0 27 41"><g fill-rule="nonzero"><g transform="translate(3.0, 29.0)" fill="#000000"><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="9.5" ry="4.77275007"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="8.5" ry="4.29549936"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="7.5" ry="3.81822308"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="6.5" ry="3.34094679"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="5.5" ry="2.86367051"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="4.5" ry="2.38636864"></ellipse></g><g fill="#3FB1CE"><path 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"></path></g><g opacity="0.25" fill="#000000"><path 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"></path></g><g transform="translate(6.0, 7.0)" fill="#FFFFFF"></g><g transform="translate(8.0, 8.0)"><circle fill="#000000" opacity="0.25" cx="5.5" cy="5.5" r="5.4999962"></circle><circle fill="#FFFFFF" cx="5.5" cy="5.5" r="5.4999962"></circle></g></g></svg></div>'
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
+ '
@@ -1,19 +1,19 @@
1
1
  :root {
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
- }
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: "cypress-multi-reporters",
7
+ reporter: 'cypress-multi-reporters',
10
8
  reporterOptions: {
11
- configFile: "reporter-config.json",
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: "cypress/component/*.cy.js",
21
+ specPattern: 'cypress/component/*.cy.js',
24
22
  devServer: {
25
- framework: "vue",
26
- bundler: "vite",
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-UXTqf7_0.js";
2
- import { t as r } from "./ContentMixin-Vn34n5t2.js";
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-70988bee"]]);
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-UXTqf7_0.js";
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
- return new Promise(async (n) => {
95
- let r = {};
96
- this.uberons = [];
97
- let i = await g(e, t);
98
- i.length && (i.forEach((e) => {
99
- let { taxon: t, label: n } = e;
100
- r[t] = n, this.uberons.push({
101
- id: t,
102
- name: n
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(), this.controller.signal;
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,4 +1,4 @@
1
- import { v as e } from "./connectivities-UXTqf7_0.js";
1
+ import { v as e } from "./connectivities-Br3MpoAv.js";
2
2
  import { mapStores as t } from "pinia";
3
3
  //#region src/mixins/DynamicMarkerMixin.js
4
4
  var n = function(e) {
@@ -1,7 +1,7 @@
1
- import { C as e, _ as t, b as n, y as r } from "./connectivities-UXTqf7_0.js";
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-Vn34n5t2.js";
4
- import { t as a } from "./DynamicMarkerMixin-BS6t7w_i.js";
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-daa2d4bf"]]);
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-UXTqf7_0.js";
2
- import { t } from "./ContentMixin-Vn34n5t2.js";
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: "Iframe",
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-fde9a2bb"]]);
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-UXTqf7_0.js";
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-Vn34n5t2.js";
4
- import { t as s } from "./DynamicMarkerMixin-BS6t7w_i.js";
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-f3920392"]]);
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-UXTqf7_0.js";
2
- import { t } from "./ContentMixin-Vn34n5t2.js";
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-UXTqf7_0.js";
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-Vn34n5t2.js";
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-f3cad357"]]);
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-UXTqf7_0.js";
2
- import { t } from "./ContentMixin-Vn34n5t2.js";
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";