@abi-software/mapintegratedvuer 1.3.4-beta.1 → 1.3.4-beta.2

package/dist/ContentMixin-DFsTunqU.js

@@ -0,0 +1,584 @@
+import { u as y, b as w, E as l, T as A, c as v, d as u, e as N } from "./index-BQV8-ab4.js";
+import { mapStores as R } from "pinia";
+let c = 7, r = 5;
+const E = [
+  {
+    id: "UBERON:0000948",
+    name: "heart",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001759",
+    name: "vagus nerve",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001155",
+    name: "colon",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0000945",
+    name: "stomach",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001013",
+    name: "adipose tissue",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001255",
+    name: "urinary bladder",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001348",
+    name: "brown adipose tissue",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0002008",
+    name: "cardiac nerve plexus",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002240",
+    name: "spinal cord",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002005",
+    name: "Enteric Nervous System",
+    showAtZoom: 4
+  },
+  {
+    id: "UBERON:0013702",
+    name: "body proper",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002298",
+    name: "brainstem",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002439",
+    name: "myenteric nerve plexus",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0000010",
+    name: "peripheral nervous system",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0002048",
+    name: "lung",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002410",
+    name: "autonomic nervous system",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0002441",
+    name: "cervicothoracic ganglion",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0005363",
+    name: "inferior vagus X ganglion",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0001264",
+    name: "pancreas",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001884",
+    name: "phrenic nerve",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0002059",
+    name: "submandibular ganglion",
+    showAtZoom: 7
+  },
+  {
+    id: "UBERON:0001347",
+    name: "white adipose tissue",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0001556",
+    name: "lower urinary tract",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002262",
+    name: "celiac ganglion",
+    showAtZoom: 5
+  },
+  {
+    id: "UBERON:0000955",
+    name: "Brain",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0000160",
+    name: "intestine",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001322",
+    name: "sciatic nerve",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0001649",
+    name: "glossopharyngeal nerve",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0002063",
+    name: "sinus venosus",
+    showAtZoom: 6
+  },
+  {
+    id: "UBERON:0002107",
+    name: "liver",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002113",
+    name: "kidney",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0002481",
+    name: "bone tissue",
+    showAtZoom: 1
+  },
+  {
+    id: "UBERON:0004907",
+    name: "lower digestive tract",
+    showAtZoom: 4
+  },
+  {
+    id: "UBERON:0000044",
+    name: "Dorsal root ganglion",
+    showAtZoom: 5
+  },
+  // New levels from Keeran
+  {
+    id: "UBERON:0001736",
+    name: "Submandibular gland",
+    showAtZoom: c,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0001103",
+    name: "Diaphragm",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0001160",
+    name: "Fundus of stomach",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0000955",
+    name: "Brain",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0003708",
+    name: "Carotid sinus",
+    showAtZoom: c,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0002079",
+    name: "Left cardiac atrium",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "ILX:0485722",
+    name: "Nodose ganglion",
+    showAtZoom: c,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0002078",
+    name: "Right cardiac atrium",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0002084",
+    name: "Heart left ventricle",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0002080",
+    name: "Heart right ventricle",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0001508",
+    name: "Arch of Aorta",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0001738",
+    name: "Thyroid cartilage",
+    showAtZoom: r,
+    keyword: !0
+  },
+  {
+    id: "UBERON:0000388",
+    name: "Epiglottis",
+    showAtZoom: r,
+    keyword: !0
+  }
+];
+function B(e) {
+  return e[0].toUpperCase() + e.substring(1);
+}
+const U = {
+  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: {
+    ...R(y, w),
+    idNamePair() {
+      return this.splitFlowStore.idNamePair;
+    },
+    syncMode() {
+      return this.splitFlowStore.syncMode;
+    },
+    useHelpModeDialog() {
+      return this.settingsStore.useHelpModeDialog;
+    },
+    connectivityInfoSidebar() {
+      return this.settingsStore.connectivityInfoSidebar;
+    }
+  },
+  mounted: function() {
+    l.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")) : (l.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`)), this.onConnectivityInfoClose();
+    },
+    trackOpenMap: function(e) {
+      A.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, i) {
+      var f, d, m;
+      if (this.resourceHasAction(t)) {
+        l.emit("PopoverActionClick", t);
+        return;
+      }
+      let n, s = "none", o = !1;
+      const a = {
+        paneIndex: this.entry.id,
+        type: e,
+        resource: t,
+        internalName: void 0,
+        eventType: void 0
+      };
+      if (e == "MultiFlatmap" || e == "Flatmap")
+        if (a.internalName = this.idNamePair[t.feature.models], t.eventType == "click")
+          if (a.eventType = "selected", t.feature.type == "marker") {
+            let p = this.idNamePair[t.feature.models], g = E.filter(
+              (h) => h.id === t.feature.models
+            );
+            this.settingsStore.isFeaturedMarkerIdentifier(
+              t.feature.id
+            ) ? n = {
+              type: "Search",
+              term: this.settingsStore.featuredMarkerDoi(
+                t.feature.id
+              ),
+              featuredDataset: !0
+            } : g.filter((h) => h.keyword).length > 0 ? n = {
+              type: "Search",
+              term: "http://purl.obolibrary.org/obo/" + t.feature.models.replace(":", "_")
+            } : n = {
+              type: "Facet",
+              facet: p,
+              facetPropPath: "anatomy.organ.category.name",
+              term: "Anatomical structure"
+            }, o = !0, e == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
+          } else
+            t.feature.type == "feature" && (this.syncMode ? o = !0 : s = "scaffold");
+        else
+          t.eventType == "mouseenter" && (a.eventType = "highlighted", o = !0);
+      else
+        e == "Scaffold" && (t && t[0] && ((((f = t[0].data) == null ? void 0 : f.id) === void 0 || ((d = t[0].data) == null ? void 0 : d.id) === "") && (t[0].data.id = (m = t[0].data) == null ? void 0 : m.group), a.internalName = t[0].data.id, t[0].data.lastActionOnMarker === !0 && (n = {
+          type: "Facet",
+          facet: B(t[0].data.id),
+          facetPropPath: "anatomy.organ.category.name",
+          term: "Anatomical structure"
+        })), a.eventType = "selected", o = !0, s = "search");
+      n === void 0 && i && (n = v(a, s)), n && l.emit("PopoverActionClick", n), o && this.$emit("resource-selected", a);
+    },
+    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 i;
+      if (e.resource && e.resource.resource && (i = e.resource.resource[0]), this.entry.type === "Scaffold") {
+        if (this.$refs.scaffold.findObjectsWithGroupName(t).length === 0) {
+          if (e.resource && e.resource.feature) {
+            const o = u(e.resource.feature.models);
+            if (o.length > 0)
+              return o;
+          }
+          let s = N(t);
+          if (s)
+            return s;
+          if (i && e.eventType === "selected")
+            return fetch(`${this.apiLocation}get-related-terms/${i}`).then((o) => o.json()).then((o) => {
+              if (o.uberon.array.length > 0)
+                return t = o.uberon.array[0].name.charAt(0).toUpperCase() + o.uberon.array[0].name.slice(1), i = o.uberon.array[0].id.toUpperCase(), { id: i, name: t };
+            });
+        }
+      } else if (this.entry.type === "MultiFlatmap")
+        if (t === "Bladder")
+          t = "Urinary Bladder";
+        else {
+          const n = u(t);
+          n.length > 0 && (t = n[0]);
+        }
+      return { id: i, 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 i = t.result[0];
+        let n;
+        try {
+          n = i.anatomy.organ[0].curie;
+        } catch {
+          n = void 0;
+        }
+        let s;
+        try {
+          s = i.item.curie;
+        } catch {
+          s = void 0;
+        }
+        let o;
+        try {
+          let a = 0, f = !1;
+          for (; !f && a < i.organisms.subject.length; ) {
+            const d = i.organisms.subject[a];
+            d.species && (o = d.species.name, f = !0), a += 1;
+          }
+        } catch {
+          o = void 0;
+        }
+        this.settingsStore.updateFeaturedMarker({
+          identifier: e,
+          marker: n,
+          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((i) => i.id);
+    },
+    /**
+     * Get a list of featured datasets to display.
+     */
+    getFeaturedDatasets: async function() {
+      let e = [], t = await this.oldFeaturedDatasetApiHasInfo();
+      if (t)
+        e = t;
+      else {
+        let i = await this.newFeaturedDatasetApiHasInfo();
+        i && (e = i);
+      }
+      this.settingsStore.updateFeatured(e), e.forEach((i) => {
+        this.getDatasetAnatomyInfo(i);
+      });
+    },
+    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();
+    },
+    mapHoverHighlight: function(e) {
+      if (this.visible) {
+        const t = this.settingsStore.hoverAnatomies, i = this.settingsStore.hoverOrgans;
+        t.length || i.length ? (clearTimeout(this.hoverDelay), this.multiflatmapRef || this.flatmapRef ? e == null || e.zoomToFeatures(t, { noZoomIn: !0 }) : this.scaffoldRef && (e == null || e.changeHighlightedByName(i, "", !1))) : this.hoverDelay = setTimeout(() => {
+          this.multiflatmapRef || this.flatmapRef ? e == null || e.clearSearchResults() : this.scaffoldRef && (e == null || e.changeHighlightedByName(i, "", !1));
+        }, 500);
+      }
+    },
+    onConnectivityInfoOpen: function(e) {
+      l.emit("connectivity-info-open", e);
+    },
+    onConnectivityInfoClose: function() {
+      l.emit("connectivity-info-close");
+    }
+  },
+  data: function() {
+    return {
+      apiLocation: void 0,
+      activeSpecies: "Rat",
+      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,
+      hoverDelay: void 0
+    };
+  },
+  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);
+  },
+  watch: {
+    helpMode: function(e) {
+      e || (this.helpModeActiveItem = 0);
+    }
+  }
+};
+export {
+  U as C
+};

package/dist/{Flatmap-BS0JbWf4.js → Flatmap-LwWccT_N.js}

@@ -1,14 +1,14 @@
-import { _ as d, t as h, T as s, E as l } from "./index-Ct_Hq2A5.js";
-import { C as u } from "./ContentMixin-Cx9C1_Yu.js";
-import { D as I, W as y } from "./style-DWdSlu_q.js";
-import { F as v } from "./style-CJykSWTR.js";
-import { resolveComponent as p, openBlock as r, createElementBlock as g, createVNode as M, createBlock as S, createCommentVNode as C } from "vue";
+import { _ as d, t as h, T as s, E as l } from "./index-BQV8-ab4.js";
+import { C as u } from "./ContentMixin-DFsTunqU.js";
+import { D as I, W as y } from "./style-wUZezVCf.js";
+import { F as g } from "./style-CJykSWTR.js";
+import { resolveComponent as p, openBlock as r, createElementBlock as M, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
 const F = {
   name: "Flatmap",
   mixins: [u, I],
   components: {
     FlatmapVuer: y,
-    HelpModeDialog: v
+    HelpModeDialog: g
   },
   methods: {
     getState: function() {
@@ -47,7 +47,7 @@ const F = {
     },
     flatmapReadyCall: function(e) {
       let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
-      l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
+      l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
     },
     onPathwaySelectionChanged: function(e) {
       const { label: t, property: o, checked: a, selectionsTitle: n } = e;
@@ -88,6 +88,9 @@ const F = {
         }
       } else
         a.clearSearchResults();
+    },
+    changeViewingMode: function(e) {
+      this.$refs.flatmap.mapImp.changeViewingMode(e);
     }
   },
   computed: {
@@ -96,7 +99,7 @@ const F = {
     }
   },
   mounted: function() {
-    this.getAvailableTerms(), l.on("markerUpdate", () => {
+    l.on("markerUpdate", () => {
       this.flatmapMarkerUpdate(void 0);
     }), l.on("hoverUpdate", () => {
       this.mapHoverHighlight(this.$refs.flatmap.mapImp);
@@ -109,10 +112,10 @@ const F = {
     });
   }
 }, w = { class: "viewer-container" };
-function b(e, t, o, a, n, i) {
+function H(e, t, o, a, n, i) {
   const m = p("FlatmapVuer"), f = p("HelpModeDialog");
-  return r(), g("div", w, [
-    M(m, {
+  return r(), M("div", w, [
+    v(m, {
       state: e.entry.state,
       entry: e.entry.resource,
       onResourceSelected: t[0] || (t[0] = (c) => i.flatmaprResourceSelected(e.entry.type, c)),
@@ -151,7 +154,7 @@ function b(e, t, o, a, n, i) {
     }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
   ]);
 }
-const P = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-54f19c88"]]);
+const T = /* @__PURE__ */ d(F, [["render", H], ["__scopeId", "data-v-4edaed6d"]]);
 export {
-  P as default
+  T as default
 };

package/dist/{Iframe-BBXsetDo.js → Iframe-DKDovlWA.js}

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

package/dist/{MultiFlatmap-DbwZpIHe.js → MultiFlatmap-Ccqab9Pf.js}

@@ -1,6 +1,6 @@
-import { _ as u, a as h, g as y, E as r, t as g, T as p } from "./index-Ct_Hq2A5.js";
-import { C as M } from "./ContentMixin-Cx9C1_Yu.js";
-import { D as v, v as I } from "./style-DWdSlu_q.js";
+import { _ as u, a as h, g as y, E as r, t as g, T as p } from "./index-BQV8-ab4.js";
+import { C as M } from "./ContentMixin-DFsTunqU.js";
+import { D as v, v as I } from "./style-wUZezVCf.js";
 import { F as S } from "./style-CJykSWTR.js";
 import { resolveComponent as f, openBlock as c, createElementBlock as C, 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) => {
@@ -243,6 +243,12 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
         }), !0;
       }
       return !1;
+    },
+    /**
+     * Change the view mode of the current flatmap
+     */
+    changeViewingMode: function(e) {
+      this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
     }
   },
   computed: {
@@ -262,7 +268,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     }
   },
   mounted: function() {
-    this.getAvailableTerms(), this.getFeaturedDatasets(), r.on("show-connectivity", (e) => {
+    this.getFeaturedDatasets(), r.on("show-connectivity", (e) => {
       const { featureIds: t, offset: a } = e;
       if (this.flatmapReady && this.$refs.multiflatmap) {
         const n = this.$refs.multiflatmap.getCurrentFlatmap();
@@ -321,7 +327,7 @@ function P(e, t, a, n, o, i) {
     }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
   ]);
 }
-const E = /* @__PURE__ */ u(b, [["render", P], ["__scopeId", "data-v-089c8852"]]);
+const _ = /* @__PURE__ */ u(b, [["render", P], ["__scopeId", "data-v-923b6a8c"]]);
 export {
-  E as default
+  _ as default
 };