@abi-software/mapintegratedvuer 1.7.2 → 1.8.0-isan.1

package/dist/ContentMixin-CthZZNjI.js

@@ -0,0 +1,706 @@
+import { markRaw as $ } from "vue";
+import { u as H, c as N, E as c, T as L, d as F, e as T } from "./index-DFkMrKek.js";
+import { mapStores as k } from "pinia";
+const d = function(e) {
+  return e ? [...new Set(e.map((t) => JSON.stringify(t)))].map(
+    (t) => JSON.parse(t)
+  ) : [];
+}, g = [], A = async function(e, t) {
+  const n = t.filter(
+    (o) => g.some((a) => a.taxon === o)
+  ), i = g.filter(
+    (o) => n.includes(o.taxon)
+  ), s = t.filter(
+    (o) => !n.includes(o)
+  );
+  if (s.length) {
+    const o = await e.queryLabels(s);
+    if (o.length)
+      return o.forEach((a) => {
+        let { entity: r, label: l } = a;
+        l === "Mammalia" && (l = "Mammalia not otherwise specified");
+        const f = { taxon: r, label: l };
+        i.push(f), g.push(f);
+      }), i;
+  } else
+    return i;
+}, y = function(e, t) {
+  if (!e || !t) return !1;
+  let n = JSON.stringify(e), i = JSON.stringify(t);
+  return n.indexOf(i) !== -1;
+}, u = (e, t) => {
+  const n = e.name ?? e, i = t.name ?? t, s = n.toUpperCase(), o = i.toUpperCase();
+  return s < o ? -1 : s > o ? 1 : 0;
+};
+let E = 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) {
+    let n = [];
+    t.feature.hyperlinks && t.feature.hyperlinks.length > 0 ? n = t.feature.hyperlinks : n = this.rawURLs;
+    let i;
+    if (t.provenanceTaxonomy) {
+      i = [];
+      try {
+        const o = await A(e, t.provenanceTaxonomy);
+        o.length && o.forEach((a) => {
+          const { label: r } = a;
+          i.push(r);
+        });
+      } catch (o) {
+        console.log(o);
+      }
+    }
+    return {
+      destinations: this.destinations,
+      origins: this.origins,
+      components: this.components,
+      destinationsWithDatasets: this.destinationsWithDatasets,
+      originsWithDatasets: this.originsWithDatasets,
+      componentsWithDatasets: this.componentsWithDatasets,
+      title: t.label,
+      featureId: t.resource,
+      hyperlinks: n,
+      provenanceTaxonomy: t.provenanceTaxonomy,
+      provenanceTaxonomyLabel: i,
+      connectivitySource: this.connectivitySource
+    };
+  }, this.updateTooltipData = function(e) {
+    return {
+      ...e,
+      origins: this.origins,
+      originsWithDatasets: this.originsWithDatasets,
+      components: this.components,
+      componentsWithDatasets: this.componentsWithDatasets,
+      destinations: this.destinations,
+      destinationsWithDatasets: this.destinationsWithDatasets,
+      connectivitySource: this.connectivitySource
+    };
+  }, this.createComponentsLabelList = function(e, t) {
+    let n = [];
+    return e.forEach((i) => {
+      n.push(this.createLabelFromNeuralNode(i[0]), t), i.length === 2 && n.push(this.createLabelFromNeuralNode(i[1]), t);
+    }), n;
+  }, this.createLabelLookup = function(e, t) {
+    return new Promise(async (n) => {
+      let i = {};
+      this.uberons = [];
+      const s = await A(e, t);
+      s.length && (s.forEach((o) => {
+        const { taxon: a, label: r } = o;
+        i[a] = r, this.uberons.push({
+          id: a,
+          name: r
+        });
+      }), n(i));
+    });
+  }, this.buildConnectivitySqlStatement = function(e) {
+    let t = "select knowledge from knowledge where entity in (";
+    if (e.length === 1)
+      t += `'${e[0]}')`;
+    else if (e.length > 1)
+      for (let n in e)
+        t += `'${e[n]}'${n >= e.length - 1 ? ")" : ","} `;
+    return t;
+  }, this.buildLabelSqlStatement = function(e) {
+    let t = "select entity, label from labels where entity in (";
+    if (e.length === 1)
+      t += `'${e[0]}')`;
+    else if (e.length > 1)
+      for (let n in e)
+        t += `'${e[n]}'${n >= e.length - 1 ? ")" : ","} `;
+    return t;
+  }, this.findAllIdsFromConnectivity = function(e) {
+    let t = e.connectivity.flat(), n = [...new Set(t)], i = [];
+    return n.forEach((s) => {
+      Array.isArray(s) ? i.push(s.flat()) : i.push(s);
+    }), [...new Set(i.flat())];
+  }, this.flattenConnectivity = function(e) {
+    let t = e.flat(), n = [...new Set(t)], i = [];
+    return n.forEach((s) => {
+      Array.isArray(s) ? i.push(s.flat()) : i.push(s);
+    }), i.flat();
+  }, this.findComponents = function(e, t, n, i) {
+    let s = e.connectivity.flat(), o = d(s), a = [], r = !1;
+    return o.forEach((l) => {
+      r = !1, y(t, l) && (r = !0), i && y(i, l) && (r = !0), y(n, l) && (r = !0), r || a.push(l);
+    }), a;
+  }, this.retrieveFlatmapKnowledgeForEvent = async function(e, t) {
+    this.controller && this.controller.abort(), this.controller = new AbortController(), this.controller.signal;
+    const n = t.resource;
+    if (this.destinations = [], this.origins = [], this.components = [], this.rawURLs = [], !n || n.length === 0 || !n[0]) return;
+    let i = this.queryForConnectivityNew(e, n[0]);
+    return await Promise.all([i]);
+  }, this.queryForConnectivityNew = function(e, t, n = "sckan", i = !0) {
+    return this.connectivitySource = n, new Promise((s) => {
+      (n === "map" ? this.queryMapConnectivity(e.provenance.uuid, t) : e.queryKnowledge(t)).then((a) => {
+        if (this.checkConnectivityExists(a)) {
+          let r = a;
+          i ? this.processConnectivity(e, r).then((l) => {
+            a.references && (this.rawURLs = [...a.references]), s(l);
+          }) : s(r);
+        } else
+          s(!1);
+      }).catch((a) => {
+        a.name === "AbortError" || console.warn(`Unable to get the knowledge for the entity ${t}.`), s(!1);
+      });
+    });
+  }, this.queryMapConnectivity = async function(e, t) {
+    const n = this.flatmapApi + `flatmap/${e}/connectivity/${t}`;
+    try {
+      const i = await fetch(n);
+      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, n, i = !0) {
+    const s = { sql: this.buildConnectivitySqlStatement(t) }, o = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(s),
+      ...n ? { signal: n } : {}
+      // add signal to header if it exists
+    };
+    return new Promise((a) => {
+      fetch(`${this.flatmapApi}knowledge/query/`, o).then((r) => r.json()).then((r) => {
+        if (this.connectivityExists(r)) {
+          let l = JSON.parse(r.values[0][0]);
+          i ? this.processConnectivity(e, l).then((f) => {
+            a(f);
+          }) : a(l);
+        } else
+          a(!1);
+      }).catch((r) => {
+        r.name === "AbortError" || console.error("Error:", r), a(!1);
+      });
+    });
+  }, this.checkConnectivityExists = function(e) {
+    var t;
+    return e && ((t = e.connectivity) == null ? void 0 : t.length);
+  }, this.connectivityExists = function(e) {
+    return !!(e.values && e.values.length > 0 && JSON.parse(e.values[0][0]).connectivity && JSON.parse(e.values[0][0]).connectivity.length > 0);
+  }, this.findIfNodeIsSingle = function(e) {
+    return e.length === 1 ? (console.error("Server returns a single node", e), e[0]) : e.length === 2 && e[1].length === 0 ? e[0] : !1;
+  }, this.createLabelFromNeuralNode = function(e, t) {
+    let n = this.findIfNodeIsSingle(e);
+    if (n)
+      return t[n];
+    let i = t[e[0]];
+    return e.length === 2 && e[1].length > 0 && e[1].forEach((s) => {
+      t[s] == null ? i += `, ${s}` : i += `, ${t[s]}`;
+    }), i;
+  }, this.flattenAndFindDatasets = function(e, t, n) {
+    let i = this.flattenConnectivity(e), s = this.flattenConnectivity(t), o = this.flattenConnectivity(n);
+    this.originsWithDatasets = this.uberons.filter(
+      (a) => i.indexOf(a.id) !== -1
+    ).sort(u), this.componentsWithDatasets = this.uberons.filter(
+      (a) => s.indexOf(a.id) !== -1
+    ).sort(u), this.destinationsWithDatasets = this.uberons.filter(
+      (a) => o.indexOf(a.id) !== -1
+    ).sort(u);
+  }, this.processConnectivity = function(e, t) {
+    return new Promise((n) => {
+      let i = [], s = [], o;
+      if (t && t["node-phenotypes"]) {
+        const l = ["ilxtr:hasSomaLocatedIn"], f = ["ilxtr:hasAxonPresynapticElementIn", "ilxtr:hasAxonSensorySubcellularElementIn"];
+        l.forEach((h) => {
+          i.push(...t["node-phenotypes"][h]);
+        }), i = d(i), f.forEach((h) => {
+          s.push(...t["node-phenotypes"][h]);
+        }), s = d(s);
+      } else
+        s = d(t.axons), t.somas && t.somas.length > 0 && i.push(...t.somas), t.dendrites && t.dendrites.length > 0 && i.push(...t.dendrites), o = t.somas;
+      const a = this.findComponents(t, s, i, o), r = this.findAllIdsFromConnectivity(t);
+      this.createLabelLookup(e, r).then((l) => {
+        this.origins = i.map(
+          (f) => this.createLabelFromNeuralNode(f, l)
+        ).sort(u), this.components = a.map(
+          (f) => this.createLabelFromNeuralNode(f, l)
+        ).sort(u), this.destinations = s.map(
+          (f) => this.createLabelFromNeuralNode(f, l)
+        ).sort(u), this.flattenAndFindDatasets(i, a, s), n({
+          ids: {
+            dendrites: i,
+            components: a,
+            axons: s
+          },
+          labels: {
+            origins: this.origins,
+            components: this.components,
+            destinations: this.destinations
+          }
+        });
+      });
+    });
+  }, this.buildPubmedSqlStatement = function(e) {
+    let t = "select distinct publication from publications where entity in (";
+    if (e.length === 1)
+      t += `'${e[0]}')`;
+    else if (e.length > 1)
+      for (let n in e)
+        t += `'${e[n]}'${n >= e.length - 1 ? ")" : ","} `;
+    return t;
+  }, this.buildPubmedSqlStatementForModels = function(e) {
+    return `select distinct publication from publications where entity = '${e}'`;
+  }, this.flatmapQuery = function(e) {
+    const t = { sql: e };
+    return fetch(`${this.flatmapApi}knowledge/query/`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(t)
+    }).then((n) => n.json()).catch((n) => {
+      console.error("Error:", n);
+    });
+  };
+};
+function I(e) {
+  var n;
+  let t = "";
+  if ((n = e.provenance) != null && n.connectivity) {
+    const i = e.provenance.connectivity;
+    "knowledge-source" in i ? t = i["knowledge-source"] : "npo" in i && (t = `${i.npo.release}-npo`);
+  }
+  return t;
+}
+async function x(e, t) {
+  const n = I(e), i = `select knowledge from knowledge
+    where source="${n}"
+    order by source desc`;
+  q();
+  const s = sessionStorage.getItem("flatmap-knowledge"), o = sessionStorage.getItem("flatmap-knowledge-source");
+  if (!s || o !== n) {
+    const l = (await t.flatmapQuery(i)).values.map((f) => f[0]).map((f) => JSON.parse(f));
+    return sessionStorage.setItem("flatmap-knowledge", JSON.stringify(l)), sessionStorage.setItem("flatmap-knowledge-source", n), D(), l;
+  }
+  return JSON.parse(s);
+}
+function D() {
+  const n = (/* @__PURE__ */ new Date()).getTime() + 864e5;
+  sessionStorage.setItem("flatmap-knowledge-expiry", n);
+}
+function P() {
+  [
+    "flatmap-knowledge",
+    "flatmap-knowledge-expiry",
+    "flatmap-knowledge-source"
+  ].forEach((t) => {
+    sessionStorage.removeItem(t);
+  });
+}
+function q() {
+  const e = sessionStorage.getItem("flatmap-knowledge-expiry");
+  (/* @__PURE__ */ new Date()).getTime() > e && P();
+}
+function O(e) {
+  return e[0].toUpperCase() + e.substring(1);
+}
+const W = {
+  emits: ["flatmap-provenance-ready", "resource-selected", "species-changed"],
+  props: {
+    /**
+     * Object containing information for
+     * the required viewing.
+     */
+    entry: Object,
+    visible: {
+      type: Boolean,
+      default: !0
+    },
+    mouseHovered: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    ...k(H, N),
+    idNamePair() {
+      return this.splitFlowStore.idNamePair;
+    },
+    syncMode() {
+      return this.splitFlowStore.syncMode;
+    },
+    useHelpModeDialog() {
+      return this.settingsStore.useHelpModeDialog;
+    },
+    connectivityInfoSidebar() {
+      return this.settingsStore.connectivityInfoSidebar;
+    },
+    annotationSidebar() {
+      return this.settingsStore.annotationSidebar;
+    }
+  },
+  mounted: function() {
+    c.on("startHelp", () => {
+      this.startHelp();
+    }), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold;
+  },
+  methods: {
+    toggleSyncMode: function() {
+    },
+    getState: function() {
+    },
+    openMap: function(e) {
+      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (c.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`));
+    },
+    onMapmanagerLoaded: function(e) {
+      this.settingsStore.updateMapManager(e);
+    },
+    trackOpenMap: function(e) {
+      L.sendEvent({
+        event: "interaction_event",
+        event_name: "portal_maps_open_map",
+        category: e,
+        location: "open_new_map"
+      });
+    },
+    updateWithViewUrl: function() {
+    },
+    /**
+     * Perform a local search on this contentvuer
+     */
+    search: function() {
+      return !1;
+    },
+    /**
+     * Get a list of search suggestions on this contentvuer
+     */
+    searchSuggestions: function() {
+    },
+    /**
+     * Callback when the vuers emit a selected event.
+     */
+    resourceSelected: function(e, t) {
+      var a, r, l, f, h, w, S, v, b;
+      const n = t[0];
+      if (n && this.resourceHasAction(n)) {
+        c.emit("PopoverActionClick", n);
+        return;
+      }
+      let i, s = !1;
+      const o = {
+        paneIndex: this.entry.id,
+        type: e,
+        resource: t,
+        internalName: void 0,
+        eventType: void 0
+      };
+      if (e == "MultiFlatmap" || e == "Flatmap") {
+        const m = this.getFlatmapImp();
+        if (o.internalName = (a = n == null ? void 0 : n.feature) != null && a.label ? n.feature.label : this.idNamePair[n.feature.models], n.eventType == "click")
+          if (o.eventType = "selected", n.feature.type == "marker") {
+            let M = o.internalName;
+            if (this.settingsStore.isFeaturedMarkerIdentifier(n.feature.id))
+              i = {
+                type: "Search",
+                term: this.settingsStore.featuredMarkerDoi(n.feature.id),
+                featuredDataset: !0
+              };
+            else {
+              i = {
+                type: "Facet",
+                facet: M,
+                facetPropPath: "anatomy.organ.category.name",
+                facetSubPropPath: "anatomy.organ.name",
+                term: "Anatomical structure"
+              };
+              let p = /* @__PURE__ */ new Set();
+              n != null && n.feature["marker-terms"] ? (n.feature["marker-terms"].forEach((C) => {
+                p.add(C.label);
+              }), p.add(M), p.size > 0 && (i = {
+                type: "Facets",
+                labels: [...p]
+              })) : (r = n == null ? void 0 : n.feature) != null && r.models && (i = {
+                type: "PMRSearch",
+                term: n.feature.models
+              });
+            }
+            s = !0, e == "MultiFlatmap" && m.clearSearchResults();
+          } else n.feature.type == "feature" && (m.options && m.options.style === "functional" && (f = (l = n.feature) == null ? void 0 : l.hyperlinks) != null && f.pmr && (i = {
+            type: "URL",
+            resource: (w = (h = n.feature) == null ? void 0 : h.hyperlinks) == null ? void 0 : w.pmr
+          }), this.syncMode && (s = !0));
+        else n.eventType == "mouseenter" && (o.eventType = "highlighted", s = !0);
+      } else e == "Scaffold" && (n && ((((S = n.data) == null ? void 0 : S.id) === void 0 || ((v = n.data) == null ? void 0 : v.id) === "") && (n.data.id = (b = n.data) == null ? void 0 : b.group), o.internalName = n.data.id, n.data.lastActionOnMarker === !0 && (i = {
+        type: "Facet",
+        facet: O(n.data.id),
+        facetPropPath: "anatomy.organ.category.name",
+        term: "Anatomical structure"
+      })), o.eventType = "selected", s = !0);
+      i && c.emit("PopoverActionClick", i), s && this.$emit("resource-selected", o);
+    },
+    resourceHasAction: function(e) {
+      return e.type === "URL" || e.type === "Search" || e.type === "Neuron Search" || e.type == "Facet" || e.type == "Facets";
+    },
+    /**
+     * Check if this viewer is currently visible
+     */
+    isVisible: function() {
+      return this.splitFlowStore.getPaneNameById(this.entry.id) !== void 0;
+    },
+    displayTooltip: function() {
+    },
+    /**
+     * Get the term to zoom/highlight in a synchronisation event,
+     * if it cannot be found in the map, it will perform several
+     * calls to try to ge a valid name/id.
+     */
+    getNameAndIdFromSyncData: async function(e) {
+      let t = e.internalName;
+      t === void 0 && e.resource && (t = e.resource.label);
+      let n;
+      if (e.resource && e.resource.resource && (n = e.resource.resource[0]), this.entry.type === "Scaffold") {
+        if (this.$refs.scaffold.findObjectsWithGroupName(t).length === 0) {
+          if (e.resource && e.resource.feature) {
+            const o = F(e.resource.feature.models);
+            if (o.length > 0) return o;
+          }
+          let s = T(t);
+          if (s)
+            return s;
+          if (n && e.eventType === "selected")
+            return fetch(`${this.apiLocation}get-related-terms/${n}`).then((o) => o.json()).then((o) => {
+              var a;
+              if (((a = o.uberon) == null ? void 0 : a.array.length) > 0)
+                return t = o.uberon.array[0].name.charAt(0).toUpperCase() + o.uberon.array[0].name.slice(1), n = o.uberon.array[0].id.toUpperCase(), { id: n, name: t };
+            });
+        }
+      } else if (this.entry.type === "MultiFlatmap")
+        if (t === "Bladder")
+          t = "Urinary Bladder";
+        else {
+          const i = F(t);
+          i.length > 0 && (t = i[0]);
+        }
+      return { id: n, name: t };
+    },
+    // Get the species and andaotmy info for the featured datasets
+    getDatasetAnatomyInfo: function(e) {
+      fetch(`${this.apiLocation}dataset_info/anatomy?identifier=${e}`).then((t) => t.json()).then((t) => {
+        const n = t.result[0];
+        let i;
+        try {
+          i = n.anatomy.organ[0].curie;
+        } catch {
+          i = void 0;
+        }
+        let s;
+        try {
+          s = n.item.curie;
+        } catch {
+          s = void 0;
+        }
+        let o;
+        try {
+          let a = 0, r = !1;
+          for (; !r && a < n.organisms.subject.length; ) {
+            const l = n.organisms.subject[a];
+            l.species && (o = l.species.name, r = !0), a += 1;
+          }
+        } catch {
+          o = void 0;
+        }
+        this.settingsStore.updateFeaturedMarker({
+          identifier: e,
+          marker: i,
+          doi: s,
+          species: o
+        });
+      });
+    },
+    // Check if the old featured dataset api has any info
+    oldFeaturedDatasetApiHasInfo: async function() {
+      let t = await (await fetch(`${this.apiLocation}get_featured_datasets_identifiers`)).json();
+      return !t.identifiers || t.identifiers.length == 0 ? !1 : t.identifiers;
+    },
+    // Check if the new featured dataset api has any info
+    newFeaturedDatasetApiHasInfo: async function() {
+      let t = await (await fetch(`${this.apiLocation}get_featured_dataset`)).json();
+      return !t.datasets || t.datasets.length == 0 ? !1 : t.datasets.map((n) => n.id);
+    },
+    /**
+     * Get a list of featured datasets to display.
+     */
+    getFeaturedDatasets: async function() {
+      let e = [], t = await this.oldFeaturedDatasetApiHasInfo();
+      if (t) e = t;
+      else {
+        let n = await this.newFeaturedDatasetApiHasInfo();
+        n && (e = n);
+      }
+      this.settingsStore.updateFeatured(e), e.forEach((n) => {
+        this.getDatasetAnatomyInfo(n);
+      });
+    },
+    zoomToFeatures: function() {
+    },
+    handleSyncMouseEvent: async function(e) {
+      let t = await this.getNameAndIdFromSyncData(e);
+      e.eventType === "highlighted" ? this.highlightFeatures(t) : e.eventType === "selected" && this.displayTooltip(t);
+    },
+    /**
+     * Handle sync pan zoom event
+     */
+    handleSyncPanZoomEvent: function() {
+    },
+    highlightFeatures: function() {
+    },
+    receiveSynchronisedEvent: async function(e) {
+      if (e.paneIndex !== this.entry.id)
+        e.eventType == "panZoom" || this.handleSyncMouseEvent(e);
+      else if (e.eventType == "selected") {
+        let t = await this.getNameAndIdFromSyncData(e);
+        this.zoomToFeatures(t, !1);
+      }
+    },
+    requestSynchronisedEvent: function() {
+    },
+    flatmapMarkerUpdate() {
+    },
+    onResize: function() {
+    },
+    startHelp: function() {
+      this.isInHelp === !1 && (this.helpMode = !0, window.addEventListener("mousedown", this.checkEndHelpMouseDown), this.isInHelp = !0);
+    },
+    endHelp: function() {
+      window.removeEventListener("mousedown", this.checkEndHelpMouseDown), this.helpMode = !1, setTimeout(() => {
+        this.isInHelp = !1;
+      }, 200);
+    },
+    onHelpModeShowNext: function() {
+      this.helpModeActiveItem += 1;
+    },
+    onHelpModeLastItem: function(e) {
+      e && (this.helpModeLastItem = !0);
+    },
+    onFinishHelpMode: function() {
+      this.helpMode = !1, this.helpModeActiveItem = 0, this.helpModeLastItem = !1;
+    },
+    onTooltipShown: function() {
+      this.$refs.multiflatmap && this.$refs.multiflatmapHelp && this.$refs.multiflatmapHelp.toggleTooltipHighlight(), this.$refs.flatmap && this.$refs.flatmapHelp && this.$refs.flatmapHelp.toggleTooltipHighlight(), this.$refs.scaffold && this.$refs.scaffoldHelp && this.$refs.scaffoldHelp.toggleTooltipHighlight();
+    },
+    onMapTooltipShown: function() {
+      this.$refs.multiflatmap && this.$refs.multiflatmapHelp && this.$refs.multiflatmapHelp.toggleTooltipPinHighlight(), this.$refs.flatmap && this.$refs.flatmapHelp && this.$refs.flatmapHelp.toggleTooltipPinHighlight(), this.$refs.scaffold && this.$refs.scaffoldHelp && this.$refs.scaffoldHelp.toggleTooltipPinHighlight();
+    },
+    /**
+     * End help-mode only if user clicks outside of help mode dialog.
+     */
+    checkEndHelpMouseDown: function(e) {
+      e.target.closest(".help-mode-dialog") || this.endHelp();
+    },
+    flatmapHighlight: async function(e, t, n, i) {
+      let s = [...t, ...i];
+      const o = this.settingsStore.globalSettings;
+      if (o.highlightConnectedPaths) {
+        const a = t.length ? t : i.length ? i : [], r = await e.retrieveConnectedPaths(a);
+        r && s.push(...r);
+      }
+      if (o.highlightDOIPaths) {
+        const a = await e.searchConnectivitiesByReference(n);
+        a && s.push(...a);
+      }
+      return s = [...new Set(s)], s;
+    },
+    cardHoverHighlight: function() {
+      if (this.visible) {
+        const e = this.settingsStore.hoverAnatomies, t = this.settingsStore.hoverOrgans, n = this.settingsStore.hoverDOI, i = this.settingsStore.hoverConnectivity;
+        let s = null, o = null;
+        this.flatmapRef && (s = this.$flatmapRef), this.multiflatmapRef && (s = this.$multiflatmapRef), this.scaffoldRef && (o = this.$scaffoldRef), (this.multiflatmapRef || this.flatmapRef) && s ? s.mapImp.clearSearchResults() : this.scaffoldRef && o && o.changeHighlightedByName(t, "", !1), (e.length || t.length || n || i.length) && ((this.multiflatmapRef || this.flatmapRef) && s ? this.flatmapHighlight(s, e, n, i).then((a) => {
+          try {
+            s.zoomToFeatures(a);
+          } catch (r) {
+            console.log(r);
+          }
+        }) : this.scaffoldRef && o && o.changeHighlightedByName(t, "", !1));
+      }
+    },
+    onAnnotationOpen: function(e) {
+      c.emit("annotation-open", e);
+    },
+    onAnnotationClose: function() {
+      c.emit("annotation-close");
+    },
+    onConnectivityInfoOpen: function(e) {
+      c.emit("connectivity-info-open", e);
+    },
+    onConnectivityGraphError: function(e) {
+      c.emit("connectivity-graph-error", e);
+    },
+    loadConnectivityKnowledge: async function(e) {
+      const t = I(e), n = $(new E());
+      n.initialise(this.flatmapAPI);
+      const i = await x(e, n);
+      this.connectivityKnowledge = i.filter((s) => {
+        var o;
+        return !!(s.source === t && ((o = s.connectivity) != null && o.length));
+      }), c.emit("connectivity-knowledge", this.connectivityKnowledge);
+    },
+    connectivityQueryFilter: async function(e, t) {
+      let n = this.connectivityKnowledge;
+      if (t.type === "query-update")
+        this.query !== t.value && (this.target = []), this.query = t.value;
+      else if (t.type === "filter-update")
+        this.filter = t.value, this.target = [];
+      else if (t.type === "query-filter-update") {
+        this.query = t.query, this.filter = t.filter, this.target = t.data, this.query || c.emit("connectivity-knowledge", [...n]);
+        return;
+      }
+      if (this.query) {
+        let i = "", s = [], o = [], a = [];
+        this.searchSuggestions(this.query, o);
+        const r = [...new Set(o)];
+        if (i = "label", s = r, r.length === 1) {
+          const l = {
+            type: this.filter.map((f) => f.facet.toLowerCase()),
+            target: this.target.map((f) => f.id)
+          };
+          a = await e.retrieveConnectedPaths([this.query], l), i = "id", s = [this.query, ...a.filter((f) => f !== this.query)];
+        }
+        n = n.filter((l) => a.includes(l.id) || r.includes(l.label)), n.sort((l, f) => s.indexOf(l[i]) - s.indexOf(f[i]));
+      }
+      c.emit("connectivity-knowledge", n);
+    }
+  },
+  data: function() {
+    return {
+      apiLocation: void 0,
+      activeSpecies: "Human Male",
+      scaffoldCamera: void 0,
+      mainStyle: {
+        height: this.entry.datasetTitle ? "calc(100% - 30px)" : "100%",
+        width: "100%",
+        bottom: "0px"
+      },
+      helpMode: !1,
+      helpModeActiveItem: 0,
+      helpModeLastItem: !1,
+      multiflatmapRef: null,
+      flatmapRef: null,
+      scaffoldRef: null,
+      scaffoldLoaded: !1,
+      isInHelp: !1,
+      mapManager: void 0,
+      connectivityKnowledge: [],
+      query: "",
+      filter: [],
+      target: []
+      // Support origins/components/destinations term search
+    };
+  },
+  created: function() {
+    this.flatmapAPI = void 0, this.apiLocation = void 0, this.settingsStore.flatmapAPI && (this.flatmapAPI = this.settingsStore.flatmapAPI), this.settingsStore.sparcApi && (this.apiLocation = this.settingsStore.sparcApi), this.settingsStore.mapManager && (this.mapManager = this.settingsStore.mapManager);
+  },
+  watch: {
+    helpMode: function(e) {
+      e || (this.helpModeActiveItem = 0);
+    }
+  }
+};
+export {
+  W as C
+};