@abi-software/mapintegratedvuer 1.9.1 → 1.9.3-beta.0

package/dist/{ContentMixin-c9DvlJVP.js → ContentMixin-W2PTyJZz.js}

@@ -1,6 +1,6 @@
 import { markRaw as w } from "vue";
-import { u as b, p as C, q as I, E as h, T as M, r as S, s as F, v as A, x as $ } from "./index-qckfB1dl.js";
-import { mapStores as H } from "pinia";
+import { u as b, b as F, c as M, E as f, T as C, d as S, e as I, f as A, l as H } from "./index-DMpfPm6s.js";
+import { mapStores as N } from "pinia";
 const d = function(e) {
   return e ? [...new Set(e.map((t) => JSON.stringify(t)))].map(
     (t) => JSON.parse(t)
@@ -32,7 +32,7 @@ const d = function(e) {
   const i = e.name ?? e, n = t.name ?? t, o = i.toUpperCase(), s = n.toUpperCase();
   return o < s ? -1 : o > s ? 1 : 0;
 };
-let N = function() {
+let $ = function() {
   this.initialise = function(e) {
     this.flatmapAPI = e, this.destinations = [], this.origins = [], this.components = [], this.rawURLs = [], this.controller = void 0, this.uberons = [], this.lookUp = [], this.connectivitySource = "sckan";
   }, this.createTooltipData = async function(e, t) {
@@ -155,16 +155,6 @@ let N = function() {
     } catch (n) {
       throw new Error(n);
     }
-  }, this.queryMapPaths = async function(e) {
-    const t = this.flatmapAPI + `flatmap/${e}/pathways`;
-    try {
-      const i = await fetch(t);
-      if (!i.ok)
-        throw new Error(`Response status: ${i.status}`);
-      return await i.json();
-    } catch (i) {
-      throw new Error(i);
-    }
   }, this.queryForConnectivity = function(e, t, i, n = !0) {
     const o = { sql: this.buildConnectivitySqlStatement(t) }, s = {
       method: "POST",
@@ -217,10 +207,10 @@ let N = function() {
       let n = [], o = [], s;
       if (t && t["node-phenotypes"]) {
         const l = ["ilxtr:hasSomaLocatedIn"], c = ["ilxtr:hasAxonPresynapticElementIn", "ilxtr:hasAxonSensorySubcellularElementIn"];
-        l.forEach((u) => {
-          n.push(...t["node-phenotypes"][u]);
-        }), n = d(n), c.forEach((u) => {
-          o.push(...t["node-phenotypes"][u]);
+        l.forEach((h) => {
+          h in t["node-phenotypes"] && n.push(...t["node-phenotypes"][h]);
+        }), n = d(n), c.forEach((h) => {
+          h in t["node-phenotypes"] && o.push(...t["node-phenotypes"][h]);
         }), o = d(o);
       } else
         o = d(t.axons), t.somas && t.somas.length > 0 && n.push(...t.somas), t.dendrites && t.dendrites.length > 0 && n.push(...t.dendrites), n = d(n), s = t.somas;
@@ -269,7 +259,7 @@ let N = function() {
     });
   };
 };
-function P(e) {
+function T(e) {
   return e[0].toUpperCase() + e.substring(1);
 }
 const D = {
@@ -289,8 +279,9 @@ const D = {
       default: !1
     }
   },
+  inject: ["showGlobalSettings", "showOpenMapButton"],
   computed: {
-    ...H(b, C, I),
+    ...N(b, F, M),
     idNamePair() {
       return this.splitFlowStore.idNamePair;
     },
@@ -305,12 +296,22 @@ const D = {
     },
     annotationSidebar() {
       return this.settingsStore.annotationSidebar;
+    },
+    // Hide local settings if global settings are shown
+    showLocalSettings() {
+      return !this.showGlobalSettings;
     }
   },
   mounted: function() {
-    h.on("startHelp", () => {
+    f.on("startHelp", () => {
       this.startHelp();
-    }), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold, this.connectivityKnowledge = this.connectivitiesStore.globalConnectivities;
+    }), f.on("connectivity-item-close", () => {
+      if (this.multiflatmapRef) {
+        const e = this.multiflatmapRef.getCurrentFlatmap();
+        e && e.closeTooltip();
+      }
+      this.flatmapRef && this.flatmapRef.closeTooltip();
+    }), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold, this.connectivityKnowledge = this.connectivitiesStore.globalConnectivities, this.connectivityFilterOptions = this.connectivitiesStore.filterOptions, this.connectivityFilterSources = this.connectivitiesStore.filterSources;
   },
   methods: {
     toggleSyncMode: function() {
@@ -318,13 +319,13 @@ const D = {
     getState: function() {
     },
     openMap: function(e) {
-      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (h.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`));
+      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (f.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`));
     },
     onMapmanagerLoaded: function(e) {
       this.settingsStore.updateMapManager(e);
     },
     trackOpenMap: function(e) {
-      M.sendEvent({
+      C.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_open_map",
         category: e,
@@ -351,7 +352,7 @@ const D = {
       var a, r, l, c;
       const i = t[0];
       if (this.resourceHasAction(i)) {
-        h.emit("PopoverActionClick", i);
+        f.emit("PopoverActionClick", i);
         return;
       }
       let n, o = !1;
@@ -365,7 +366,7 @@ const D = {
       if (e == "MultiFlatmap" || e == "Flatmap")
         if (s.internalName = (a = i == null ? void 0 : i.feature) != null && a.label ? i.feature.label : this.idNamePair[i.feature.models], i.eventType == "click")
           if (s.eventType = "selected", i.feature.type == "marker") {
-            let u = s.internalName;
+            let h = s.internalName;
             if (this.settingsStore.isFeaturedMarkerIdentifier(i.feature.id))
               n = {
                 type: "Search",
@@ -375,17 +376,17 @@ const D = {
             else {
               n = {
                 type: "Facet",
-                facet: u,
+                facet: h,
                 facetPropPath: "anatomy.organ.category.name",
                 facetSubPropPath: "anatomy.organ.name",
                 term: "Anatomical structure"
               };
-              let f = /* @__PURE__ */ new Set();
+              let u = /* @__PURE__ */ new Set();
               i.feature["marker-terms"].forEach((m) => {
-                f.add(m.label);
-              }), f.add(u), f.size > 0 && (n = {
+                u.add(m.label);
+              }), u.add(h), u.size > 0 && (n = {
                 type: "Facets",
-                labels: [...f]
+                labels: [...u]
               });
             }
             o = !0, e == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
@@ -393,11 +394,11 @@ const D = {
         else i.eventType == "mouseenter" && (s.eventType = "highlighted", o = !0);
       else e == "Scaffold" && (i && ((((r = i.data) == null ? void 0 : r.id) === void 0 || ((l = i.data) == null ? void 0 : l.id) === "") && (i.data.id = (c = i.data) == null ? void 0 : c.group), s.internalName = i.data.id, i.data.lastActionOnMarker === !0 && (n = {
         type: "Facet",
-        facet: P(i.data.id),
+        facet: T(i.data.id),
         facetPropPath: "anatomy.organ.category.name",
         term: "Anatomical structure"
       })), s.eventType = "selected", o = !0);
-      n && h.emit("PopoverActionClick", n), o && this.$emit("resource-selected", s);
+      n && f.emit("PopoverActionClick", n), o && this.$emit("resource-selected", s);
     },
     resourceHasAction: function(e) {
       return e.type === "URL" || e.type === "Search" || e.type === "Neuron Search" || e.type == "Facet" || e.type == "Facets";
@@ -425,7 +426,7 @@ const D = {
             const s = S(e.resource.feature.models);
             if (s.length > 0) return s;
           }
-          let o = F(t);
+          let o = I(t);
           if (o)
             return o;
           if (i && e.eventType === "selected")
@@ -579,13 +580,16 @@ const D = {
         this.flatmapRef && (s = this.flatmapRef), this.multiflatmapRef && (s = this.multiflatmapRef.getCurrentFlatmap()), this.scaffoldRef && (a = this.scaffoldRef), clearTimeout(this.highlightDelay), !t.length && !i.length && !n && !o.length && ((this.multiflatmapRef || this.flatmapRef) && s ? (e = s.mapImp) == null || e.clearSearchResults() : this.scaffoldRef && a && a.changeHighlightedByName(i, "", !1)), this.highlightDelay = setTimeout(() => {
           (t.length || i.length || n || o.length) && ((this.multiflatmapRef || this.flatmapRef) && s ? this.flatmapHighlight(s, t, n, o).then((r) => {
             try {
-              s.zoomToFeatures(r);
+              s.showConnectivityTooltips({
+                connectivityInfo: { featureId: r },
+                data: []
+              });
             } catch (l) {
               if (console.log(l), o.length && s.mapImp) {
                 const c = s.mapImp.uuid;
                 r.every(
-                  (f) => this.connectivityKnowledge[c].some(
-                    (m) => m.id === f
+                  (u) => this.connectivityKnowledge[c].some(
+                    (m) => m.id === u
                   )
                 ) || s.mapImp.clearSearchResults();
               }
@@ -595,66 +599,35 @@ const D = {
       }
     },
     onAnnotationOpen: function(e) {
-      h.emit("annotation-open", e);
+      f.emit("annotation-open", e);
     },
     onAnnotationClose: function() {
-      h.emit("annotation-close");
+      f.emit("annotation-close");
+    },
+    updateOfflineAnnotationEnabled: function(e) {
+      f.emit("update-offline-annotation-enabled", e);
     },
     onConnectivityInfoOpen: function(e) {
-      h.emit("connectivity-info-open", e);
+      f.emit("connectivity-info-open", e);
     },
     onConnectivityError: function(e) {
-      h.emit("connectivity-error", e);
+      f.emit("connectivity-error", e);
     },
     onConnectivityInfoClose: function() {
-      h.emit("connectivity-info-close");
-    },
-    loadConnectivityKnowledge: async function(e) {
-      const t = A(e), i = w(new N());
-      i.initialise(this.flatmapAPI);
-      const n = await $(e, i), o = e.uuid;
-      if (this.connectivityKnowledge[t] || (this.connectivityKnowledge[t] = n.filter((s) => {
-        var a;
-        return s.source === t && ((a = s.connectivity) == null ? void 0 : a.length);
-      }).sort((s, a) => s.label.localeCompare(a.label))), !this.connectivitiesStore.globalConnectivities[o]) {
-        const s = await i.queryMapPaths(o), a = s ? s.paths : {};
-        this.connectivityKnowledge[o] = n.filter((r) => {
-          var l;
-          return r.source === t && ((l = r.connectivity) == null ? void 0 : l.length) && r.id in a;
-        }).sort((r, l) => r.label.localeCompare(l.label));
-      }
-      this.connectivitiesStore.updateGlobalConnectivities(this.connectivityKnowledge), h.emit("species-layout-connectivity-update");
-    },
-    getSearchedId: function(e, t) {
-      let i = [];
-      const n = e.mapImp.search(t);
-      return (n.__featureIds || n.featureIds).forEach((s) => {
-        var r;
-        const a = e.mapImp.annotation(s);
-        (r = a.label) != null && r.toLowerCase().includes(t.toLowerCase()) && a.models && !i.includes(a.models) && i.push(a.models);
-      }), i;
-    },
-    connectivityQueryFilter: async function(e, t) {
-      const i = this.connectivitiesStore.getUniqueConnectivitiesByKeys;
-      if (e.$el.checkVisibility()) {
-        let n = {
-          state: "default",
-          data: [...i]
-        };
-        if (t && (t.type === "query-update" ? (this.query !== t.value && (this.target = []), this.query = t.value) : t.type === "filter-update" && (this.filter = t.value)), this.query) {
-          n.state = "processed";
-          let o = [], s = {};
-          const a = this.query.split(",").map((f) => f.trim());
-          for (let f = 0; f < a.length; f++)
-            o.push(this.getSearchedId(e, a[f]));
-          const r = await Promise.all(o), l = [...new Set(r.flat())];
-          let c = await e.retrieveConnectedPaths(l, s);
-          c = [...l, ...c.filter((f) => !l.includes(f))];
-          let u = i.filter((f) => c.includes(f.id));
-          n.data = u;
-        }
-        h.emit("connectivity-knowledge", n);
+      f.emit("connectivity-info-close");
+    },
+    loadConnectivityExplorerConfig: async function(e) {
+      const t = e.mapImp, i = A(t), n = w(new $());
+      n.initialise(this.flatmapAPI);
+      const o = await H(t, n), s = t.uuid, a = t.pathways;
+      if (this.connectivityKnowledge[i] || (this.connectivityKnowledge[i] = o.filter((r) => {
+        var l;
+        return r.source === i && ((l = r.connectivity) == null ? void 0 : l.length);
+      }).sort((r, l) => r.label.localeCompare(l.label))), !this.connectivityKnowledge[s]) {
+        const r = a ? a.paths : {};
+        this.connectivityKnowledge[s] = this.connectivityKnowledge[i].filter((l) => l.id in r);
       }
+      this.connectivitiesStore.updateGlobalConnectivities(this.connectivityKnowledge), this.connectivityFilterOptions[s] || (this.connectivityFilterOptions[s] = await e.getFilterOptions()), this.connectivitiesStore.updateFilterOptions(this.connectivityFilterOptions), this.connectivityFilterSources[s] || (this.connectivityFilterSources[s] = e.getFilterSources()), this.connectivitiesStore.updateFilterSources(this.connectivityFilterSources), f.emit("species-layout-connectivity-update");
     }
   },
   data: function() {
@@ -677,8 +650,8 @@ const D = {
       isInHelp: !1,
       mapManager: void 0,
       connectivityKnowledge: {},
-      query: "",
-      filter: [],
+      connectivityFilterOptions: {},
+      connectivityFilterSources: {},
       highlightDelay: void 0
     };
   },

package/dist/{Flatmap-D66Ygegj.js → Flatmap--SlRCdfI.js}

@@ -1,13 +1,14 @@
-import { _ as d, k as h, t as u, T as l, E as i } from "./index-qckfB1dl.js";
-import { C as y } from "./ContentMixin-c9DvlJVP.js";
-import { D as I, r as g } from "./style-C6pIyWak.js";
-import { resolveComponent as s, openBlock as p, createElementBlock as M, createVNode as v, createBlock as C, createCommentVNode as S } from "vue";
-const F = {
+import { _ as h, k as c, t as u, T as l, E as i } from "./index-DMpfPm6s.js";
+import { C as g } from "./ContentMixin-W2PTyJZz.js";
+import { D as y } from "./style-Ba4Y-S47.js";
+import { FlatmapVuer as M } from "@abi-software/flatmapvuer";
+import { resolveComponent as r, openBlock as p, createElementBlock as I, createVNode as v, createBlock as C, createCommentVNode as S } from "vue";
+const w = {
   name: "Flatmap",
-  mixins: [y, I],
+  mixins: [g, y],
   components: {
-    FlatmapVuer: g,
-    HelpModeDialog: h
+    FlatmapVuer: M,
+    HelpModeDialog: c
   },
   methods: {
     getState: function() {
@@ -42,16 +43,15 @@ const F = {
     },
     flatmapReadyCall: function(e) {
       let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
-      const a = e.mapImp;
-      i.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.loadConnectivityKnowledge(a), i.emit("mapLoaded", e);
+      e.mapImp, i.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.updateSettings(), this.loadConnectivityExplorerConfig(e), i.emit("mapLoaded", e);
     },
     onPathwaySelectionChanged: function(e) {
-      const { label: t, property: a, checked: n, selectionsTitle: r } = e;
+      const { label: t, property: a, checked: n, selectionsTitle: s } = e;
       l.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
         category: t + " [" + a + "] " + n,
-        location: r
+        location: s
       });
     },
     highlightFeatures: function(e) {
@@ -70,8 +70,8 @@ const F = {
     searchSuggestions: function(e, t) {
       if (e && this.$refs.flatmap.mapImp) {
         const a = this.$refs.flatmap.mapImp.search(e);
-        (a.__featureIds || a.featureIds).forEach((r) => {
-          const o = this.$refs.flatmap.mapImp.annotation(r);
+        (a.__featureIds || a.featureIds).forEach((s) => {
+          const o = this.$refs.flatmap.mapImp.annotation(s);
           o && o.label && t.push(o.label);
         });
       }
@@ -80,9 +80,9 @@ const F = {
       let a = e.name;
       const n = this.$refs.flatmap.mapImp;
       if (a) {
-        const r = n.search(a);
-        if (r.featureIds.length) {
-          let o = n.modelForFeature(r.featureIds[0]);
+        const s = n.search(a);
+        if (s.featureIds.length) {
+          let o = n.modelForFeature(s.featureIds[0]);
           o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
         }
       } else
@@ -90,6 +90,16 @@ const F = {
     },
     changeViewingMode: function(e) {
       this.$refs.flatmap.changeViewingMode(e);
+    },
+    updateSettings: function() {
+      const {
+        backgroundDisplay: e,
+        viewingMode: t,
+        flightPathDisplay: a,
+        organsDisplay: n,
+        outlines: s
+      } = this.settingsStore.globalSettings, o = this.$refs.flatmap;
+      o.changeViewingMode(t), o.setFlightPath3D(a), o.setColour(n), o.setOutlines(s), o.backgroundChangeCallback(e);
     }
   },
   computed: {
@@ -104,6 +114,16 @@ const F = {
       this.flatmapMarkerUpdate(void 0);
     }), i.on("hoverUpdate", () => {
       this.cardHoverHighlight();
+    }), i.on("viewingModeUpdate", (e) => {
+      this.$refs.flatmap.changeViewingMode(e);
+    }), i.on("flightPathUpdate", (e) => {
+      this.$refs.flatmap.setFlightPath3D(e);
+    }), i.on("organsDisplayUpdate", (e) => {
+      this.$refs.flatmap.setColour(e);
+    }), i.on("outlinesDisplayUpdate", (e) => {
+      this.$refs.flatmap.setOutlines(e);
+    }), i.on("backgroundDisplayUpdate", (e) => {
+      this.$refs.flatmap.backgroundChangeCallback(e);
     }), i.on("show-connectivity", (e) => {
       const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
       n && n.moveMap(t, {
@@ -113,20 +133,17 @@ const F = {
     }), i.on("show-reference-connectivities", (e) => {
       const t = this.$refs.flatmap;
       t && t.showConnectivitiesByReference(e);
-    }), i.on("connectivity-query-filter", (e) => {
-      const t = this.$refs.flatmap;
-      t && t.mapImp && this.connectivityQueryFilter(t, e);
     });
   }
-}, w = { class: "viewer-container" };
-function $(e, t, a, n, r, o) {
-  const m = s("FlatmapVuer"), f = s("HelpModeDialog");
-  return p(), M("div", w, [
-    v(m, {
+}, b = { class: "viewer-container" };
+function F(e, t, a, n, s, o) {
+  const f = r("FlatmapVuer"), m = r("HelpModeDialog");
+  return p(), I("div", b, [
+    v(f, {
       state: e.entry.state,
       entry: e.entry.resource,
       mapManager: e.mapManager,
-      onResourceSelected: t[0] || (t[0] = (c) => o.flatmaprResourceSelected(e.entry.type, c)),
+      onResourceSelected: t[0] || (t[0] = (d) => o.flatmaprResourceSelected(e.entry.type, d)),
       onPanZoomCallback: e.flatmapPanZoomCallback,
       name: e.entry.resource,
       style: { height: "100%", width: "100%" },
@@ -140,10 +157,12 @@ function $(e, t, a, n, r, o) {
       onShownMapTooltip: e.onMapTooltipShown,
       onAnnotationOpen: e.onAnnotationOpen,
       onAnnotationClose: e.onAnnotationClose,
+      onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
       annotationSidebar: e.annotationSidebar,
       onConnectivityInfoOpen: e.onConnectivityInfoOpen,
       onConnectivityError: e.onConnectivityError,
       onConnectivityInfoClose: e.onConnectivityInfoClose,
+      connectivityInfoSidebar: e.connectivityInfoSidebar,
       pathControls: !0,
       ref: "flatmap",
       onReady: o.flatmapReadyCall,
@@ -152,11 +171,13 @@ function $(e, t, a, n, r, o) {
       enableOpenMapUI: !0,
       flatmapAPI: e.flatmapAPI,
       sparcAPI: e.apiLocation,
+      showLocalSettings: e.showLocalSettings,
+      showOpenMapButton: e.showOpenMapButton,
       onOpenMap: e.openMap,
       onPathwaySelectionChanged: o.onPathwaySelectionChanged,
       onMapmanagerLoaded: e.onMapmanagerLoaded
-    }, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
-    e.helpMode && e.useHelpModeDialog ? (p(), C(f, {
+    }, 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"]),
+    e.helpMode && e.useHelpModeDialog ? (p(), C(m, {
       key: 0,
       ref: "flatmapHelp",
       flatmapRef: e.flatmapRef,
@@ -166,7 +187,7 @@ function $(e, t, a, n, r, o) {
     }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
   ]);
 }
-const R = /* @__PURE__ */ d(F, [["render", $], ["__scopeId", "data-v-4ff4b478"]]);
+const P = /* @__PURE__ */ h(w, [["render", F], ["__scopeId", "data-v-b2faff4c"]]);
 export {
-  R as default
+  P as default
 };

package/dist/{Iframe-DFAzMMSw.js → Iframe-DYGGdodq.js}

@@ -1,6 +1,6 @@
-import { C as r } from "./ContentMixin-c9DvlJVP.js";
+import { C as r } from "./ContentMixin-W2PTyJZz.js";
 import { openBlock as o, createElementBlock as t, createElementVNode as s } from "vue";
-import { _ as n } from "./index-qckfB1dl.js";
+import { _ as n } from "./index-DMpfPm6s.js";
 const a = {
   name: "Iframe",
   mixins: [r]

package/dist/{MultiFlatmap-BOOSKitQ.js → MultiFlatmap-CEimf8Pc.js}

@@ -1,8 +1,9 @@
-import { _ as u, k as h, a as y, g, E as s, t as v, T as p } from "./index-qckfB1dl.js";
-import { C as M } from "./ContentMixin-c9DvlJVP.js";
-import { D as C, h as I } from "./style-C6pIyWak.js";
-import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
-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) => {
+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";
+import { C as v } from "./ContentMixin-W2PTyJZz.js";
+import { D as C } from "./style-Ba4Y-S47.js";
+import { MultiFlatmapVuer as S } from "@abi-software/flatmapvuer";
+import { resolveComponent as f, openBlock as c, createElementBlock as F, createVNode as I, createBlock as w, createCommentVNode as k } from "vue";
+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) => {
   const t = [
     {
       display: "Open AC Map",
@@ -28,21 +29,21 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       break;
   }
   return t;
-}, b = {
+}, R = {
   name: "MultiFlatmap",
-  mixins: [M, C],
+  mixins: [v, C],
   components: {
-    MultiFlatmapVuer: I,
+    MultiFlatmapVuer: S,
     HelpModeDialog: h
   },
   data: function() {
     return {
       zoomLevel: 6,
       flatmapReady: !1,
-      availableSpecies: y(),
+      availableSpecies: g(),
       scaffoldResource: {},
       showStarInLegend: !1,
-      openMapOptions: d("Human Male")
+      openMapOptions: u("Human Male")
     };
   },
   methods: {
@@ -60,7 +61,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           title: "View 3D scaffold",
           layout: "2horpanel",
           type: "SyncMap"
-        } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await g(this.apiLocation, "human")), e = {
+        } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await y(this.apiLocation, "human")), e = {
           contextCardUrl: this.scaffoldResource.human.datasetInfo.contextCardUrl,
           discoverId: this.scaffoldResource.human.datasetInfo.discoverId,
           s3uri: this.scaffoldResource.human.datasetInfo.s3uri,
@@ -117,7 +118,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           featureId: t.feature.featureId || "",
           taxonomy: t.taxonomy || "",
           resources: t.resource.join(", ")
-        }, o = v(n);
+        }, o = M(n);
         p.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
@@ -188,7 +189,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       }
     },
     flatmapChanged: async function(e) {
-      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({
+      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({
         event: "interaction_event",
         event_name: "portal_maps_species_change",
         category: this.activeSpecies
@@ -198,7 +199,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       if (e) {
         e.enablePanZoomEvents(!0), this.flatmapReady = !0;
         const t = e.mapImp;
-        this.flatmapMarkerUpdate(t), this.updateProvCard(), this.loadConnectivityKnowledge(t), s.emit("mapLoaded", e);
+        this.flatmapMarkerUpdate(t), this.updateProvCard(), this.updateSettings(), this.loadConnectivityExplorerConfig(e), s.emit("mapLoaded", e);
       }
     },
     getFlatmapImp: function() {
@@ -232,7 +233,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       let o = a;
       if (o || (o = this.getFlatmapImp()), o) {
         let i = document.createElement("div");
-        i.innerHTML = R;
+        i.innerHTML = b;
         const r = o.addMarker(e, {
           element: i,
           className: "highlight-marker",
@@ -256,6 +257,19 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     },
     changeConnectivitySource: function(e) {
       this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeConnectivitySource(e);
+    },
+    updateSettings: function() {
+      const {
+        backgroundDisplay: e,
+        viewingMode: t,
+        flightPathDisplay: a,
+        organsDisplay: n,
+        outlines: o
+      } = this.settingsStore.globalSettings;
+      if (this.flatmapReady) {
+        const i = this.$refs.multiflatmap.getCurrentFlatmap();
+        i.changeViewingMode(t), i.setFlightPath3D(a), i.setColour(n), i.setOutlines(o), i.backgroundChangeCallback(e);
+      }
     }
   },
   computed: {
@@ -299,18 +313,23 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
     }), s.on("hoverUpdate", () => {
       this.flatmapReady && this.cardHoverHighlight();
-    }), s.on("connectivity-query-filter", (e) => {
-      if (this.flatmapReady && this.$refs.multiflatmap) {
-        const t = this.$refs.multiflatmap.getCurrentFlatmap();
-        t && t.mapImp && this.connectivityQueryFilter(t, e);
-      }
+    }), s.on("viewingModeUpdate", (e) => {
+      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
+    }), s.on("flightPathUpdate", (e) => {
+      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setFlightPath3D(e);
+    }), s.on("organsDisplayUpdate", (e) => {
+      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setColour(e);
+    }), s.on("outlinesDisplayUpdate", (e) => {
+      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setOutlines(e);
+    }), s.on("backgroundDisplayUpdate", (e) => {
+      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().backgroundChangeCallback(e);
     });
   }
-}, H = { class: "viewer-container" };
+}, O = { class: "viewer-container" };
 function L(e, t, a, n, o, i) {
   const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
-  return c(), S("div", H, [
-    F(r, {
+  return c(), F("div", O, [
+    I(r, {
       availableSpecies: e.availableSpecies,
       onFlatmapChanged: i.flatmapChanged,
       onReady: i.multiFlatmapReady,
@@ -327,6 +346,7 @@ function L(e, t, a, n, o, i) {
       onShownMapTooltip: e.onMapTooltipShown,
       onAnnotationOpen: e.onAnnotationOpen,
       onAnnotationClose: e.onAnnotationClose,
+      onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
       annotationSidebar: e.annotationSidebar,
       onConnectivityInfoOpen: e.onConnectivityInfoOpen,
       onConnectivityError: e.onConnectivityError,
@@ -339,24 +359,27 @@ function L(e, t, a, n, o, i) {
       openMapOptions: e.openMapOptions,
       flatmapAPI: e.flatmapAPI,
       sparcAPI: e.apiLocation,
+      showLocalSettings: e.showLocalSettings,
+      showOpenMapButton: e.showOpenMapButton,
       onPanZoomCallback: i.flatmapPanZoomCallback,
       onOpenMap: e.openMap,
       onFinishHelpMode: e.endHelp,
       onPathwaySelectionChanged: i.onPathwaySelectionChanged,
       onOpenPubmedUrl: i.onOpenPubmedUrl,
-      onMapmanagerLoaded: e.onMapmanagerLoaded
-    }, 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"]),
-    e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
+      onMapmanagerLoaded: e.onMapmanagerLoaded,
+      showPathwayFilter: !1
+    }, 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"]),
+    e.helpMode && e.useHelpModeDialog ? (c(), w(l, {
       key: 0,
       ref: "multiflatmapHelp",
       multiflatmapRef: e.multiflatmapRef,
       lastItem: e.helpModeLastItem,
       onShowNext: e.onHelpModeShowNext,
       onFinishHelpMode: e.onFinishHelpMode
-    }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
+    }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : k("", !0)
   ]);
 }
-const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-e96022db"]]);
+const E = /* @__PURE__ */ d(R, [["render", L], ["__scopeId", "data-v-eef77976"]]);
 export {
-  T as default
+  E as default
 };