{"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=7c235001&prod&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/MapContent.vue","mtime":1694990958463},{"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:CkBpbXBvcnQgIkAvYXNzZXRzL3N0eWxlcyI7CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9sb2FkaW5nIjsKCgo6OnYtZGVlcCAuZWwtbG9hZGluZy1zcGlubmVyIHsKICBpLCAuZWwtbG9hZGluZy10ZXh0IHsKICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7CiAgfQp9CgoubWFwLWhlbHAtZGlhbG9nIHsKICBwb3NpdGlvbjogZml4ZWQ7CiAgei1pbmRleDogMjA7CiAgYm90dG9tOiAzMHB4OwogIHJpZ2h0OiAzMHB4Owp9CgoubWFwY29udGVudCB7CiAgaGVpZ2h0OiAxMDAlOwogIHdpZHRoOjEwMCU7CiAgei1pbmRleDoxOwp9Cgo="},{"version":3,"sources":["MapContent.vue"],"names":[],"mappings":";AAyQA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"MapContent.vue","sourceRoot":"src/components","sourcesContent":["<template>\n    <div\n      ref=\"MapApp\"\n      v-loading=\"!isReady\"\n      class=\"mapcontent\"\n      element-loading-text=\"Loading...\"\n      element-loading-spinner=\"el-icon-loading\"\n      element-loading-background=\"rgba(0, 0, 0, 0.3)\"\n    >\n      <map-svg-sprite-color/>\n      <SplitFlow \n        v-if=\"isReady\"\n        @onFullscreen=\"onFullscreen\"\n        :state=\"stateToSet\"\n        ref=\"flow\"\n        @hook:mounted=\"flowMounted\"\n      />\n    </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\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';\nimport { initialState } from \"./scripts/utilities.js\";\nimport { Loading } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Loading.directive);\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    //New option to start the map in AC, FC or WholeBody\n    startingMap: {\n      type: String,\n      default: \"AC\"\n    }\n  },\n  data: function () {\n    return {\n      isReady: false,\n      initialState: undefined,\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    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 flatmapm, multiflatmap or scaffold.\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     */\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    flowMounted: function () {\n      this._flowMounted = true;\n      this.setContextCardForInitialState();\n      this.$emit(\"isReady\");\n    },\n    setContextCardForInitialState: function() {\n      if (this.isReady && this._flowMounted) {\n        if (this.initialState && this.initialState.entries &&\n          (this.initialState.entries.length > 0) && \n          this.initialState.entries[0].contextCard) {\n          EventBus.$emit(\"contextUpdate\", this.initialState.entries[0].contextCard);\n        }\n      }\n    },\n  },\n  computed: {\n    stateToSet() {\n      return this.state ? this.state : this.initialState;\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: async function() {\n    EventBus.$on(\"updateShareLinkRequested\", () => {\n      this.$emit(\"updateShareLinkRequested\");\n    });\n    if (!this.state && this.startingMap !== \"AC\" ) {\n      this.initialState = await initialState(this.startingMap, this.options.sparcApi);\n    }\n    this.isReady = true;\n    this.setContextCardForInitialState();\n  }\n}\n\n</script>\n\n<style scoped lang=\"scss\">\n@import \"@/assets/styles\";\n@import \"~element-ui/packages/theme-chalk/src/loading\";\n\n\n::v-deep .el-loading-spinner {\n  i, .el-loading-text {\n    color: $app-primary-color;\n  }\n}\n\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"]}]}