@abi-software/mapintegratedvuer 1.1.0-beta.5 → 1.1.0

package/dist/{MultiFlatmap-BIT2tVyE.js → MultiFlatmap-CFF8nyw2.js}

@@ -1,9 +1,9 @@
-import { _ as u, a as f, g as d, E as l, t as h, T as p } from "./index-DIFC-Q9x.js";
-import { C as y } from "./flatmapvuer-BM5z_95w.js";
-import { C as g } from "./ContentMixin-C35Jowvp.js";
-import { D as M } from "./style-B-Ps72EF.js";
-import { resolveComponent as v, openBlock as I, createBlock as S } from "vue";
-const C = '<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>', m = (e) => {
+import { _ as c, a as h, g as M, E as l, t as g, T as p } from "./index-CpppckRD.js";
+import { D as y, B as v } from "./flatmapvuer-C67b_5lI.js";
+import { C as S } from "./ContentMixin-Belbk7R9.js";
+import { D as I } from "./style-CdEDV2B6.js";
+import { resolveComponent as d, openBlock as f, createElementBlock as k, Fragment as C, createVNode as F, createBlock as w, createCommentVNode as R } from "vue";
+const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><path d="M11.0748 3.25583C11.4141 2.42845 12.5859 2.42845 12.9252 3.25583L14.6493 7.45955C14.793 7.80979 15.1221 8.04889 15.4995 8.07727L20.0303 8.41798C20.922 8.48504 21.2841 9.59942 20.6021 10.1778L17.1369 13.1166C16.8482 13.3614 16.7225 13.7483 16.8122 14.1161L17.8882 18.5304C18.1 19.3992 17.152 20.0879 16.3912 19.618L12.5255 17.2305C12.2034 17.0316 11.7966 17.0316 11.4745 17.2305L7.60881 19.618C6.84796 20.0879 5.90001 19.3992 6.1118 18.5304L7.18785 14.1161C7.2775 13.7483 7.1518 13.3614 6.86309 13.1166L3.3979 10.1778C2.71588 9.59942 3.07796 8.48504 3.96971 8.41798L8.50046 8.07727C8.87794 8.04889 9.20704 7.80979 9.35068 7.45955L11.0748 3.25583Z" stroke="#000000" stroke-width="2"/></svg>', u = (e) => {
   const t = [
     {
       display: "Open AC Map",
@@ -29,20 +29,21 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       break;
   }
   return t;
-}, k = {
+}, H = {
   name: "MultiFlatmap",
-  mixins: [g, M],
+  mixins: [S, I],
   components: {
-    MultiFlatmapVuer: y
+    MultiFlatmapVuer: y,
+    HelpModeDialog: v
   },
   data: function() {
     return {
       zoomLevel: 6,
       flatmapReady: !1,
-      availableSpecies: f(),
+      availableSpecies: h(),
       scaffoldResource: {},
       showStarInLegend: !1,
-      openMapOptions: m("Rat")
+      openMapOptions: u("Rat")
     };
   },
   methods: {
@@ -60,7 +61,7 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           title: "View 3D scaffold",
           layout: "2horpanel",
           type: "SyncMap"
-        } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await d(this.apiLocation, "human")), e = {
+        } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await M(this.apiLocation, "human")), e = {
           contextCardUrl: this.scaffoldResource.human.datasetInfo.contextCardUrl,
           discoverId: this.scaffoldResource.human.datasetInfo.discoverId,
           s3uri: this.scaffoldResource.human.datasetInfo.s3uri,
@@ -87,7 +88,7 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           payload: e,
           type: this.entry.type
         };
-        this.$emit("resource-selected", t);
+        this.flatmapMarkerZoomUpdate(!1, void 0), this.$emit("resource-selected", t);
       }
     },
     /**
@@ -101,9 +102,9 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
      */
     searchSuggestions: function(e, t) {
       const a = this.$refs.multiflatmap.getCurrentFlatmap();
-      e && a.mapImp && a.mapImp.search(e).__featureIds.forEach((s) => {
-        const i = a.mapImp.annotation(s);
-        i && i.label && t.push(i.label);
+      e && a.mapImp && a.mapImp.search(e).__featureIds.forEach((o) => {
+        const s = a.mapImp.annotation(o);
+        s && s.label && t.push(s.label);
       });
     },
     flatmaprResourceSelected: function(e, t) {
@@ -115,22 +116,22 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           featureId: t.feature.featureId || "",
           taxonomy: t.taxonomy || "",
           resources: t.resource.join(", ")
-        }, s = h(n);
+        }, o = g(n);
         p.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
-          category: s,
+          category: o,
           location: e + " " + a.viewingMode
         });
       }
     },
     onPathwaySelectionChanged: function(e) {
-      const { label: t, property: a, checked: n, selectionsTitle: s } = e;
+      const { label: t, property: a, checked: n, selectionsTitle: o } = e;
       p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
         category: t + " [" + a + "] " + n,
-        location: s
+        location: o
       });
     },
     onOpenPubmedUrl: function(e) {
@@ -146,13 +147,13 @@ const C = '<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, s = this.$el.clientWidth, i = Math.max(s, n);
-        let r = s / i / t;
-        const o = n / i / t, c = [
-          a[0] / 2 + 0.5 - r / 2,
-          0.5 - a[1] / 2 - o / 2
+        const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, s = Math.max(o, n);
+        let i = o / s / t;
+        const r = n / s / t, m = [
+          a[0] / 2 + 0.5 - i / 2,
+          0.5 - a[1] / 2 - r / 2
         ];
-        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(c, [r, o]);
+        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [i, r]), this.flatmapMarkerZoomUpdate(!1, void 0);
       }
     },
     displayTooltip: function(e) {
@@ -165,8 +166,8 @@ const C = '<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 s = n.search(a);
-        s.featureIds.length > 0 ? (t && n.selectFeatures(s.featureIds), n.zoomToFeatures(s.featureIds)) : n.clearSearchResults();
+        const o = n.search(a);
+        o.featureIds.length > 0 ? (t && n.selectFeatures(o.featureIds), n.zoomToFeatures(o.featureIds)) : n.clearSearchResults();
       } else
         n.clearSearchResults();
     },
@@ -186,7 +187,7 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       }
     },
     flatmapChanged: async function(e) {
-      this.activeSpecies = e, this.openMapOptions = m(e), this.$emit("species-changed", e), this.entry.state && this.entry.state.species === this.activeSpecies || this.syncMode == !0 && await this.toggleSyncMode(), this.updateProvCard(), p.sendEvent({
+      this.activeSpecies = e, this.openMapOptions = u(e), this.$emit("species-changed", e), this.entry.state && this.entry.state.species === this.activeSpecies || this.syncMode == !0 && await this.toggleSyncMode(), this.updateProvCard(), p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_species_change",
         category: this.activeSpecies
@@ -196,11 +197,11 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       if (e) {
         e.enablePanZoomEvents(!0), this.flatmapReady = !0;
         const t = e.mapImp;
-        this.flatmapMarkerUpdate(t), this.updateProvCard();
+        this.flatmapMarkerZoomUpdate(!0, t), this.updateProvCard();
       }
     },
     getFlatmapImp: function() {
-      if (this.entry.type === "MultiFlatmap" && this.flatmapReady)
+      if (this.entry.type === "MultiFlatmap" && this.flatmapReady && this.$refs.multiflatmap)
         return this.$refs.multiflatmap.getCurrentFlatmap().mapImp;
     },
     flatmapAreaSearch() {
@@ -225,18 +226,18 @@ const C = '<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 s = a;
-      if (s || (s = this.getFlatmapImp()), s) {
-        let i = document.createElement("div");
-        i.innerHTML = C;
-        const r = s.addMarker(e, {
-          element: i,
+      let o = a;
+      if (o || (o = this.getFlatmapImp()), o) {
+        let s = document.createElement("div");
+        s.innerHTML = b;
+        const i = o.addMarker(e, {
+          element: s,
           className: "highlight-marker",
           cluster: !1
         });
         return this.settingsStore.updateFeaturedMarkerIdentifier({
           index: t,
-          markerIdentifier: r
+          markerIdentifier: i
         }), !0;
       }
       return !1;
@@ -260,35 +261,51 @@ const C = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
   },
   mounted: function() {
     this.getAvailableTerms(), this.getFeaturedDatasets(), l.on("markerUpdate", () => {
-      this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
+      this.flatmapMarkerZoomUpdate(!0, void 0);
     });
   }
 };
-function F(e, t, a, n, s, i) {
-  const r = v("MultiFlatmapVuer");
-  return I(), S(r, {
-    availableSpecies: e.availableSpecies,
-    onFlatmapChanged: i.flatmapChanged,
-    onReady: i.multiFlatmapReady,
-    state: e.entry.state,
-    onResourceSelected: t[0] || (t[0] = (o) => i.flatmaprResourceSelected(e.entry.type, o)),
-    style: { height: "100%", width: "100%" },
-    initial: e.entry.resource,
-    helpMode: e.helpMode,
-    ref: "multiflatmap",
-    displayMinimap: !0,
-    showStarInLegend: e.showStarInLegend,
-    enableOpenMapUI: !0,
-    openMapOptions: e.openMapOptions,
-    flatmapAPI: e.flatmapAPI,
-    sparcAPI: e.apiLocation,
-    onPanZoomCallback: i.flatmapPanZoomCallback,
-    onOpenMap: e.openMap,
-    onPathwaySelectionChanged: i.onPathwaySelectionChanged,
-    onOpenPubmedUrl: i.onOpenPubmedUrl
-  }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onPathwaySelectionChanged", "onOpenPubmedUrl"]);
+function P(e, t, a, n, o, s) {
+  const i = d("MultiFlatmapVuer"), r = d("HelpModeDialog");
+  return f(), k(C, null, [
+    F(i, {
+      availableSpecies: e.availableSpecies,
+      onFlatmapChanged: s.flatmapChanged,
+      onReady: s.multiFlatmapReady,
+      state: e.entry.state,
+      onResourceSelected: t[0] || (t[0] = (m) => s.flatmaprResourceSelected(e.entry.type, m)),
+      style: { height: "100%", width: "100%" },
+      initial: e.entry.resource,
+      helpMode: e.helpMode,
+      helpModeActiveItem: e.helpModeActiveItem,
+      helpModeDialog: e.useHelpModeDialog,
+      onHelpModeLastItem: e.onHelpModeLastItem,
+      onShownTooltip: e.onTooltipShown,
+      onShownMapTooltip: e.onMapTooltipShown,
+      ref: "multiflatmap",
+      displayMinimap: !0,
+      showStarInLegend: e.showStarInLegend,
+      enableOpenMapUI: !0,
+      openMapOptions: e.openMapOptions,
+      flatmapAPI: e.flatmapAPI,
+      sparcAPI: e.apiLocation,
+      onPanZoomCallback: s.flatmapPanZoomCallback,
+      onOpenMap: e.openMap,
+      onFinishHelpMode: e.endHelp,
+      onPathwaySelectionChanged: s.onPathwaySelectionChanged,
+      onOpenPubmedUrl: s.onOpenPubmedUrl
+    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
+    e.helpMode && e.useHelpModeDialog ? (f(), w(r, {
+      key: 0,
+      ref: "multiflatmapHelp",
+      multiflatmapRef: e.multiflatmapRef,
+      lastItem: e.helpModeLastItem,
+      onShowNext: e.onHelpModeShowNext,
+      onFinishHelpMode: e.onFinishHelpMode
+    }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : R("", !0)
+  ], 64);
 }
-const L = /* @__PURE__ */ u(k, [["render", F], ["__scopeId", "data-v-5d50aea0"]]);
+const A = /* @__PURE__ */ c(H, [["render", P], ["__scopeId", "data-v-1e345eca"]]);
 export {
-  L as default
+  A as default
 };

package/dist/{Plot-B9xsWP2v.js → Plot-BpS4tvSe.js}

@@ -1,7 +1,7 @@
 import { C as o } from "./plotvuer-X4h-Lj3L.js";
-import { C as a } from "./ContentMixin-C35Jowvp.js";
+import { C as a } from "./ContentMixin-Belbk7R9.js";
 import { resolveComponent as r, openBlock as n, createBlock as s } from "vue";
-import { _ as m } from "./index-DIFC-Q9x.js";
+import { _ as m } from "./index-CpppckRD.js";
 const p = {
   name: "Plot",
   mixins: [a],