@abi-software/mapintegratedvuer 1.9.0-externalise.1 → 1.9.1

package/src/stores/splitFlow.js

@@ -2,6 +2,7 @@ import { defineStore } from 'pinia';
 import {
   getAvailableTermsForSpecies,
 } from "../components/SimulatedData.js";
+import EventBus from '../components/EventBus.js';
 
 /* eslint-disable no-alert, no-console */
 const presetLayouts = (view) => {
@@ -12,13 +13,13 @@ const presetLayouts = (view) => {
         "pane-1": {content: true,  id: 1},
         "pane-2": {content: true,  id: 2},
       };
-    case "2vertpanel": 
+    case "2vertpanel":
       return {
         "split-1": {content: false, horizontal: false, children: ["pane-1", "pane-2"]},
         "pane-1": {content: true,  id: 1},
         "pane-2": {content: true,  id: 2},
       }
-    case "3panel": 
+    case "3panel":
       return {
         "split-1": {content: false, horizontal: false, children: ["pane-1", "split-2"]},
         "split-2": {content: false, horizontal: true, children: ["pane-2", "pane-3"]},
@@ -26,7 +27,7 @@ const presetLayouts = (view) => {
         "pane-2": {content: true,  id: 2},
         "pane-3": {content: true,  id: 3},
       }
-    case "4panel": 
+    case "4panel":
       return {
         "split-1": {content: false, horizontal: false, children: ["split-3", "split-2"]},
         "split-2": {content: false, horizontal: true, children: ["pane-2", "pane-3"]},
@@ -36,7 +37,7 @@ const presetLayouts = (view) => {
         "pane-3": {content: true,  id: 3},
         "pane-4": {content: true,  id: 4},
       }
-    case "5panel": 
+    case "5panel":
       return {
         "split-1": {content: false, horizontal: true, children: ["split-3", "split-2"]},
         "split-2": {content: false, horizontal: false, children: ["pane-2", "pane-3"]},
@@ -47,7 +48,7 @@ const presetLayouts = (view) => {
         "pane-4": {content: true,  id: 4},
         "pane-5": {content: true,  id: 5},
       }
-    case "6panel": 
+    case "6panel":
       return {
         "split-1": {content: false, horizontal: true, children: ["split-3", "split-2"]},
         "split-2": {content: false, horizontal: false, children: ["pane-2", "pane-3", "pane-5"]},
@@ -199,6 +200,7 @@ export const useSplitFlowStore = defineStore('splitFlow', {
       if (sourceKey) {
         this.customLayout[sourceKey].id = payload.target;
       }
+      this.updateSplitPanels();
     },
     getAvailableTerms(apiLocation) {
       let terms = getAvailableTermsForSpecies();
@@ -246,6 +248,7 @@ export const useSplitFlowStore = defineStore('splitFlow', {
       for (const [key, value] of Object.entries(customLayout)) {
         this.customLayout[key] = value;
       }
+      this.updateSplitPanels();
     },
     setSplitter(payload) {
       if (this.splitters[payload.name])
@@ -317,7 +320,7 @@ export const useSplitFlowStore = defineStore('splitFlow', {
     },
     setSyncMode(payload) {
       if (payload) {
-        //Force the second slot to be the new viewer in payload and change the 
+        //Force the second slot to be the new viewer in payload and change the
         //view to the payload's layout
         //this.customLayout["pane-2"].id = id;
         if (payload.flag === true) {
@@ -553,7 +556,11 @@ export const useSplitFlowStore = defineStore('splitFlow', {
             this.customLayout[key] = value;
           }
         }
+        this.updateSplitPanels();
       }
-    }
+    },
+    updateSplitPanels() {
+      EventBus.emit('species-layout-connectivity-update');
+    },
   }
 });

package/vite.bundle-build.js

@@ -12,16 +12,13 @@ export default defineConfig((configEnv) => {
       fileName: "mapintegratedvuer",
     },
     rollupOptions: {
-      external: ["vue", "pinia", "@abi-software/flatmapvuer", "@abi-software/plotvuer",
-        "@abi-software/scaffoldvuer", "@abi-software/simulationvuer"],
+      external: ["vue", "pinia", "@abi-software/plotvuer", "@abi-software/simulationvuer"],
       output: {
         globals: {
           vue: "Vue",
           pinia: "pinia",
-          "@abi-software/flatmapvuer": "flatmapvuer",
-          "@abi-software/plotvuer": "plotvuer",
-          "@abi-software/scaffoldvuer": "scaffoldvuer",
           "@abi-software/simulationvuer": "simulationvuer",
+          "@abi-software/plotvuer": "plotvuer",
         },
       },
     },

package/dist/Scaffold-D8WQMKgt.js

@@ -1,180 +0,0 @@
-import { _ as p, G as c, E as l } from "./index-DXbdAVdH.js";
-import { C as u } from "./ContentMixin-DuzUGOr7.js";
-import { ScaffoldVuer as m } from "@abi-software/scaffoldvuer";
-import { resolveComponent as r, openBlock as f, createElementBlock as g, createVNode as y, createBlock as M, createCommentVNode as S } from "vue";
-const v = {
-  name: "Scaffold",
-  mixins: [u],
-  components: {
-    ScaffoldVuer: m,
-    HelpModeDialog: c
-  },
-  methods: {
-    onResize: function() {
-      this.scaffoldCamera.onResize();
-    },
-    getState: function() {
-      return this.$refs.scaffold.getState();
-    },
-    /**
-     * Perform a local search on this contentvuer
-     */
-    search: function(e) {
-      return this.$refs.scaffold.search(e, !0);
-    },
-    searchSuggestions: function(e, o) {
-      if (e === "" || !this.$refs.scaffold)
-        return o;
-      this.$refs.scaffold.fetchSuggestions(e).forEach((a) => {
-        a.suggestion && o.push(a.suggestion);
-      });
-    },
-    /**
-     * Handle sync pan zoom event
-     */
-    handleSyncPanZoomEvent: function(e) {
-      if (!this.mouseHovered && e.type !== this.entry.type) {
-        const o = e.payload.origin, t = e.payload.size, a = [o[0] + t[0] / 2, o[1] + t[1] / 2], i = [
-          (a[0] - 0.5) * 2,
-          (0.5 - a[1]) * 2
-        ], n = 1 / Math.max(t[0], t[1]);
-        this.$refs.scaffold.$module.setSyncControlCenterZoom(
-          i,
-          n
-        );
-      }
-    },
-    displayTooltip: function(e) {
-      let o;
-      e && (o = e.name), o ? this.$refs.scaffold.search(o, !0) : this.$refs.scaffold.hideRegionTooltip();
-    },
-    zoomToFeatures: function(e, o) {
-      let t;
-      Array.isArray(e) ? t = e : t = [e.name], o && this.$refs.scaffold.changeActiveByName(t, "", !1), this.$refs.scaffold.viewRegion(t);
-    },
-    highlightFeatures: function(e) {
-      let o;
-      Array.isArray(e) ? o = e : o = [e.name], this.$refs.scaffold.changeHighlightedByName(o, "", !1);
-    },
-    scaffoldIsReady: function() {
-      if (this.scaffoldLoaded = !0, this.$refs.scaffold.$module.graphicsHighlight.highlightColour = [1, 0, 1], this.isVisible()) {
-        let e = "free";
-        this.entry.rotation && (e = this.entry.rotation), this.$refs.scaffold.toggleSyncControl(this.splitFlowStore.globalCallback, e), this.splitFlowStore.syncMode && this.$refs.scaffold.fitWindow();
-      }
-      l.emit("mapLoaded", this.$refs.scaffold);
-    },
-    requestSynchronisedEvent: function(e) {
-      if (this.scaffoldLoaded) {
-        let o = "free";
-        this.entry.rotation && (o = this.entry.rotation), this.$refs.scaffold.toggleSyncControl(e, o);
-      }
-    },
-    /**
-     * Callback when the vuers emit a selected event.
-     */
-    scaffoldHighlighted: function(e, o) {
-      var a, i, n;
-      const t = {
-        paneIndex: this.entry.id,
-        type: e,
-        resource: o,
-        internalName: void 0
-      };
-      o && o[0] && ((((a = o[0].data) == null ? void 0 : a.id) === void 0 || ((i = o[0].data) == null ? void 0 : i.id) === "") && (o[0].data.id = (n = o[0].data) == null ? void 0 : n.group), t.internalName = o[0].data.id, t.eventType = "highlighted"), this.$emit("resource-selected", t);
-    },
-    /**
-     * Callback when the vuers emit a selected event.
-     */
-    scaffoldNavigated: function(e, o) {
-      if (this.mouseHovered) {
-        const t = {
-          paneIndex: this.entry.id,
-          eventType: "panZoom",
-          payload: o,
-          type: e
-        };
-        this.$emit("resource-selected", t);
-      }
-    },
-    updateWithViewUrl: function(e) {
-      this.$refs.scaffold.updateViewURL(e);
-    },
-    /**
-     * Change the view mode of the current scaffold
-     */
-    changeViewingMode: function(e) {
-      this.$refs.scaffold.changeViewingMode(e);
-    }
-  },
-  computed: {
-    warningMessage: function() {
-      return this.entry.isBodyScaffold ? "This map displays the anatomical location and connectivity of nerves, through which the neuron populations from the ApiNATOMY models available in SCKAN can be routed." : "Under active development";
-    },
-    markerLabels: function() {
-      return this.settingsStore.globalSettings.displayMarkers ? this.settingsStore.numberOfDatasetsForFacets : {};
-    }
-  },
-  data: function() {
-    return {
-      apiLocation: process.env.VUE_APP_API_LOCATION,
-      scaffoldCamera: void 0,
-      scaffoldLoaded: !1
-    };
-  },
-  mounted: function() {
-    this.scaffoldCamera = this.$refs.scaffold.$module.scene.getZincCameraControls(), l.on("startHelp", () => {
-      this.startHelp();
-    }), l.on("hoverUpdate", () => {
-      this.scaffoldLoaded && this.cardHoverHighlight();
-    });
-  }
-}, w = { class: "viewer-container" };
-function H(e, o, t, a, i, n) {
-  const d = r("ScaffoldVuer"), h = r("HelpModeDialog");
-  return f(), g("div", w, [
-    y(d, {
-      state: e.entry.state,
-      url: e.entry.resource,
-      region: e.entry.region,
-      onScaffoldSelected: o[0] || (o[0] = (s) => e.resourceSelected(e.entry.type, s, !0)),
-      onScaffoldHighlighted: o[1] || (o[1] = (s) => n.scaffoldHighlighted(e.entry.type, s)),
-      onScaffoldNavigated: o[2] || (o[2] = (s) => n.scaffoldNavigated(e.entry.type, s)),
-      onOnReady: n.scaffoldIsReady,
-      onOpenMap: e.openMap,
-      ref: "scaffold",
-      "background-toggle": !0,
-      traditional: !0,
-      helpMode: e.helpMode,
-      helpModeActiveItem: e.helpModeActiveItem,
-      helpModeDialog: e.useHelpModeDialog,
-      onAnnotationOpen: e.onAnnotationOpen,
-      onAnnotationClose: e.onAnnotationClose,
-      annotationSidebar: e.annotationSidebar,
-      onHelpModeLastItem: e.onHelpModeLastItem,
-      onShownTooltip: e.onTooltipShown,
-      onShownMapTooltip: e.onMapTooltipShown,
-      render: e.visible,
-      "display-latest-message": !0,
-      "warning-message": n.warningMessage,
-      "display-minimap": !1,
-      "display-markers": !1,
-      enableOpenMapUI: !0,
-      "view-u-r-l": e.entry.viewUrl,
-      markerCluster: !0,
-      markerLabels: n.markerLabels,
-      flatmapAPI: e.flatmapAPI
-    }, null, 8, ["state", "url", "region", "onOnReady", "onOpenMap", "helpMode", "helpModeActiveItem", "helpModeDialog", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "render", "warning-message", "view-u-r-l", "markerLabels", "flatmapAPI"]),
-    e.helpMode && e.useHelpModeDialog ? (f(), M(h, {
-      key: 0,
-      ref: "scaffoldHelp",
-      scaffoldRef: e.scaffoldRef,
-      lastItem: e.helpModeLastItem,
-      onShowNext: e.onHelpModeShowNext,
-      onFinishHelpMode: e.onFinishHelpMode
-    }, null, 8, ["scaffoldRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
-  ]);
-}
-const b = /* @__PURE__ */ p(v, [["render", H], ["__scopeId", "data-v-fa031bde"]]);
-export {
-  b as default
-};

package/dist/style-D2AYtXeS.js

@@ -1,66 +0,0 @@
-import { mapStores as l } from "pinia";
-import { u as o } from "./index-DXbdAVdH.js";
-const p = function(t) {
-  return t ? [...new Set(t.map((e) => JSON.stringify(e)))].map(
-    (e) => JSON.parse(e)
-  ) : [];
-}, c = {
-  computed: {
-    ...l(o)
-  },
-  methods: {
-    flatmapPanZoomCallback: function(t) {
-      if (this.mouseHovered) {
-        const e = {
-          paneIndex: this.entry.id,
-          eventType: "panZoom",
-          payload: t,
-          type: this.entry.type
-        };
-        this.$emit("resource-selected", e);
-      }
-    },
-    /**
-    * Function used for updating the flatmap markers.
-    * We set the markers based on what was searched and the flatmap clusters them.
-    */
-    flatmapMarkerUpdate(t) {
-      if (!this.flatmapReady) return;
-      let e = t;
-      if (e || (e = this.getFlatmapImp()), e) {
-        let i = this.settingsStore.globalSettings.displayMarkers ? this.settingsStore.markers : [];
-        i = p(i);
-        let s = this.removeMarkersNotOnFlatmap(e, i);
-        if (e.clearMarkers(), e.clearDatasetMarkers(), this.entry.resource === "FunctionalConnectivity") {
-          let a = [];
-          for (let r = 0; r < s.length; r++)
-            a = a.concat(s[r].terms);
-          e.addMarkers(Array.from(new Set(a)), { className: "standard-marker", cluster: !1 });
-        } else
-          e.addDatasetMarkers(s);
-        this.entry.type === "MultiFlatmap" && this.restoreFeaturedMarkers(e);
-      }
-    },
-    // removeMarkersNotOnFlatmap: rewrites the dataset marker list to only include markers that are on the flatmap
-    removeMarkersNotOnFlatmap(t, e) {
-      let i = t.anatomicalIdentifiers, s = [];
-      for (let a = 0; a < e.length; a++) {
-        let r = e[a], n = { id: r.id, terms: [] };
-        for (let m = 0; m < r.terms.length; m++)
-          i.includes(r.terms[m]) && n.terms.push(r.terms[m]);
-        s.push(n);
-      }
-      return s;
-    },
-    flatmapReadyForMarkerUpdates: function(t) {
-      if (t) {
-        t.enablePanZoomEvents(!0), this.flatmapReady = !0;
-        const e = t.mapImp;
-        this.flatmapMarkerUpdate(e);
-      }
-    }
-  }
-};
-export {
-  c as D
-};