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

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

@@ -1,5 +1,5 @@
 import { markRaw as w } from "vue";
-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 { u as b, c as F, d as C, a as f, T as M, e as S, f as I, h as A, l as H } from "./index-_BTFPzpV.js";
 import { mapStores as N } from "pinia";
 const d = function(e) {
   return e ? [...new Set(e.map((t) => JSON.stringify(t)))].map(
@@ -281,7 +281,7 @@ const D = {
   },
   inject: ["showGlobalSettings", "showOpenMapButton"],
   computed: {
-    ...N(b, F, M),
+    ...N(b, F, C),
     idNamePair() {
       return this.splitFlowStore.idNamePair;
     },
@@ -302,18 +302,22 @@ const D = {
       return !this.showGlobalSettings;
     }
   },
+  beforeUnmount: function() {
+    this.alive = !1;
+  },
   mounted: function() {
-    f.on("startHelp", () => {
-      this.startHelp();
-    }), 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;
+    f.on("startHelp", this.startHelp), f.on("connectivity-item-close", this.onConnectivityItemClose), 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: {
+    onConnectivityItemClose() {
+      if (this != null && this.alive) {
+        if (this.multiflatmapRef) {
+          const e = this.multiflatmapRef.getCurrentFlatmap();
+          e && e.closeTooltip();
+        }
+        this.flatmapRef && this.flatmapRef.closeTooltip();
+      }
+    },
     toggleSyncMode: function() {
     },
     getState: function() {
@@ -325,7 +329,7 @@ const D = {
       this.settingsStore.updateMapManager(e);
     },
     trackOpenMap: function(e) {
-      C.sendEvent({
+      M.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_open_map",
         category: e,
@@ -531,7 +535,7 @@ const D = {
     onResize: function() {
     },
     startHelp: function() {
-      this.isInHelp === !1 && (this.helpMode = !0, window.addEventListener("mousedown", this.checkEndHelpMouseDown), this.isInHelp = !0);
+      this != null && this.alive && 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(() => {
@@ -652,7 +656,8 @@ const D = {
       connectivityKnowledge: {},
       connectivityFilterOptions: {},
       connectivityFilterSources: {},
-      highlightDelay: void 0
+      highlightDelay: void 0,
+      alive: !0
     };
   },
   created: function() {

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

@@ -1,13 +1,13 @@
-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";
+import { _ as h, E as c, t as u, T as l, a as i } from "./index-_BTFPzpV.js";
+import { C as g } from "./ContentMixin-DXXhWj3L.js";
+import { D as v } from "./style-DqJAtv3f.js";
+import { FlatmapVuer as y } from "@abi-software/flatmapvuer";
+import { resolveComponent as r, openBlock as p, createElementBlock as M, createVNode as I, createBlock as C, createCommentVNode as S } from "vue";
 const w = {
   name: "Flatmap",
-  mixins: [g, y],
+  mixins: [g, v],
   components: {
-    FlatmapVuer: M,
+    FlatmapVuer: y,
     HelpModeDialog: c
   },
   methods: {
@@ -26,17 +26,17 @@ const w = {
     },
     flatmaprResourceSelected: function(e, t) {
       if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
-        const a = {
+        const n = {
           label: t.label || "",
           id: t.feature.id || "",
           featureId: t.feature.featureId || "",
           taxonomy: t.taxonomy || "",
           resources: t.resource.join(", ")
-        }, n = u(a);
+        }, a = u(n);
         l.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
-          category: n,
+          category: a,
           location: e + " " + this.$refs.flatmap.viewingMode
         });
       }
@@ -46,21 +46,21 @@ const w = {
       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: s } = e;
+      const { label: t, property: n, checked: a, selectionsTitle: s } = e;
       l.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
-        category: t + " [" + a + "] " + n,
+        category: t + " [" + n + "] " + a,
         location: s
       });
     },
     highlightFeatures: function(e) {
       let t = e.name;
-      const a = this.$refs.flatmap.mapImp;
+      const n = this.$refs.flatmap.mapImp;
       if (t) {
-        const n = a.search(t);
-        n.featureIds[0] && a.highlightFeatures([
-          a.modelForFeature(n.featureIds[0])
+        const a = n.search(t);
+        a.featureIds[0] && n.highlightFeatures([
+          n.modelForFeature(a.featureIds[0])
         ]);
       }
     },
@@ -69,24 +69,24 @@ const w = {
      */
     searchSuggestions: function(e, t) {
       if (e && this.$refs.flatmap.mapImp) {
-        const a = this.$refs.flatmap.mapImp.search(e);
-        (a.__featureIds || a.featureIds).forEach((s) => {
+        const n = this.$refs.flatmap.mapImp.search(e);
+        (n.__featureIds || n.featureIds).forEach((s) => {
           const o = this.$refs.flatmap.mapImp.annotation(s);
           o && o.label && t.push(o.label);
         });
       }
     },
     zoomToFeatures: function(e, t) {
-      let a = e.name;
-      const n = this.$refs.flatmap.mapImp;
-      if (a) {
-        const s = n.search(a);
+      let n = e.name;
+      const a = this.$refs.flatmap.mapImp;
+      if (n) {
+        const s = a.search(n);
         if (s.featureIds.length) {
-          let o = n.modelForFeature(s.featureIds[0]);
-          o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
+          let o = a.modelForFeature(s.featureIds[0]);
+          o ? (t && a.selectFeatures(o), a.zoomToFeatures(o)) : a.clearSearchResults();
         }
       } else
-        n.clearSearchResults();
+        a.clearSearchResults();
     },
     changeViewingMode: function(e) {
       this.$refs.flatmap.changeViewingMode(e);
@@ -95,11 +95,11 @@ const w = {
       const {
         backgroundDisplay: e,
         viewingMode: t,
-        flightPathDisplay: a,
-        organsDisplay: n,
+        flightPathDisplay: n,
+        organsDisplay: a,
         outlines: s
       } = this.settingsStore.globalSettings, o = this.$refs.flatmap;
-      o.changeViewingMode(t), o.setFlightPath3D(a), o.setColour(n), o.setOutlines(s), o.backgroundChangeCallback(e);
+      o.changeViewingMode(t), o.setFlightPath3D(n), o.setColour(a), o.setOutlines(s), o.backgroundChangeCallback(e);
     }
   },
   computed: {
@@ -109,37 +109,41 @@ const w = {
   },
   mounted: function() {
     i.on("annotation-close", () => {
-      this.$refs.flatmap && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
+      this != null && this.alive && this.$refs.flatmap && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
     }), i.on("markerUpdate", () => {
-      this.flatmapMarkerUpdate(void 0);
+      this != null && this.alive && this.flatmapMarkerUpdate(void 0);
     }), i.on("hoverUpdate", () => {
-      this.cardHoverHighlight();
+      this != null && this.alive && this.cardHoverHighlight();
     }), i.on("viewingModeUpdate", (e) => {
-      this.$refs.flatmap.changeViewingMode(e);
+      this != null && this.alive && this.$refs.flatmap.changeViewingMode(e);
     }), i.on("flightPathUpdate", (e) => {
-      this.$refs.flatmap.setFlightPath3D(e);
+      this != null && this.alive && this.$refs.flatmap.setFlightPath3D(e);
     }), i.on("organsDisplayUpdate", (e) => {
-      this.$refs.flatmap.setColour(e);
+      this != null && this.alive && this.$refs.flatmap.setColour(e);
     }), i.on("outlinesDisplayUpdate", (e) => {
-      this.$refs.flatmap.setOutlines(e);
+      this != null && this.alive && this.$refs.flatmap.setOutlines(e);
     }), i.on("backgroundDisplayUpdate", (e) => {
-      this.$refs.flatmap.backgroundChangeCallback(e);
+      this != null && this.alive && this.$refs.flatmap.backgroundChangeCallback(e);
     }), i.on("show-connectivity", (e) => {
-      const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
-      n && n.moveMap(t, {
-        offsetX: a ? -150 : 0,
-        zoom: 4
-      });
+      if (this != null && this.alive) {
+        const { featureIds: t, offset: n } = e, a = this.$refs.flatmap;
+        a && a.moveMap(t, {
+          offsetX: n ? -150 : 0,
+          zoom: 4
+        });
+      }
     }), i.on("show-reference-connectivities", (e) => {
-      const t = this.$refs.flatmap;
-      t && t.showConnectivitiesByReference(e);
+      if (this != null && this.alive) {
+        const t = this.$refs.flatmap;
+        t && t.showConnectivitiesByReference(e);
+      }
     });
   }
 }, b = { class: "viewer-container" };
-function F(e, t, a, n, s, o) {
+function F(e, t, n, a, s, o) {
   const f = r("FlatmapVuer"), m = r("HelpModeDialog");
-  return p(), I("div", b, [
-    v(f, {
+  return p(), M("div", b, [
+    I(f, {
       state: e.entry.state,
       entry: e.entry.resource,
       mapManager: e.mapManager,
@@ -187,7 +191,7 @@ function F(e, t, a, n, s, o) {
     }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
   ]);
 }
-const P = /* @__PURE__ */ h(w, [["render", F], ["__scopeId", "data-v-b2faff4c"]]);
+const P = /* @__PURE__ */ h(w, [["render", F], ["__scopeId", "data-v-f13488fd"]]);
 export {
   P as default
 };

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

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

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

@@ -1,6 +1,6 @@
-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 { _ as d, E as h, b as g, g as y, a as s, t as v, T as p } from "./index-_BTFPzpV.js";
+import { C as M } from "./ContentMixin-DXXhWj3L.js";
+import { D as C } from "./style-DqJAtv3f.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) => {
@@ -31,7 +31,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
   return t;
 }, R = {
   name: "MultiFlatmap",
-  mixins: [v, C],
+  mixins: [M, C],
   components: {
     MultiFlatmapVuer: S,
     HelpModeDialog: h
@@ -103,9 +103,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       const a = this.$refs.multiflatmap.getCurrentFlatmap();
       if (e && a.mapImp) {
         const n = a.mapImp.search(e);
-        (n.__featureIds || n.featureIds).forEach((i) => {
-          const r = a.mapImp.annotation(i);
-          r && r.label && t.push(r.label);
+        (n.__featureIds || n.featureIds).forEach((o) => {
+          const l = a.mapImp.annotation(o);
+          l && l.label && t.push(l.label);
         });
       }
     },
@@ -118,22 +118,22 @@ const b = '<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 = M(n);
+        }, i = v(n);
         p.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
-          category: o,
+          category: i,
           location: e + " " + a.viewingMode
         });
       }
     },
     onPathwaySelectionChanged: function(e) {
-      const { label: t, property: a, checked: n, selectionsTitle: o } = e;
+      const { label: t, property: a, checked: n, selectionsTitle: i } = e;
       p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
         category: t + " [" + a + "] " + n,
-        location: o
+        location: i
       });
     },
     onOpenPubmedUrl: function(e) {
@@ -149,13 +149,13 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
      */
     handleSyncPanZoomEvent: function(e) {
       if (!this.mouseHovered && e.type !== this.entry.type) {
-        const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, i = Math.max(o, n);
-        let r = o / i / t;
-        const l = n / i / t, m = [
-          a[0] / 2 + 0.5 - r / 2,
-          0.5 - a[1] / 2 - l / 2
+        const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, i = this.$el.clientWidth, o = Math.max(i, n);
+        let l = i / o / t;
+        const r = n / o / t, m = [
+          a[0] / 2 + 0.5 - l / 2,
+          0.5 - a[1] / 2 - r / 2
         ];
-        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [r, l]);
+        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [l, r]);
       }
     },
     displayTooltip: function(e) {
@@ -168,8 +168,8 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       let a = e.name;
       const n = this.$refs.multiflatmap.getCurrentFlatmap().mapImp;
       if (a) {
-        const o = n.search(a);
-        o.featureIds.length > 0 ? (t && n.selectFeatures(o.featureIds), n.zoomToFeatures(o.featureIds)) : n.clearSearchResults();
+        const i = n.search(a);
+        i.featureIds.length > 0 ? (t && n.selectFeatures(i.featureIds), n.zoomToFeatures(i.featureIds)) : n.clearSearchResults();
       } else
         n.clearSearchResults();
     },
@@ -230,18 +230,18 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       const n = this.settingsStore.featuredMarkerSpecies[t];
       if (n && !this.activeSpecies.startsWith(n))
         return !1;
-      let o = a;
-      if (o || (o = this.getFlatmapImp()), o) {
-        let i = document.createElement("div");
-        i.innerHTML = b;
-        const r = o.addMarker(e, {
-          element: i,
+      let i = a;
+      if (i || (i = this.getFlatmapImp()), i) {
+        let o = document.createElement("div");
+        o.innerHTML = b;
+        const l = i.addMarker(e, {
+          element: o,
           className: "highlight-marker",
           cluster: !1
         });
         return this.settingsStore.updateFeaturedMarkerIdentifier({
           index: t,
-          markerIdentifier: r
+          markerIdentifier: l
         }), !0;
       }
       return !1;
@@ -253,10 +253,10 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
     },
     showConnectivityTooltips: function(e) {
-      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().showConnectivityTooltips(e);
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().showConnectivityTooltips(e);
     },
     changeConnectivitySource: function(e) {
-      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeConnectivitySource(e);
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeConnectivitySource(e);
     },
     updateSettings: function() {
       const {
@@ -264,11 +264,11 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
         viewingMode: t,
         flightPathDisplay: a,
         organsDisplay: n,
-        outlines: o
+        outlines: i
       } = 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);
+        const o = this.$refs.multiflatmap.getCurrentFlatmap();
+        o.changeViewingMode(t), o.setFlightPath3D(a), o.setColour(n), o.setOutlines(i), o.backgroundChangeCallback(e);
       }
     }
   },
@@ -290,10 +290,10 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
   },
   mounted: function() {
     this.getFeaturedDatasets(), s.on("annotation-close", () => {
-      this.flatmapReady && this.$refs.multiflatmap && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
     }), s.on("show-connectivity", (e) => {
       const { featureIds: t, offset: a } = e;
-      if (this.flatmapReady && this.$refs.multiflatmap) {
+      if (this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap) {
         const n = this.$refs.multiflatmap.getCurrentFlatmap();
         n && n.moveMap(t, {
           offsetX: a ? -150 : 0,
@@ -301,7 +301,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
         });
       }
     }), s.on("show-reference-connectivities", (e) => {
-      if (this.flatmapReady && this.$refs.multiflatmap) {
+      if (this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap) {
         const t = this.$refs.multiflatmap.getCurrentFlatmap();
         t && t.showConnectivitiesByReference(e);
       }
@@ -310,32 +310,32 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     }), s.on("connectivity-source-change", (e) => {
       this.changeConnectivitySource(e);
     }), s.on("markerUpdate", () => {
-      this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
+      this != null && this.alive && this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
     }), s.on("hoverUpdate", () => {
-      this.flatmapReady && this.cardHoverHighlight();
+      this != null && this.alive && this.flatmapReady && this.cardHoverHighlight();
     }), s.on("viewingModeUpdate", (e) => {
-      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
     }), s.on("flightPathUpdate", (e) => {
-      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setFlightPath3D(e);
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setFlightPath3D(e);
     }), s.on("organsDisplayUpdate", (e) => {
-      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setColour(e);
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setColour(e);
     }), s.on("outlinesDisplayUpdate", (e) => {
-      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setOutlines(e);
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setOutlines(e);
     }), s.on("backgroundDisplayUpdate", (e) => {
-      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().backgroundChangeCallback(e);
+      this != null && this.alive && this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().backgroundChangeCallback(e);
     });
   }
 }, O = { class: "viewer-container" };
-function L(e, t, a, n, o, i) {
-  const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
+function L(e, t, a, n, i, o) {
+  const l = f("MultiFlatmapVuer"), r = f("HelpModeDialog");
   return c(), F("div", O, [
-    I(r, {
+    I(l, {
       availableSpecies: e.availableSpecies,
-      onFlatmapChanged: i.flatmapChanged,
-      onReady: i.multiFlatmapReady,
+      onFlatmapChanged: o.flatmapChanged,
+      onReady: o.multiFlatmapReady,
       state: e.entry.state,
       mapManager: e.mapManager,
-      onResourceSelected: t[0] || (t[0] = (m) => i.flatmaprResourceSelected(e.entry.type, m)),
+      onResourceSelected: t[0] || (t[0] = (m) => o.flatmaprResourceSelected(e.entry.type, m)),
       style: { height: "100%", width: "100%" },
       initial: e.entry.resource,
       helpMode: e.helpMode,
@@ -361,15 +361,15 @@ function L(e, t, a, n, o, i) {
       sparcAPI: e.apiLocation,
       showLocalSettings: e.showLocalSettings,
       showOpenMapButton: e.showOpenMapButton,
-      onPanZoomCallback: i.flatmapPanZoomCallback,
+      onPanZoomCallback: o.flatmapPanZoomCallback,
       onOpenMap: e.openMap,
       onFinishHelpMode: e.endHelp,
-      onPathwaySelectionChanged: i.onPathwaySelectionChanged,
-      onOpenPubmedUrl: i.onOpenPubmedUrl,
+      onPathwaySelectionChanged: o.onPathwaySelectionChanged,
+      onOpenPubmedUrl: o.onOpenPubmedUrl,
       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, {
+    e.helpMode && e.useHelpModeDialog ? (c(), w(r, {
       key: 0,
       ref: "multiflatmapHelp",
       multiflatmapRef: e.multiflatmapRef,
@@ -379,7 +379,7 @@ function L(e, t, a, n, o, i) {
     }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : k("", !0)
   ]);
 }
-const E = /* @__PURE__ */ d(R, [["render", L], ["__scopeId", "data-v-eef77976"]]);
+const D = /* @__PURE__ */ d(R, [["render", L], ["__scopeId", "data-v-fa8acc9f"]]);
 export {
-  E as default
+  D as default
 };

package/dist/{Plot-x7fR8yUx.js → Plot-B3waT3eW.js}

@@ -1,7 +1,7 @@
 import { PlotVuer as o } from "@abi-software/plotvuer";
-import { C as r } from "./ContentMixin-W2PTyJZz.js";
+import { C as r } from "./ContentMixin-DXXhWj3L.js";
 import { resolveComponent as a, openBlock as n, createBlock as s } from "vue";
-import { _ as m } from "./index-DMpfPm6s.js";
+import { _ as m } from "./index-_BTFPzpV.js";
 const p = {
   name: "Plot",
   mixins: [r],

package/dist/{Scaffold-CfDMtWBm.js → Scaffold-D1SvYdhM.js}

@@ -1,8 +1,8 @@
-import { _ as p, k as c, E as l } from "./index-DMpfPm6s.js";
-import { C as g } from "./ContentMixin-W2PTyJZz.js";
+import { _ as p, E as c, a as l } from "./index-_BTFPzpV.js";
+import { C as g } from "./ContentMixin-DXXhWj3L.js";
 import { ScaffoldVuer as u } from "@abi-software/scaffoldvuer";
 import { resolveComponent as f, openBlock as r, createElementBlock as m, createVNode as y, createBlock as M, createCommentVNode as S } from "vue";
-const w = {
+const v = {
   name: "Scaffold",
   mixins: [g],
   components: {
@@ -132,17 +132,17 @@ const w = {
     this.scaffoldCamera = this.$refs.scaffold.$module.scene.getZincCameraControls(), l.on("startHelp", () => {
       this.startHelp();
     }), l.on("hoverUpdate", () => {
-      this.scaffoldLoaded && this.cardHoverHighlight();
+      this.scaffoldLoaded && (this != null && this.alive) && this.cardHoverHighlight();
     }), l.on("backgroundDisplayUpdate", (e) => {
-      this.$refs.scaffold.backgroundChangeCallback(e);
+      this != null && this.alive && this.$refs.scaffold.backgroundChangeCallback(e);
     }), l.on("viewingModeUpdate", (e) => {
-      this.$refs.scaffold.changeViewingMode(e);
+      this != null && this.alive && this.$refs.scaffold.changeViewingMode(e);
     });
   }
-}, v = { class: "viewer-container" };
+}, w = { class: "viewer-container" };
 function b(e, o, t, a, i, n) {
   const d = f("ScaffoldVuer"), h = f("HelpModeDialog");
-  return r(), m("div", v, [
+  return r(), m("div", w, [
     y(d, {
       state: e.entry.state,
       url: e.entry.resource,
@@ -188,7 +188,7 @@ function b(e, o, t, a, i, n) {
     }, null, 8, ["scaffoldRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
   ]);
 }
-const k = /* @__PURE__ */ p(w, [["render", b], ["__scopeId", "data-v-57714f72"]]);
+const I = /* @__PURE__ */ p(v, [["render", b], ["__scopeId", "data-v-92444a7f"]]);
 export {
-  k as default
+  I as default
 };

package/dist/{Simulation-BOhCaUMa.js → Simulation-DEcCnsZ0.js}

@@ -1,7 +1,7 @@
-import { C as i } from "./ContentMixin-W2PTyJZz.js";
+import { C as i } from "./ContentMixin-DXXhWj3L.js";
 import { SimulationVuer as t } from "@abi-software/simulationvuer";
 import { resolveComponent as e, openBlock as r, createBlock as a } from "vue";
-import { _ as m } from "./index-DMpfPm6s.js";
+import { _ as m } from "./index-_BTFPzpV.js";
 const c = {
   name: "Simulation",
   mixins: [i],