@abi-software/mapintegratedvuer 1.9.2 → 1.9.3-beta.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.
@@ -1,13 +1,14 @@
1
- import { _ as c, k as h, t as u, T as l, E as r } from "./index-BcpVBq1h.js";
2
- import { C as I } from "./ContentMixin-DO6jlHIh.js";
3
- import { D as y, r as g } from "./style-CIceSTeY.js";
4
- import { resolveComponent as s, openBlock as p, createElementBlock as M, createVNode as v, createBlock as C, createCommentVNode as S } from "vue";
1
+ import { _ as h, k as c, t as u, T as l, E as i } from "./index-DMpfPm6s.js";
2
+ import { C as g } from "./ContentMixin-W2PTyJZz.js";
3
+ import { D as y } from "./style-Ba4Y-S47.js";
4
+ import { FlatmapVuer as M } from "@abi-software/flatmapvuer";
5
+ import { resolveComponent as r, openBlock as p, createElementBlock as I, createVNode as v, createBlock as C, createCommentVNode as S } from "vue";
5
6
  const w = {
6
7
  name: "Flatmap",
7
- mixins: [I, y],
8
+ mixins: [g, y],
8
9
  components: {
9
- FlatmapVuer: g,
10
- HelpModeDialog: h
10
+ FlatmapVuer: M,
11
+ HelpModeDialog: c
11
12
  },
12
13
  methods: {
13
14
  getState: function() {
@@ -25,42 +26,41 @@ const w = {
25
26
  },
26
27
  flatmaprResourceSelected: function(e, t) {
27
28
  if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
28
- const n = {
29
+ const a = {
29
30
  label: t.label || "",
30
31
  id: t.feature.id || "",
31
32
  featureId: t.feature.featureId || "",
32
33
  taxonomy: t.taxonomy || "",
33
34
  resources: t.resource.join(", ")
34
- }, a = u(n);
35
+ }, n = u(a);
35
36
  l.sendEvent({
36
37
  event: "interaction_event",
37
38
  event_name: "portal_maps_connectivity",
38
- category: a,
39
+ category: n,
39
40
  location: e + " " + this.$refs.flatmap.viewingMode
40
41
  });
41
42
  }
42
43
  },
43
44
  flatmapReadyCall: function(e) {
44
45
  let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
45
- const n = e.mapImp;
46
- r.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.loadConnectivityKnowledge(n), r.emit("mapLoaded", e);
46
+ e.mapImp, i.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.updateSettings(), this.loadConnectivityExplorerConfig(e), i.emit("mapLoaded", e);
47
47
  },
48
48
  onPathwaySelectionChanged: function(e) {
49
- const { label: t, property: n, checked: a, selectionsTitle: i } = e;
49
+ const { label: t, property: a, checked: n, selectionsTitle: s } = e;
50
50
  l.sendEvent({
51
51
  event: "interaction_event",
52
52
  event_name: "portal_maps_pathway_change",
53
- category: t + " [" + n + "] " + a,
54
- location: i
53
+ category: t + " [" + a + "] " + n,
54
+ location: s
55
55
  });
56
56
  },
57
57
  highlightFeatures: function(e) {
58
58
  let t = e.name;
59
- const n = this.$refs.flatmap.mapImp;
59
+ const a = this.$refs.flatmap.mapImp;
60
60
  if (t) {
61
- const a = n.search(t);
62
- a.featureIds[0] && n.highlightFeatures([
63
- n.modelForFeature(a.featureIds[0])
61
+ const n = a.search(t);
62
+ n.featureIds[0] && a.highlightFeatures([
63
+ a.modelForFeature(n.featureIds[0])
64
64
  ]);
65
65
  }
66
66
  },
@@ -69,27 +69,37 @@ const w = {
69
69
  */
70
70
  searchSuggestions: function(e, t) {
71
71
  if (e && this.$refs.flatmap.mapImp) {
72
- const n = this.$refs.flatmap.mapImp.search(e);
73
- (n.__featureIds || n.featureIds).forEach((i) => {
74
- const o = this.$refs.flatmap.mapImp.annotation(i);
72
+ const a = this.$refs.flatmap.mapImp.search(e);
73
+ (a.__featureIds || a.featureIds).forEach((s) => {
74
+ const o = this.$refs.flatmap.mapImp.annotation(s);
75
75
  o && o.label && t.push(o.label);
76
76
  });
77
77
  }
78
78
  },
79
79
  zoomToFeatures: function(e, t) {
80
- let n = e.name;
81
- const a = this.$refs.flatmap.mapImp;
82
- if (n) {
83
- const i = a.search(n);
84
- if (i.featureIds.length) {
85
- let o = a.modelForFeature(i.featureIds[0]);
86
- o ? (t && a.selectFeatures(o), a.zoomToFeatures(o)) : a.clearSearchResults();
80
+ let a = e.name;
81
+ const n = this.$refs.flatmap.mapImp;
82
+ if (a) {
83
+ const s = n.search(a);
84
+ if (s.featureIds.length) {
85
+ let o = n.modelForFeature(s.featureIds[0]);
86
+ o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
87
87
  }
88
88
  } else
89
- a.clearSearchResults();
89
+ n.clearSearchResults();
90
90
  },
91
91
  changeViewingMode: function(e) {
92
92
  this.$refs.flatmap.changeViewingMode(e);
93
+ },
94
+ updateSettings: function() {
95
+ const {
96
+ backgroundDisplay: e,
97
+ viewingMode: t,
98
+ flightPathDisplay: a,
99
+ organsDisplay: n,
100
+ outlines: s
101
+ } = this.settingsStore.globalSettings, o = this.$refs.flatmap;
102
+ o.changeViewingMode(t), o.setFlightPath3D(a), o.setColour(n), o.setOutlines(s), o.backgroundChangeCallback(e);
93
103
  }
94
104
  },
95
105
  computed: {
@@ -98,28 +108,38 @@ const w = {
98
108
  }
99
109
  },
100
110
  mounted: function() {
101
- r.on("annotation-close", () => {
111
+ i.on("annotation-close", () => {
102
112
  this.$refs.flatmap && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
103
- }), r.on("markerUpdate", () => {
113
+ }), i.on("markerUpdate", () => {
104
114
  this.flatmapMarkerUpdate(void 0);
105
- }), r.on("hoverUpdate", () => {
115
+ }), i.on("hoverUpdate", () => {
106
116
  this.cardHoverHighlight();
107
- }), r.on("show-connectivity", (e) => {
108
- const { featureIds: t, offset: n } = e, a = this.$refs.flatmap;
109
- a && a.moveMap(t, {
110
- offsetX: n ? -150 : 0,
117
+ }), i.on("viewingModeUpdate", (e) => {
118
+ this.$refs.flatmap.changeViewingMode(e);
119
+ }), i.on("flightPathUpdate", (e) => {
120
+ this.$refs.flatmap.setFlightPath3D(e);
121
+ }), i.on("organsDisplayUpdate", (e) => {
122
+ this.$refs.flatmap.setColour(e);
123
+ }), i.on("outlinesDisplayUpdate", (e) => {
124
+ this.$refs.flatmap.setOutlines(e);
125
+ }), i.on("backgroundDisplayUpdate", (e) => {
126
+ this.$refs.flatmap.backgroundChangeCallback(e);
127
+ }), i.on("show-connectivity", (e) => {
128
+ const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
129
+ n && n.moveMap(t, {
130
+ offsetX: a ? -150 : 0,
111
131
  zoom: 4
112
132
  });
113
- }), r.on("show-reference-connectivities", (e) => {
133
+ }), i.on("show-reference-connectivities", (e) => {
114
134
  const t = this.$refs.flatmap;
115
135
  t && t.showConnectivitiesByReference(e);
116
136
  });
117
137
  }
118
- }, F = { class: "viewer-container" };
119
- function b(e, t, n, a, i, o) {
120
- const m = s("FlatmapVuer"), f = s("HelpModeDialog");
121
- return p(), M("div", F, [
122
- v(m, {
138
+ }, b = { class: "viewer-container" };
139
+ function F(e, t, a, n, s, o) {
140
+ const f = r("FlatmapVuer"), m = r("HelpModeDialog");
141
+ return p(), I("div", b, [
142
+ v(f, {
123
143
  state: e.entry.state,
124
144
  entry: e.entry.resource,
125
145
  mapManager: e.mapManager,
@@ -137,6 +157,7 @@ function b(e, t, n, a, i, o) {
137
157
  onShownMapTooltip: e.onMapTooltipShown,
138
158
  onAnnotationOpen: e.onAnnotationOpen,
139
159
  onAnnotationClose: e.onAnnotationClose,
160
+ onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
140
161
  annotationSidebar: e.annotationSidebar,
141
162
  onConnectivityInfoOpen: e.onConnectivityInfoOpen,
142
163
  onConnectivityError: e.onConnectivityError,
@@ -150,11 +171,13 @@ function b(e, t, n, a, i, o) {
150
171
  enableOpenMapUI: !0,
151
172
  flatmapAPI: e.flatmapAPI,
152
173
  sparcAPI: e.apiLocation,
174
+ showLocalSettings: e.showLocalSettings,
175
+ showOpenMapButton: e.showOpenMapButton,
153
176
  onOpenMap: e.openMap,
154
177
  onPathwaySelectionChanged: o.onPathwaySelectionChanged,
155
178
  onMapmanagerLoaded: e.onMapmanagerLoaded
156
- }, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
157
- e.helpMode && e.useHelpModeDialog ? (p(), C(f, {
179
+ }, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "showLocalSettings", "showOpenMapButton", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
180
+ e.helpMode && e.useHelpModeDialog ? (p(), C(m, {
158
181
  key: 0,
159
182
  ref: "flatmapHelp",
160
183
  flatmapRef: e.flatmapRef,
@@ -164,7 +187,7 @@ function b(e, t, n, a, i, o) {
164
187
  }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
165
188
  ]);
166
189
  }
167
- const R = /* @__PURE__ */ c(w, [["render", b], ["__scopeId", "data-v-8e8f3246"]]);
190
+ const P = /* @__PURE__ */ h(w, [["render", F], ["__scopeId", "data-v-b2faff4c"]]);
168
191
  export {
169
- R as default
192
+ P as default
170
193
  };
@@ -1,6 +1,6 @@
1
- import { C as r } from "./ContentMixin-DO6jlHIh.js";
1
+ import { C as r } from "./ContentMixin-W2PTyJZz.js";
2
2
  import { openBlock as o, createElementBlock as t, createElementVNode as s } from "vue";
3
- import { _ as n } from "./index-BcpVBq1h.js";
3
+ import { _ as n } from "./index-DMpfPm6s.js";
4
4
  const a = {
5
5
  name: "Iframe",
6
6
  mixins: [r]
@@ -1,8 +1,9 @@
1
- import { _ as u, k as h, a as y, g, E as s, t as M, T as p } from "./index-BcpVBq1h.js";
2
- import { C as v } from "./ContentMixin-DO6jlHIh.js";
3
- import { D as C, h as I } from "./style-CIceSTeY.js";
4
- import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
5
- const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><path d="M11.0748 3.25583C11.4141 2.42845 12.5859 2.42845 12.9252 3.25583L14.6493 7.45955C14.793 7.80979 15.1221 8.04889 15.4995 8.07727L20.0303 8.41798C20.922 8.48504 21.2841 9.59942 20.6021 10.1778L17.1369 13.1166C16.8482 13.3614 16.7225 13.7483 16.8122 14.1161L17.8882 18.5304C18.1 19.3992 17.152 20.0879 16.3912 19.618L12.5255 17.2305C12.2034 17.0316 11.7966 17.0316 11.4745 17.2305L7.60881 19.618C6.84796 20.0879 5.90001 19.3992 6.1118 18.5304L7.18785 14.1161C7.2775 13.7483 7.1518 13.3614 6.86309 13.1166L3.3979 10.1778C2.71588 9.59942 3.07796 8.48504 3.96971 8.41798L8.50046 8.07727C8.87794 8.04889 9.20704 7.80979 9.35068 7.45955L11.0748 3.25583Z" stroke="#000000" stroke-width="2"/></svg>', d = (e) => {
1
+ import { _ as d, k as h, a as g, g as y, E as s, t as M, T as p } from "./index-DMpfPm6s.js";
2
+ import { C as v } from "./ContentMixin-W2PTyJZz.js";
3
+ import { D as C } from "./style-Ba4Y-S47.js";
4
+ import { MultiFlatmapVuer as S } from "@abi-software/flatmapvuer";
5
+ import { resolveComponent as f, openBlock as c, createElementBlock as F, createVNode as I, createBlock as w, createCommentVNode as k } from "vue";
6
+ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><path d="M11.0748 3.25583C11.4141 2.42845 12.5859 2.42845 12.9252 3.25583L14.6493 7.45955C14.793 7.80979 15.1221 8.04889 15.4995 8.07727L20.0303 8.41798C20.922 8.48504 21.2841 9.59942 20.6021 10.1778L17.1369 13.1166C16.8482 13.3614 16.7225 13.7483 16.8122 14.1161L17.8882 18.5304C18.1 19.3992 17.152 20.0879 16.3912 19.618L12.5255 17.2305C12.2034 17.0316 11.7966 17.0316 11.4745 17.2305L7.60881 19.618C6.84796 20.0879 5.90001 19.3992 6.1118 18.5304L7.18785 14.1161C7.2775 13.7483 7.1518 13.3614 6.86309 13.1166L3.3979 10.1778C2.71588 9.59942 3.07796 8.48504 3.96971 8.41798L8.50046 8.07727C8.87794 8.04889 9.20704 7.80979 9.35068 7.45955L11.0748 3.25583Z" stroke="#000000" stroke-width="2"/></svg>', u = (e) => {
6
7
  const t = [
7
8
  {
8
9
  display: "Open AC Map",
@@ -28,21 +29,21 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
28
29
  break;
29
30
  }
30
31
  return t;
31
- }, b = {
32
+ }, R = {
32
33
  name: "MultiFlatmap",
33
34
  mixins: [v, C],
34
35
  components: {
35
- MultiFlatmapVuer: I,
36
+ MultiFlatmapVuer: S,
36
37
  HelpModeDialog: h
37
38
  },
38
39
  data: function() {
39
40
  return {
40
41
  zoomLevel: 6,
41
42
  flatmapReady: !1,
42
- availableSpecies: y(),
43
+ availableSpecies: g(),
43
44
  scaffoldResource: {},
44
45
  showStarInLegend: !1,
45
- openMapOptions: d("Human Male")
46
+ openMapOptions: u("Human Male")
46
47
  };
47
48
  },
48
49
  methods: {
@@ -60,7 +61,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
60
61
  title: "View 3D scaffold",
61
62
  layout: "2horpanel",
62
63
  type: "SyncMap"
63
- } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await g(this.apiLocation, "human")), e = {
64
+ } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await y(this.apiLocation, "human")), e = {
64
65
  contextCardUrl: this.scaffoldResource.human.datasetInfo.contextCardUrl,
65
66
  discoverId: this.scaffoldResource.human.datasetInfo.discoverId,
66
67
  s3uri: this.scaffoldResource.human.datasetInfo.s3uri,
@@ -188,7 +189,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
188
189
  }
189
190
  },
190
191
  flatmapChanged: async function(e) {
191
- this.activeSpecies = e, this.openMapOptions = d(e), this.$emit("species-changed", e), this.entry.state && this.entry.state.species === this.activeSpecies || this.syncMode == !0 && await this.toggleSyncMode(), this.updateProvCard(), p.sendEvent({
192
+ this.activeSpecies = e, this.openMapOptions = u(e), this.$emit("species-changed", e), this.entry.state && this.entry.state.species === this.activeSpecies || this.syncMode == !0 && await this.toggleSyncMode(), this.updateProvCard(), p.sendEvent({
192
193
  event: "interaction_event",
193
194
  event_name: "portal_maps_species_change",
194
195
  category: this.activeSpecies
@@ -198,7 +199,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
198
199
  if (e) {
199
200
  e.enablePanZoomEvents(!0), this.flatmapReady = !0;
200
201
  const t = e.mapImp;
201
- this.flatmapMarkerUpdate(t), this.updateProvCard(), this.loadConnectivityKnowledge(t), s.emit("mapLoaded", e);
202
+ this.flatmapMarkerUpdate(t), this.updateProvCard(), this.updateSettings(), this.loadConnectivityExplorerConfig(e), s.emit("mapLoaded", e);
202
203
  }
203
204
  },
204
205
  getFlatmapImp: function() {
@@ -232,7 +233,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
232
233
  let o = a;
233
234
  if (o || (o = this.getFlatmapImp()), o) {
234
235
  let i = document.createElement("div");
235
- i.innerHTML = R;
236
+ i.innerHTML = b;
236
237
  const r = o.addMarker(e, {
237
238
  element: i,
238
239
  className: "highlight-marker",
@@ -256,6 +257,19 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
256
257
  },
257
258
  changeConnectivitySource: function(e) {
258
259
  this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeConnectivitySource(e);
260
+ },
261
+ updateSettings: function() {
262
+ const {
263
+ backgroundDisplay: e,
264
+ viewingMode: t,
265
+ flightPathDisplay: a,
266
+ organsDisplay: n,
267
+ outlines: o
268
+ } = this.settingsStore.globalSettings;
269
+ if (this.flatmapReady) {
270
+ const i = this.$refs.multiflatmap.getCurrentFlatmap();
271
+ i.changeViewingMode(t), i.setFlightPath3D(a), i.setColour(n), i.setOutlines(o), i.backgroundChangeCallback(e);
272
+ }
259
273
  }
260
274
  },
261
275
  computed: {
@@ -299,13 +313,23 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
299
313
  this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
300
314
  }), s.on("hoverUpdate", () => {
301
315
  this.flatmapReady && this.cardHoverHighlight();
316
+ }), s.on("viewingModeUpdate", (e) => {
317
+ this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
318
+ }), s.on("flightPathUpdate", (e) => {
319
+ this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setFlightPath3D(e);
320
+ }), s.on("organsDisplayUpdate", (e) => {
321
+ this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setColour(e);
322
+ }), s.on("outlinesDisplayUpdate", (e) => {
323
+ this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setOutlines(e);
324
+ }), s.on("backgroundDisplayUpdate", (e) => {
325
+ this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().backgroundChangeCallback(e);
302
326
  });
303
327
  }
304
- }, H = { class: "viewer-container" };
328
+ }, O = { class: "viewer-container" };
305
329
  function L(e, t, a, n, o, i) {
306
330
  const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
307
- return c(), S("div", H, [
308
- F(r, {
331
+ return c(), F("div", O, [
332
+ I(r, {
309
333
  availableSpecies: e.availableSpecies,
310
334
  onFlatmapChanged: i.flatmapChanged,
311
335
  onReady: i.multiFlatmapReady,
@@ -322,6 +346,7 @@ function L(e, t, a, n, o, i) {
322
346
  onShownMapTooltip: e.onMapTooltipShown,
323
347
  onAnnotationOpen: e.onAnnotationOpen,
324
348
  onAnnotationClose: e.onAnnotationClose,
349
+ onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
325
350
  annotationSidebar: e.annotationSidebar,
326
351
  onConnectivityInfoOpen: e.onConnectivityInfoOpen,
327
352
  onConnectivityError: e.onConnectivityError,
@@ -334,24 +359,27 @@ function L(e, t, a, n, o, i) {
334
359
  openMapOptions: e.openMapOptions,
335
360
  flatmapAPI: e.flatmapAPI,
336
361
  sparcAPI: e.apiLocation,
362
+ showLocalSettings: e.showLocalSettings,
363
+ showOpenMapButton: e.showOpenMapButton,
337
364
  onPanZoomCallback: i.flatmapPanZoomCallback,
338
365
  onOpenMap: e.openMap,
339
366
  onFinishHelpMode: e.endHelp,
340
367
  onPathwaySelectionChanged: i.onPathwaySelectionChanged,
341
368
  onOpenPubmedUrl: i.onOpenPubmedUrl,
342
- onMapmanagerLoaded: e.onMapmanagerLoaded
343
- }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
344
- e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
369
+ onMapmanagerLoaded: e.onMapmanagerLoaded,
370
+ showPathwayFilter: !1
371
+ }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "showLocalSettings", "showOpenMapButton", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
372
+ e.helpMode && e.useHelpModeDialog ? (c(), w(l, {
345
373
  key: 0,
346
374
  ref: "multiflatmapHelp",
347
375
  multiflatmapRef: e.multiflatmapRef,
348
376
  lastItem: e.helpModeLastItem,
349
377
  onShowNext: e.onHelpModeShowNext,
350
378
  onFinishHelpMode: e.onFinishHelpMode
351
- }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
379
+ }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : k("", !0)
352
380
  ]);
353
381
  }
354
- const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-ce393416"]]);
382
+ const E = /* @__PURE__ */ d(R, [["render", L], ["__scopeId", "data-v-eef77976"]]);
355
383
  export {
356
- T as default
384
+ E as default
357
385
  };
@@ -1,7 +1,7 @@
1
1
  import { PlotVuer as o } from "@abi-software/plotvuer";
2
- import { C as r } from "./ContentMixin-DO6jlHIh.js";
2
+ import { C as r } from "./ContentMixin-W2PTyJZz.js";
3
3
  import { resolveComponent as a, openBlock as n, createBlock as s } from "vue";
4
- import { _ as m } from "./index-BcpVBq1h.js";
4
+ import { _ as m } from "./index-DMpfPm6s.js";
5
5
  const p = {
6
6
  name: "Plot",
7
7
  mixins: [r],
@@ -0,0 +1,194 @@
1
+ import { _ as p, k as c, E as l } from "./index-DMpfPm6s.js";
2
+ import { C as g } from "./ContentMixin-W2PTyJZz.js";
3
+ import { ScaffoldVuer as u } from "@abi-software/scaffoldvuer";
4
+ import { resolveComponent as f, openBlock as r, createElementBlock as m, createVNode as y, createBlock as M, createCommentVNode as S } from "vue";
5
+ const w = {
6
+ name: "Scaffold",
7
+ mixins: [g],
8
+ components: {
9
+ ScaffoldVuer: u,
10
+ HelpModeDialog: c
11
+ },
12
+ methods: {
13
+ onResize: function() {
14
+ this.scaffoldCamera.onResize();
15
+ },
16
+ getState: function() {
17
+ return this.$refs.scaffold.getState();
18
+ },
19
+ /**
20
+ * Perform a local search on this contentvuer
21
+ */
22
+ search: function(e) {
23
+ return this.$refs.scaffold.search(e, !0);
24
+ },
25
+ searchSuggestions: function(e, o) {
26
+ if (e === "" || !this.$refs.scaffold)
27
+ return o;
28
+ this.$refs.scaffold.fetchSuggestions(e).forEach((a) => {
29
+ a.suggestion && o.push(a.suggestion);
30
+ });
31
+ },
32
+ /**
33
+ * Handle sync pan zoom event
34
+ */
35
+ handleSyncPanZoomEvent: function(e) {
36
+ if (!this.mouseHovered && e.type !== this.entry.type) {
37
+ const o = e.payload.origin, t = e.payload.size, a = [o[0] + t[0] / 2, o[1] + t[1] / 2], i = [
38
+ (a[0] - 0.5) * 2,
39
+ (0.5 - a[1]) * 2
40
+ ], n = 1 / Math.max(t[0], t[1]);
41
+ this.$refs.scaffold.$module.setSyncControlCenterZoom(
42
+ i,
43
+ n
44
+ );
45
+ }
46
+ },
47
+ displayTooltip: function(e) {
48
+ let o;
49
+ e && (o = e.name), o ? this.$refs.scaffold.search(o, !0) : this.$refs.scaffold.hideRegionTooltip();
50
+ },
51
+ zoomToFeatures: function(e, o) {
52
+ let t;
53
+ Array.isArray(e) ? t = e : t = [e.name], o && this.$refs.scaffold.changeActiveByName(t, "", !1), this.$refs.scaffold.viewRegion(t);
54
+ },
55
+ highlightFeatures: function(e) {
56
+ let o;
57
+ Array.isArray(e) ? o = e : o = [e.name], this.$refs.scaffold.changeHighlightedByName(o, "", !1);
58
+ },
59
+ scaffoldIsReady: function() {
60
+ if (this.scaffoldLoaded = !0, this.$refs.scaffold.$module.graphicsHighlight.highlightColour = [1, 0, 1], this.isVisible()) {
61
+ let e = "free";
62
+ this.entry.rotation && (e = this.entry.rotation), this.$refs.scaffold.toggleSyncControl(this.splitFlowStore.globalCallback, e), this.splitFlowStore.syncMode && this.$refs.scaffold.fitWindow(), this.updateSettings();
63
+ }
64
+ l.emit("mapLoaded", this.$refs.scaffold);
65
+ },
66
+ requestSynchronisedEvent: function(e) {
67
+ if (this.scaffoldLoaded) {
68
+ let o = "free";
69
+ this.entry.rotation && (o = this.entry.rotation), this.$refs.scaffold.toggleSyncControl(e, o);
70
+ }
71
+ },
72
+ /**
73
+ * Callback when the vuers emit a selected event.
74
+ */
75
+ scaffoldHighlighted: function(e, o) {
76
+ var a, i, n;
77
+ const t = {
78
+ paneIndex: this.entry.id,
79
+ type: e,
80
+ resource: o,
81
+ internalName: void 0
82
+ };
83
+ o && o[0] && ((((a = o[0].data) == null ? void 0 : a.id) === void 0 || ((i = o[0].data) == null ? void 0 : i.id) === "") && (o[0].data.id = (n = o[0].data) == null ? void 0 : n.group), t.internalName = o[0].data.id, t.eventType = "highlighted"), this.$emit("resource-selected", t);
84
+ },
85
+ /**
86
+ * Callback when the vuers emit a selected event.
87
+ */
88
+ scaffoldNavigated: function(e, o) {
89
+ if (this.mouseHovered) {
90
+ const t = {
91
+ paneIndex: this.entry.id,
92
+ eventType: "panZoom",
93
+ payload: o,
94
+ type: e
95
+ };
96
+ this.$emit("resource-selected", t);
97
+ }
98
+ },
99
+ updateWithViewUrl: function(e) {
100
+ this.$refs.scaffold.updateViewURL(e);
101
+ },
102
+ /**
103
+ * Change the view mode of the current scaffold
104
+ */
105
+ changeViewingMode: function(e) {
106
+ this.$refs.scaffold.changeViewingMode(e);
107
+ },
108
+ updateSettings: function() {
109
+ const {
110
+ backgroundDisplay: e,
111
+ viewingMode: o
112
+ } = this.settingsStore.globalSettings;
113
+ this.$refs.scaffold.backgroundChangeCallback(e), this.$refs.scaffold.changeViewingMode(o);
114
+ }
115
+ },
116
+ computed: {
117
+ warningMessage: function() {
118
+ return this.entry.isBodyScaffold ? "This map displays the anatomical location and connectivity of nerves, through which the neuron populations from the ApiNATOMY models available in SCKAN can be routed." : "Under active development";
119
+ },
120
+ markerLabels: function() {
121
+ return this.settingsStore.globalSettings.displayMarkers ? this.settingsStore.numberOfDatasetsForFacets : {};
122
+ }
123
+ },
124
+ data: function() {
125
+ return {
126
+ apiLocation: process.env.VUE_APP_API_LOCATION,
127
+ scaffoldCamera: void 0,
128
+ scaffoldLoaded: !1
129
+ };
130
+ },
131
+ mounted: function() {
132
+ this.scaffoldCamera = this.$refs.scaffold.$module.scene.getZincCameraControls(), l.on("startHelp", () => {
133
+ this.startHelp();
134
+ }), l.on("hoverUpdate", () => {
135
+ this.scaffoldLoaded && this.cardHoverHighlight();
136
+ }), l.on("backgroundDisplayUpdate", (e) => {
137
+ this.$refs.scaffold.backgroundChangeCallback(e);
138
+ }), l.on("viewingModeUpdate", (e) => {
139
+ this.$refs.scaffold.changeViewingMode(e);
140
+ });
141
+ }
142
+ }, v = { class: "viewer-container" };
143
+ function b(e, o, t, a, i, n) {
144
+ const d = f("ScaffoldVuer"), h = f("HelpModeDialog");
145
+ return r(), m("div", v, [
146
+ y(d, {
147
+ state: e.entry.state,
148
+ url: e.entry.resource,
149
+ region: e.entry.region,
150
+ onScaffoldSelected: o[0] || (o[0] = (s) => e.resourceSelected(e.entry.type, s, !0)),
151
+ onScaffoldHighlighted: o[1] || (o[1] = (s) => n.scaffoldHighlighted(e.entry.type, s)),
152
+ onScaffoldNavigated: o[2] || (o[2] = (s) => n.scaffoldNavigated(e.entry.type, s)),
153
+ onOnReady: n.scaffoldIsReady,
154
+ onOpenMap: e.openMap,
155
+ ref: "scaffold",
156
+ "background-toggle": !0,
157
+ traditional: !0,
158
+ helpMode: e.helpMode,
159
+ helpModeActiveItem: e.helpModeActiveItem,
160
+ helpModeDialog: e.useHelpModeDialog,
161
+ onAnnotationOpen: e.onAnnotationOpen,
162
+ onAnnotationClose: e.onAnnotationClose,
163
+ onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
164
+ annotationSidebar: e.annotationSidebar,
165
+ onHelpModeLastItem: e.onHelpModeLastItem,
166
+ onShownTooltip: e.onTooltipShown,
167
+ onShownMapTooltip: e.onMapTooltipShown,
168
+ render: e.visible,
169
+ "display-latest-message": !0,
170
+ "warning-message": n.warningMessage,
171
+ "display-minimap": !1,
172
+ "display-markers": !1,
173
+ enableOpenMapUI: !0,
174
+ "view-u-r-l": e.entry.viewUrl,
175
+ markerCluster: !0,
176
+ markerLabels: n.markerLabels,
177
+ flatmapAPI: e.flatmapAPI,
178
+ showLocalSettings: e.showLocalSettings,
179
+ showOpenMapButton: e.showOpenMapButton
180
+ }, null, 8, ["state", "url", "region", "onOnReady", "onOpenMap", "helpMode", "helpModeActiveItem", "helpModeDialog", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "render", "warning-message", "view-u-r-l", "markerLabels", "flatmapAPI", "showLocalSettings", "showOpenMapButton"]),
181
+ e.helpMode && e.useHelpModeDialog ? (r(), M(h, {
182
+ key: 0,
183
+ ref: "scaffoldHelp",
184
+ scaffoldRef: e.scaffoldRef,
185
+ lastItem: e.helpModeLastItem,
186
+ onShowNext: e.onHelpModeShowNext,
187
+ onFinishHelpMode: e.onFinishHelpMode
188
+ }, null, 8, ["scaffoldRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
189
+ ]);
190
+ }
191
+ const k = /* @__PURE__ */ p(w, [["render", b], ["__scopeId", "data-v-57714f72"]]);
192
+ export {
193
+ k as default
194
+ };
@@ -1,7 +1,7 @@
1
- import { C as i } from "./ContentMixin-DO6jlHIh.js";
1
+ import { C as i } from "./ContentMixin-W2PTyJZz.js";
2
2
  import { SimulationVuer as t } from "@abi-software/simulationvuer";
3
3
  import { resolveComponent as e, openBlock as r, createBlock as a } from "vue";
4
- import { _ as m } from "./index-BcpVBq1h.js";
4
+ import { _ as m } from "./index-DMpfPm6s.js";
5
5
  const c = {
6
6
  name: "Simulation",
7
7
  mixins: [i],