{"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":1702244729418},{"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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9idXR0b24iOwoKLnRvb2xiYXIgewogIHdpZHRoOiAxMDAlOwogIGJhY2tncm91bmQtY29sb3I6ICNmNWY3ZmEgIWltcG9ydGFudDsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdHJhbnNpdGlvbjogYWxsIDFzIGVhc2U7CiAgaGVpZ2h0OiAzMnB4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2IoMjIwLCAyMjMsIDIzMCk7CiAgei1pbmRleDogNzsKfQoKLmNvbXBvbmVudC1jb250YWluZXIgewogIGhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7CiAgd2lkdGg6IDEwMCU7CiAgYm90dG9tOiAwcHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHotaW5kZXg6NjsKfQoKLmRhdGFzZXQtaGVhZGVyIHsKICBoZWlnaHQ6IDIzcHg7Cn0KCi5jb250ZW50LWNvbnRhaW5lciB7CiAgaGVpZ2h0OiAxMDAlOwogIHdpZHRoOiAxMDAlOwp9Cgoub3Blbi1zY2FmZm9sZCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IGNhbGMoNTAlIC0gNjRweCk7CiAgei1pbmRleDogMjsKICB0b3A6IDhweDsKICBmb250LXNpemU6IDE2cHg7CiAgcGFkZGluZy10b3A6IDlweDsKICBwYWRkaW5nLWJvdHRvbTogOXB4OwogICYuZWwtYnV0dG9uLS1wcmltYXJ5LmlzLXBsYWluIHsKICAgICY6aG92ZXIsCiAgICAmOmFjdGl2ZSwKICAgICY6Zm9jdXMgewogICAgICBjb2xvcjogIzgzMDBiZjsKICAgICAgYmFja2dyb3VuZDogI2YzZTZmOTsKICAgICAgYm9yZGVyLWNvbG9yOiAjY2Q5OWU1OwogICAgfQogICAgJjpob3ZlciB7CiAgICAgIGJveC1zaGFkb3c6IC0zcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["ContentVuer.vue"],"names":[],"mappings":";AAuKA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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    <ContentBar\n      class=\"toolbar\"\n      :entry=\"entry\"\n      ref=\"contentBar\"\n      @chooser-changed=\"onResize\"\n      @hook:mounted=\"setPanesBoundary\"\n      @scaffold-view-clicked=\"scaffoldViewClicked\"\n    />\n  <!--\n    <DatasetHeader\n      v-if=\"entry.datasetTitle\"\n      class=\"dataset-header\"\n      :entry=\"entry\"\n    ></DatasetHeader>\n  -->\n    <div class=\"component-container\">\n      <Component\n        :is=\"viewerType\"\n        :entry=\"entry\"\n        :mouseHovered=\"mouseHovered\"\n        :visible=\"visible\"\n        ref=\"viewer\"\n        @flatmap-provenance-ready=\"flatmapProvenacneReady\"\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\";\n//import DatasetHeader from \"./DatasetHeader\";\nimport ContentBar from \"./ContentBar\";\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    ContentBar,\n    Flatmap,\n    Iframe,\n    MultiFlatmap,\n    Plot,\n    Scaffold,\n    Simulation,\n  },\n  methods: {\n    flatmapProvenacneReady: function(prov) {\n      this.$refs.contentBar.setupFlatmapContextCard(prov);\n    },\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    scaffoldViewClicked: function (viewUrl) {\n      if (this.entry.viewUrl !== viewUrl) {\n        store.commit(\"entries/updateViewForEntry\", {id: this.entry.id, viewUrl});\n      } else {\n        //Manually set it as it cannot be set with reactivity\n        this.$refs.viewer.updateWithViewUrl(viewUrl);\n      }\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    setPanesBoundary: function() {\n      this.$refs.contentBar.setBoundary(this.$refs.container);\n    },\n    speciesChanged: function (species) {\n      this.activeSpecies = species;\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      const paneName = store.getters[\"splitFlow/getPaneNameById\"](this.entry.id);\n      return paneName !== undefined;\n    },\n    onResize: function () {\n      this.$refs.viewer.onResize();\n    },\n  },\n  data: function () {\n    return {\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\n.toolbar {\n  width: 100%;\n  background-color: #f5f7fa !important;\n  position: absolute;\n  transition: all 1s ease;\n  height: 32px;\n  border-bottom: 1px solid rgb(220, 223, 230);\n  z-index: 7;\n}\n\n.component-container {\n  height: calc(100% - 32px);\n  width: 100%;\n  bottom: 0px;\n  position: absolute;\n  z-index:6;\n}\n\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"]}]}