@abi-software/mapintegratedvuer 1.6.3 → 1.6.4-beta.0

package/cypress.config.js

@@ -1,4 +1,6 @@
 
+import { configureVisualRegression } from 'cypress-visual-regression';
+
 export default {
   defaultCommandTimeout: 10000,
   reporter: "junit",
@@ -17,6 +19,15 @@ export default {
       framework: "vue",
       bundler: "vite",
     },
+    env: {
+      visualRegressionType: 'regression',
+      visualRegressionGenerateDiff: 'always',
+      visualRegressionFailSilently: false
+    },
+    screenshotsFolder: './cypress/snapshots/actual',
+    setupNodeEvents(on, config) {
+      configureVisualRegression(on)
+    },
   },
   video: true,
   videoCompression: true,

package/dist/{ContentMixin-CWtYskLS.js → ContentMixin-ONv_Sw06.js}

@@ -1,5 +1,5 @@
 import "vue";
-import { u as p, b as g, E as l, T as y, c as m, d as w } from "./index-BGGZxwXr.js";
+import { u as p, b as g, E as l, T as y, c as m, d as w } from "./index-C5HdWlzX.js";
 import { mapStores as A } from "pinia";
 let c = 7, s = 5;
 const v = [
@@ -256,7 +256,7 @@ const v = [
 function N(e) {
   return e[0].toUpperCase() + e.substring(1);
 }
-const B = {
+const O = {
   emits: ["flatmap-provenance-ready", "resource-selected", "species-changed"],
   props: {
     /**
@@ -304,6 +304,9 @@ const B = {
     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();
     },
+    onMapmanagerLoaded: function(e) {
+      this.settingsStore.updateMapManager(e);
+    },
     trackOpenMap: function(e) {
       y.sendEvent({
         event: "interaction_event",
@@ -575,11 +578,12 @@ const B = {
       scaffoldRef: null,
       scaffoldLoaded: !1,
       isInHelp: !1,
-      hoverDelay: void 0
+      hoverDelay: void 0,
+      mapManager: 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);
+    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) {
@@ -588,5 +592,5 @@ const B = {
   }
 };
 export {
-  B as C
+  O as C
 };

package/dist/{Flatmap-BsxLzsr9.js → Flatmap-DUQKg-6a.js}

@@ -1,12 +1,12 @@
-import { _ as d, K as h, t as u, T as r, E as l } from "./index-BGGZxwXr.js";
-import { C as I } from "./ContentMixin-CWtYskLS.js";
-import { D as v, Q as y } from "./style-CmiFzzZy.js";
-import { resolveComponent as s, openBlock as p, createElementBlock as g, createVNode as M, createBlock as S, createCommentVNode as C } from "vue";
+import { _ as c, j as h, t as u, T as l, E as r } from "./index-C5HdWlzX.js";
+import { C as I } from "./ContentMixin-ONv_Sw06.js";
+import { D as g, v as M } from "./style-CMKavN8A.js";
+import { resolveComponent as s, openBlock as p, createElementBlock as v, createVNode as y, createBlock as S, createCommentVNode as C } from "vue";
 const F = {
   name: "Flatmap",
-  mixins: [I, v],
+  mixins: [I, g],
   components: {
-    FlatmapVuer: y,
+    FlatmapVuer: M,
     HelpModeDialog: h
   },
   methods: {
@@ -23,69 +23,69 @@ const F = {
       var e;
       return (e = this.$refs.flatmap) == null ? void 0 : e.mapImp;
     },
-    flatmaprResourceSelected: function(e, t) {
-      if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
-        const a = {
-          label: t.label || "",
-          id: t.feature.id || "",
-          featureId: t.feature.featureId || "",
-          taxonomy: t.taxonomy || "",
-          resources: t.resource.join(", ")
-        }, n = u(a);
-        r.sendEvent({
+    flatmaprResourceSelected: function(e, a) {
+      if (this.resourceSelected(e, a), a.eventType === "click" && a.feature.type === "feature") {
+        const n = {
+          label: a.label || "",
+          id: a.feature.id || "",
+          featureId: a.feature.featureId || "",
+          taxonomy: a.taxonomy || "",
+          resources: a.resource.join(", ")
+        }, t = u(n);
+        l.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
-          category: n,
+          category: t,
           location: e + " " + this.$refs.flatmap.viewingMode
         });
       }
     },
     flatmapReadyCall: function(e) {
-      let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
-      l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), l.emit("mapLoaded", e);
+      let a = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
+      r.emit("mapImpProv", a), this.$emit("flatmap-provenance-ready", a), this.flatmapReadyForMarkerUpdates(e), r.emit("mapLoaded", e);
     },
     onPathwaySelectionChanged: function(e) {
-      const { label: t, property: a, checked: n, selectionsTitle: i } = e;
-      r.sendEvent({
+      const { label: a, property: n, checked: t, selectionsTitle: i } = e;
+      l.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
-        category: t + " [" + a + "] " + n,
+        category: a + " [" + n + "] " + t,
         location: i
       });
     },
     highlightFeatures: function(e) {
-      let t = e.name;
-      const a = this.$refs.flatmap.mapImp;
-      if (t) {
-        const n = a.search(t);
-        n.featureIds[0] && a.highlightFeatures([
-          a.modelForFeature(n.featureIds[0])
+      let a = e.name;
+      const n = this.$refs.flatmap.mapImp;
+      if (a) {
+        const t = n.search(a);
+        t.featureIds[0] && n.highlightFeatures([
+          n.modelForFeature(t.featureIds[0])
         ]);
       }
     },
     /**
      * Append the list of suggested terms to suggestions
      */
-    searchSuggestions: function(e, t) {
+    searchSuggestions: function(e, a) {
       if (e && this.$refs.flatmap.mapImp) {
-        const a = this.$refs.flatmap.mapImp.search(e);
-        (a.__featureIds || a.featureIds).forEach((i) => {
+        const n = this.$refs.flatmap.mapImp.search(e);
+        (n.__featureIds || n.featureIds).forEach((i) => {
           const o = this.$refs.flatmap.mapImp.annotation(i);
-          o && o.label && t.push(o.label);
+          o && o.label && a.push(o.label);
         });
       }
     },
-    zoomToFeatures: function(e, t) {
-      let a = e.name;
-      const n = this.$refs.flatmap.mapImp;
-      if (a) {
-        const i = n.search(a);
+    zoomToFeatures: function(e, a) {
+      let n = e.name;
+      const t = this.$refs.flatmap.mapImp;
+      if (n) {
+        const i = t.search(n);
         if (i.featureIds.length) {
-          let o = n.modelForFeature(i.featureIds[0]);
-          o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
+          let o = t.modelForFeature(i.featureIds[0]);
+          o ? (a && t.selectFeatures(o), t.zoomToFeatures(o)) : t.clearSearchResults();
         }
       } else
-        n.clearSearchResults();
+        t.clearSearchResults();
     },
     changeViewingMode: function(e) {
       this.$refs.flatmap.changeViewingMode(e);
@@ -97,29 +97,30 @@ const F = {
     }
   },
   mounted: function() {
-    l.on("annotation-close", (e) => {
-      const t = this.$refs.flatmap;
-      e != null && e.tabClose && t && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
-    }), l.on("markerUpdate", () => {
+    r.on("annotation-close", (e) => {
+      const a = this.$refs.flatmap;
+      e != null && e.tabClose && a && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
+    }), r.on("markerUpdate", () => {
       this.flatmapMarkerUpdate(void 0);
-    }), l.on("hoverUpdate", () => {
+    }), r.on("hoverUpdate", () => {
       this.mapHoverHighlight(this.$refs.flatmap.mapImp);
-    }), l.on("show-connectivity", (e) => {
-      const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
-      n && n.moveMap(t, {
-        offsetX: a ? -150 : 0,
+    }), r.on("show-connectivity", (e) => {
+      const { featureIds: a, offset: n } = e, t = this.$refs.flatmap;
+      t && t.moveMap(a, {
+        offsetX: n ? -150 : 0,
         zoom: 4
       });
     });
   }
 }, w = { class: "viewer-container" };
-function b(e, t, a, n, i, o) {
+function b(e, a, n, t, i, o) {
   const m = s("FlatmapVuer"), f = s("HelpModeDialog");
-  return p(), g("div", w, [
-    M(m, {
+  return p(), v("div", w, [
+    y(m, {
       state: e.entry.state,
       entry: e.entry.resource,
-      onResourceSelected: t[0] || (t[0] = (c) => o.flatmaprResourceSelected(e.entry.type, c)),
+      mapManager: e.mapManager,
+      onResourceSelected: a[0] || (a[0] = (d) => o.flatmaprResourceSelected(e.entry.type, d)),
       onPanZoomCallback: e.flatmapPanZoomCallback,
       name: e.entry.resource,
       style: { height: "100%", width: "100%" },
@@ -147,8 +148,9 @@ function b(e, t, a, n, i, o) {
       flatmapAPI: e.flatmapAPI,
       sparcAPI: e.apiLocation,
       onOpenMap: e.openMap,
-      onPathwaySelectionChanged: o.onPathwaySelectionChanged
-    }, null, 8, ["state", "entry", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged"]),
+      onPathwaySelectionChanged: o.onPathwaySelectionChanged,
+      onMapmanagerLoaded: e.onMapmanagerLoaded
+    }, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
     e.helpMode && e.useHelpModeDialog ? (p(), S(f, {
       key: 0,
       ref: "flatmapHelp",
@@ -159,7 +161,7 @@ function b(e, t, a, n, i, o) {
     }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
   ]);
 }
-const R = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-7635fa9b"]]);
+const R = /* @__PURE__ */ c(F, [["render", b], ["__scopeId", "data-v-9e155ca8"]]);
 export {
   R as default
 };

package/dist/{Iframe-Bsc3ZvDM.js → Iframe-BSj1859P.js}

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

package/dist/{MultiFlatmap-BoMGY3P5.js → MultiFlatmap-eeWlw7lD.js}

@@ -1,6 +1,6 @@
-import { _ as u, K as h, a as y, g, E as r, t as M, T as p } from "./index-BGGZxwXr.js";
-import { C as v } from "./ContentMixin-CWtYskLS.js";
-import { D as I, a as C } from "./style-CmiFzzZy.js";
+import { _ as u, j as h, a as y, g, E as r, t as M, T as p } from "./index-C5HdWlzX.js";
+import { C as v } from "./ContentMixin-ONv_Sw06.js";
+import { D as I, z as C } from "./style-CMKavN8A.js";
 import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as k, createCommentVNode as w } 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>', d = (e) => {
   const t = [
@@ -273,7 +273,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
   },
   mounted: function() {
     this.getFeaturedDatasets(), r.on("annotation-close", (e) => {
-      e != null && e.tabClose && this.$refs.multiflatmap.getCurrentFlatmap() && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
+      e != null && e.tabClose && this.flatmapReady && this.$refs.multiflatmap && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
     }), r.on("show-connectivity", (e) => {
       const { featureIds: t, offset: a } = e;
       if (this.flatmapReady && this.$refs.multiflatmap) {
@@ -300,6 +300,7 @@ function L(e, t, a, n, o, i) {
       onFlatmapChanged: i.flatmapChanged,
       onReady: i.multiFlatmapReady,
       state: e.entry.state,
+      mapManager: e.mapManager,
       onResourceSelected: t[0] || (t[0] = (m) => i.flatmaprResourceSelected(e.entry.type, m)),
       style: { height: "100%", width: "100%" },
       initial: e.entry.resource,
@@ -327,8 +328,9 @@ function L(e, t, a, n, o, i) {
       onOpenMap: e.openMap,
       onFinishHelpMode: e.endHelp,
       onPathwaySelectionChanged: i.onPathwaySelectionChanged,
-      onOpenPubmedUrl: i.onOpenPubmedUrl
-    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
+      onOpenPubmedUrl: i.onOpenPubmedUrl,
+      onMapmanagerLoaded: e.onMapmanagerLoaded
+    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
     e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
       key: 0,
       ref: "multiflatmapHelp",
@@ -339,7 +341,7 @@ function L(e, t, a, n, o, i) {
     }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
   ]);
 }
-const T = /* @__PURE__ */ u(R, [["render", L], ["__scopeId", "data-v-4282737c"]]);
+const T = /* @__PURE__ */ u(R, [["render", L], ["__scopeId", "data-v-f3105a40"]]);
 export {
   T as default
 };

package/dist/{Plot-BLZ6qDEp.js → Plot-DKju1R3N.js}

@@ -1,7 +1,7 @@
 import { y as o } from "./plotvuer-DSwGHaaa.js";
-import { C as a } from "./ContentMixin-CWtYskLS.js";
+import { C as a } from "./ContentMixin-ONv_Sw06.js";
 import { resolveComponent as r, openBlock as n, createBlock as s } from "vue";
-import { _ as m } from "./index-BGGZxwXr.js";
+import { _ as m } from "./index-C5HdWlzX.js";
 const p = {
   name: "Plot",
   mixins: [a],