{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/ContentVuer.vue?vue&type=style&index=0&id=4480ff45&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/ContentVuer.vue","mtime":1691447163859},{"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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9idXR0b24iOwouZGF0YXNldC1oZWFkZXIgewogIGhlaWdodDogMjNweDsKfQoKLmNvbnRlbnQtY29udGFpbmVyIHsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6IDEwMCU7Cn0KCi5vcGVuLXNjYWZmb2xkIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogY2FsYyg1MCUgLSA2NHB4KTsKICB6LWluZGV4OiAyOwogIHRvcDogOHB4OwogIGZvbnQtc2l6ZTogMTZweDsKICBwYWRkaW5nLXRvcDogOXB4OwogIHBhZGRpbmctYm90dG9tOiA5cHg7CiAgJi5lbC1idXR0b24tLXByaW1hcnkuaXMtcGxhaW4gewogICAgJjpob3ZlciwKICAgICY6YWN0aXZlLAogICAgJjpmb2N1cyB7CiAgICAgIGNvbG9yOiAjODMwMGJmOwogICAgICBiYWNrZ3JvdW5kOiAjZjNlNmY5OwogICAgICBib3JkZXItY29sb3I6ICNjZDk5ZTU7CiAgICB9CiAgICAmOmhvdmVyIHsKICAgICAgYm94LXNoYWRvdzogLTNweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4yKTsKICAgIH0KICB9Cn0K"},{"version":3,"sources":["ContentVuer.vue"],"names":[],"mappings":";AAkJA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ContentVuer.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div\n    class=\"content-container\"\n    ref=\"container\"\n    @mouseover=\"mouseHovered = true\"\n    @mouseleave=\"mouseHovered = false\"\n  >\n    <DatasetHeader\n      v-if=\"entry.datasetTitle\"\n      class=\"dataset-header\"\n      :entry=\"entry\"\n    ></DatasetHeader>\n    <div :style=\"mainStyle\">\n      <Component\n        :is=\"viewerType\"\n        :entry=\"entry\"\n        :mouseHovered=\"mouseHovered\"\n        :visible=\"visible\"\n        ref=\"viewer\"\n        @resource-selected=\"resourceSelected\"\n        @species-changed=\"speciesChanged\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { Button } from \"element-ui\";\nimport DatasetHeader from \"./DatasetHeader\";\nimport Flatmap from \"./viewers/Flatmap\";\nimport Iframe from \"./viewers/Iframe\";\nimport MultiFlatmap from \"./viewers/MultiFlatmap\";\nimport Plot from \"./viewers/Plot\";\nimport Scaffold from \"./viewers/Scaffold\";\nimport Simulation from \"./viewers/Simulation\";\nimport store from \"../store\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Button);\n\nexport default {\n  name: \"ContentVuer\",\n  props: {\n    /**\n     * Object containing information for\n     * the required viewing.\n     */\n    entry: Object,\n    visible: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  components: {\n    DatasetHeader,\n    Flatmap,\n    Iframe,\n    MultiFlatmap,\n    Plot,\n    Scaffold,\n    Simulation,\n  },\n  methods: {\n    /**\n     * Toggle sync mode on/off depending on species and current state\n     */\n    toggleSyncMode: function () {\n      this.$refs.viewer.toggleSyncMode();\n    },\n    getId: function () {\n      return this.entry.id;\n    },\n    getState: function () {\n      return this.$refs.viewer.getState();\n    },       \n    resourceSelected: function (payload) {\n      this.$emit(\"resource-selected\", payload);\n    },\n    speciesChanged: function (species) {\n      this.activeSpecies = species;\n    },\n    /**\n     * Perform a local search on this contentvuer\n     */\n    search: function (term) {\n      return this.$refs.viewer.search(term);\n    },\n    /**\n     * Push the suggested terms into the suggestions array\n     */\n    searchSuggestions: function(term, suggestions) {\n      this.$refs.viewer.searchSuggestions(term, suggestions);\n    },\n    receiveSynchronisedEvent: async function (data) {\n      this.$refs.viewer.receiveSynchronisedEvent(data);\n    },\n    requestSynchronisedEvent: function (flag) {\n      this.$refs.viewer.requestSynchronisedEvent(flag);\n    },\n    /**\n     * Check if this viewer is currently visible\n     */\n    isVisible: function() {\n      let slot = store.getters[\"splitFlow/getSlotById\"](this.entry.id);\n      if (slot) return store.getters[\"splitFlow/isSlotActive\"](slot);\n      return false;\n    },\n    onResize: function () {\n      this.$refs.viewer.onResize();\n    },\n  },\n  data: function () {\n    return {\n      mainStyle: {\n        height: this.entry.datasetTitle ? \"calc(100% - 30px)\" : \"100%\",\n        width: \"100%\",\n        bottom: \"0px\",\n      },\n      mouseHovered: false,\n      activeSpecies: \"Rat\",\n    };\n  },\n  computed: {\n    syncMode() {\n      return store.state.splitFlow.syncMode;\n    },\n    viewerType() {\n      switch (this.entry.type) {\n        case \"Biolucida\":\n        case \"Iframe\":\n        case \"Segmentation\":\n          return 'Iframe';\n        default:\n          return this.entry.type;\n      }\n    },\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/button\";\n.dataset-header {\n  height: 23px;\n}\n\n.content-container {\n  height: 100%;\n  width: 100%;\n}\n\n.open-scaffold {\n  position: absolute;\n  left: calc(50% - 64px);\n  z-index: 2;\n  top: 8px;\n  font-size: 16px;\n  padding-top: 9px;\n  padding-bottom: 9px;\n  &.el-button--primary.is-plain {\n    &:hover,\n    &:active,\n    &:focus {\n      color: #8300bf;\n      background: #f3e6f9;\n      border-color: #cd99e5;\n    }\n    &:hover {\n      box-shadow: -3px 2px 4px rgba(0, 0, 0, 0.2);\n    }\n  }\n}\n</style>\n"]}]}