{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/MapContent.vue?vue&type=style&index=0&id=2ba089a6&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/MapContent.vue","mtime":1684565818321},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CkBpbXBvcnQgIkAvYXNzZXRzL3N0eWxlcyI7Ci5tYXAtaGVscC1kaWFsb2cgewogIHBvc2l0aW9uOiBmaXhlZDsKICB6LWluZGV4OiAyMDsKICBib3R0b206IDMwcHg7CiAgcmlnaHQ6IDMwcHg7Cn0KCi5tYXBjb250ZW50IHsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6MTAwJTsKICB6LWluZGV4OjE7Cn0KCg=="},{"version":3,"sources":["MapContent.vue"],"names":[],"mappings":";AAiNA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"MapContent.vue","sourceRoot":"src/components","sourcesContent":["<template>\n    <div class=\"mapcontent\" ref=\"MapApp\">\n      <map-svg-sprite-color/>\n      <SplitFlow @onFullscreen=\"onFullscreen\" :state=\"state\" ref=\"flow\"/>\n    </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport SplitFlow from './SplitFlow';\nimport EventBus from './EventBus';\nimport store from '../store';\nimport { findSpeciesKey } from './scripts/utilities.js';\nimport {MapSvgSpriteColor} from '@abi-software/svg-sprite';\n\n/**\n * Content of the app. More work flows will be added here.\n */\nexport default {\n  name: \"MapContent\",\n  components: {\n    SplitFlow,\n    MapSvgSpriteColor,\n  },\n  props: {\n    shareLink: {\n      type: String,\n      default: undefined\n    },\n    state: {\n      type: Object,\n      default: undefined\n    },\n    options: {\n      type: Object, \n      default: () => {}\n    }\n  },\n  methods: {\n    isFullscreen: function(){\n      return (document.fullscreenElement || document.webkitFullscreenElement ||\n        document.mozFullScreenElement || document.msFullscreenElement )\n    },\n    onFullscreen: function(fullscreenReq) {\n      //If a request is sent, try it\n      if (fullscreenReq !== undefined){\n        if (fullscreenReq && !this.isFullscreen()){\n          this.goFullscreen()\n        }\n        if(!fullscreenReq && this.isFullscreen()){\n          this.leaveFullscreen()\n        }\n      }\n      // Else we toggle fullscreen\n      else{\n        if(this.isFullscreen()){\n          this.leaveFullscreen()\n        } else {\n          this.goFullscreen()\n        }\n      }\n    },\n    leaveFullscreen: function(){\n      if (this.isFullscreen()) {\n        if (document.exitFullscreen) {\n          document.exitFullscreen();\n        } else if (document.mozCancelFullScreen) { /* Firefox */\n          document.mozCancelFullScreen();\n        } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */\n          document.webkitExitFullscreen();\n        } else if (document.msExitFullscreen) { /* IE/Edge */\n          document.msExitFullscreen();\n        }\n      }\n\n    },\n    goFullscreen: function(){\n      let mapApp = this.$refs.MapApp;\n      if (mapApp.requestFullscreen) {\n        mapApp.requestFullscreen();\n      } else if (mapApp.mozRequestFullScreen) { /* Firefox */\n        mapApp.mozRequestFullScreen();\n      } else if (mapApp.webkitRequestFullscreen) { /* Chrome, Safari and Opera */\n        mapApp.webkitRequestFullscreen();\n      } else if (parent.msRequestFullscreen) { /* IE/Edge */\n        mapApp.msRequestFullscreen();\n      }\n    },\n    setState: function(state){\n      return this.$refs.flow.setState(state);\n    },\n    getState: function(){\n      return this.$refs.flow.getState();\n    },\n    /**\n     * Provide a way to set the current view, this is currently limited\n     * to setting view for scaffold or the multiflatmap.\n     * In the case of the multiflatmap, it will not create a new entry and\n     * instead change the current entry by setting the state.\n     */\n    setCurrentEntry: function(state) {\n      if (state && state.type) {\n        if (state.type === \"Scaffold\" && state.url) {\n          //State for scaffold containing the following items:\n          //  label - Setting the name of the dialog\n          //  region - Which region/group currently focusing on\n          //  resource - the url to metadata\n          //  state - state to restore (viewport)\n          //  viewUrl - relative path of the view file to metadata \n          const newView = {\n            type: state.type,\n            label: state.label,\n            region: state.region,\n            resource: state.url,\n            state: state.state,\n            viewUrl: state.viewUrl\n          };\n          this.$refs.flow.createNewEntry(newView);\n        } else if (state.type === \"MultiFlatmap\") {\n          //State for scaffold containing the following items:\n          //  label - Setting the name of the dialog\n          //  taxo - taxo of species to set\n          //  biologicalSex - biological sex to be displayed (PATO)\n          //  organ - Target organ, flatmap will conduct a local search \n          //          using this\n\n          //Look for the key in the available species array,\n          //it will use the taxo and biologicalSex as hints.\n          const key = findSpeciesKey(state);\n          if (key) {\n            const currentState = this.getState();\n            if (currentState && currentState.entries) {\n              for (let i = 0; i < currentState.entries.length; i++) {\n                const entry =  currentState.entries[i];\n                if (entry.type === \"MultiFlatmap\") {\n                  entry.resource = key;\n                  entry.state = {species: key};\n                  if (state.organ || state.uuid) {\n                    entry.state.state = { searchTerm: state.organ, uuid: state.uuid };\n                    //if it contains an uuid, use the taxo to help identify if the uuid\n                    //is current\n                    if (state.uuid) entry.state.state.entry = state.taxo;\n                  }\n                  currentState.activeDockedId = entry.id;\n                  this.$refs.flow.setState(currentState);\n                  //Do not create a new entry, instead set the multiflatmap viewer\n                  //to the primary slot\n                  this.$refs.flow.setIdToPrimarySlot(entry.id);\n                  break;\n                }\n              }\n            }\n          }\n        }\n        else if (state.type === \"Flatmap\") {\n          //State for scaffold containing the following items:\n          //  label - Setting the name of the dialog\n          //  region - Which region/group currently focusing on\n          //  resource - the url to metadata\n          //  state - state to restore (viewport)\n          //  viewUrl - relative path of the view file to metadata \n          const newView = {\n            type: state.type,\n            resource: state.resource,\n            state: state.state,\n            label: state.label\n          };\n          this.$refs.flow.createNewEntry(newView);\n        } \n      } \n    },\n    /**\n     * Open the sidebar with the specified facets and query.\n     */\n    openSearch: function(facets, query) {\n      return this.$refs.flow.openSearch(facets, query);\n    }\n  },\n  watch: {\n    \"shareLink\" : {\n      handler: function (newLink) {\n        store.commit(\"settings/updateShareLink\", newLink);\n      },\n      immediate: true,\n    },\n  },\n  beforeMount: function() {\n    if (this.options) {\n      // Split options prop up to commit to the store\n      this.options.sparcApi ? store.commit(\"settings/updateSparcAPI\", this.options.sparcApi) : null\n      this.options.algoliaIndex ? store.commit(\"settings/updateAlgoliaIndex\", this.options.algoliaIndex) : null\n      this.options.algoliaKey ? store.commit(\"settings/updateAlgoliaKey\", this.options.algoliaKey) : null\n      this.options.algoliaId ? store.commit(\"settings/updateAlgoliaId\", this.options.algoliaId) : null\n      this.options.pennsieveApi ? store.commit(\"settings/updatePennsieveApi\", this.options.pennsieveApi) : null\n      this.options.flatmapAPI ? store.commit(\"settings/updateFlatmapAPI\", this.options.flatmapAPI) : null,\n      this.options.nlLinkPrefix ? store.commit(\"settings/updateNLLinkPrefix\", this.options.nlLinkPrefix) : null\n      this.options.rootUrl ? store.commit(\"settings/updateRootUrl\", this.options.rootUrl) : null\n    }\n  },\n  mounted: function() {\n    EventBus.$on(\"updateShareLinkRequested\", () => {\n      this.$emit(\"updateShareLinkRequested\");\n    });\n  }\n}\n\n</script>\n\n<style scoped lang=\"scss\">\n@import \"@/assets/styles\";\n.map-help-dialog {\n  position: fixed;\n  z-index: 20;\n  bottom: 30px;\n  right: 30px;\n}\n\n.mapcontent {\n  height: 100%;\n  width:100%;\n  z-index:1;\n}\n\n</style>\n<style src=\"@/../assets/styleguide.css\">\n</style>\n\n"]}]}