{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/ProvenancePopup.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/ProvenancePopup.vue","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/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsKICBCdXR0b24sCiAgQ29udGFpbmVyLAogIEljb24sCiAgTWFpbgp9IGZyb20gImVsZW1lbnQtdWkiOwppbXBvcnQgbGFuZyBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUvbGFuZy9lbiI7CmltcG9ydCBsb2NhbGUgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlIjsKbG9jYWxlLnVzZShsYW5nKTsKVnVlLnVzZShCdXR0b24pOwpWdWUudXNlKENvbnRhaW5lcik7ClZ1ZS51c2UoSWNvbik7ClZ1ZS51c2UoTWFpbik7CgppbXBvcnQgRXZlbnRCdXMgZnJvbSAnLi9FdmVudEJ1cycKaW1wb3J0IEV4dGVybmFsUmVzb3VyY2VDYXJkIGZyb20gJy4vRXh0ZXJuYWxSZXNvdXJjZUNhcmQudnVlJzsKCmNvbnN0IHRpdGxlQ2FzZSA9IChzdHIpID0+IHsKICByZXR1cm4gc3RyLnJlcGxhY2UoL1x3XFMqL2csICh0KSA9PiB7IHJldHVybiB0LmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdC5zdWJzdHIoMSkudG9Mb3dlckNhc2UoKSB9KTsKfQoKY29uc3QgY2FwaXRhbGlzZSA9IGZ1bmN0aW9uKHN0cil7CiAgaWYgKHN0cikKICAgIHJldHVybiBzdHIuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyBzdHIuc2xpY2UoMSkKICByZXR1cm4gIiIKfQoKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsgRXh0ZXJuYWxSZXNvdXJjZUNhcmQgfSwKICBuYW1lOiAiUHJvdmVuYW5jZVBvcHVwIiwKICBwcm9wczogeyAKICAgIGVudHJ5OiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gKHsKICAgICAgICBkZXN0aW5hdGlvbnM6IFtdLCAKICAgICAgICBvcmlnaW5zOiBbXSwKICAgICAgICBjb21wb25lbnRzOiBbXSwKICAgICAgICBkZXN0aW5hdGlvbnNXaXRoRGF0YXNldHM6IFtdLAogICAgICAgIG9yaWdpbnNXaXRoRGF0YXNldHM6IFtdLAogICAgICAgIGNvbXBvbmVudHNXaXRoRGF0YXNldHM6IFtdLAogICAgICAgIHJlc291cmNlOiB1bmRlZmluZWQKICAgICAgfSkKICAgIH0sCiAgfSwKICBkYXRhOiBmdW5jdGlvbigpIHsKICAgIHJldHVybiB7CiAgICAgIGNvbnRyb2xsZXI6IHVuZGVmaW5lZCwKICAgICAgYWN0aXZlU3BlY2llczogdW5kZWZpbmVkLAogICAgICBhcHBlbmRUb0JvZHk6IGZhbHNlLAogICAgICBwdWJtZWRTZWFyY2hVcmw6ICcnLAogICAgICBsb2FkaW5nOiBmYWxzZSwKICAgICAgc2hvd1Rvb2xpcDogZmFsc2UsCiAgICAgIHNob3dEZXRhaWxzOiBmYWxzZSwKICAgICAgb3JpZ2luRGVzY3JpcHRpb25zOiB7CiAgICAgICAgJ21vdG9yJzogJ2lzIHRoZSBsb2NhdGlvbiBvZiB0aGUgaW5pdGlhbCBjZWxsIGJvZHkgb2YgdGhlIGNpcmN1aXQnLAogICAgICAgICdzZW5zb3J5JzogJ2lzIHRoZSBsb2NhdGlvbiBvZiB0aGUgaW5pdGlhbCBjZWxsIGJvZHkgaW4gdGhlIFBOUyBjaXJjdWl0JwogICAgICB9LAogICAgICBjb21wb25lbnRzV2l0aERhdGFzZXRzOiBbXSwKICAgICAgdWJlcm9uczogW3tpZDogdW5kZWZpbmVkLCBuYW1lOiB1bmRlZmluZWR9XQogICAgfTsKICB9LAogIGNvbXB1dGVkOiB7CiAgICByZXNvdXJjZXM6IGZ1bmN0aW9uKCl7CiAgICAgIGxldCByZXNvdXJjZXMgPSBbXQogICAgICBpZih0aGlzLmVudHJ5ICYmIHRoaXMuZW50cnkuaHlwZXJsaW5rcyl7CiAgICAgICAgcmVzb3VyY2VzID0gdGhpcy5lbnRyeS5oeXBlcmxpbmtzCiAgICAgIH0KICAgICAgcmV0dXJuIHJlc291cmNlcwogICAgfSwKICAgIG9yaWdpbkRlc2NyaXB0aW9uOiBmdW5jdGlvbigpewogICAgICBpZih0aGlzLmVudHJ5ICYmIHRoaXMuZW50cnkudGl0bGUgJiYgdGhpcy5lbnRyeS50aXRsZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKCdtb3RvcicpKXsKICAgICAgICByZXR1cm4gdGhpcy5vcmlnaW5EZXNjcmlwdGlvbnMubW90b3IKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gdGhpcy5vcmlnaW5EZXNjcmlwdGlvbnMuc2Vuc29yeQogICAgICB9CiAgICB9LAogICAgcHJvdlNwZWNpZXNEZXNjcmlwdGlvbjogZnVuY3Rpb24oKXsKICAgICAgbGV0IHRleHQgPSAiT2JzZXJ2ZWQgaW4iCiAgICAgIHRoaXMuZW50cnkucHJvdmVuYW5jZVRheG9ub215TGFiZWwuZm9yRWFjaChsYWJlbCA9PiB7CiAgICAgICAgdGV4dCArPSBgICR7bGFiZWx9LGAKICAgICAgfSk7CiAgICAgIHRleHQgPSB0ZXh0LnNsaWNlKDAsLTEpIC8vIHJlbW92ZSBsYXN0IGNvbW1hCiAgICAgIHRleHQgKz0gIiBzcGVjaWVzIgogICAgICByZXR1cm4gdGV4dAogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgdGl0bGVDYXNlOiBmdW5jdGlvbih0aXRsZSl7CiAgICAgIHJldHVybiB0aXRsZUNhc2UodGl0bGUpCiAgICB9LAogICAgY2FwaXRhbGlzZTogZnVuY3Rpb24odGV4dCl7CiAgICAgIHJldHVybiBjYXBpdGFsaXNlKHRleHQpCiAgICB9LAogICAgb3BlblVybDogZnVuY3Rpb24odXJsKXsKICAgICAgd2luZG93Lm9wZW4odXJsLCAnX2JsYW5rJykKICAgIH0sCiAgICBvcGVuQWxsOiBmdW5jdGlvbigpewogICAgICBFdmVudEJ1cy4kZW1pdCgnb25BY3Rpb25DbGljaycsIHt0eXBlOidGYWNldHMnLCBsYWJlbHM6IHRoaXMuZW50cnkuY29tcG9uZW50c1dpdGhEYXRhc2V0cy5tYXAoYT0+YS5uYW1lKX0pCiAgICB9LAogICAgb3BlbkF4b25zOiBmdW5jdGlvbigpewogICAgICBFdmVudEJ1cy4kZW1pdCgnb25BY3Rpb25DbGljaycsIHt0eXBlOidGYWNldHMnLCBsYWJlbHM6IHRoaXMuZW50cnkuZGVzdGluYXRpb25zV2l0aERhdGFzZXRzLm1hcChhPT5hLm5hbWUpfSkKICAgIH0sCiAgICBvcGVuRGVuZHJpdGVzOiBmdW5jdGlvbigpewogICAgICBFdmVudEJ1cy4kZW1pdCgnb25BY3Rpb25DbGljaycsIHt0eXBlOidGYWNldHMnLCBsYWJlbHM6IHRoaXMuZW50cnkub3JpZ2luc1dpdGhEYXRhc2V0cy5tYXAoYT0+YS5uYW1lKX0pCiAgICB9LAogICAgcHVibWVkU2VhcmNoVXJsVXBkYXRlOiBmdW5jdGlvbiAodmFsKXsKICAgICAgdGhpcy5wdWJtZWRTZWFyY2hVcmwgPSB2YWwKICAgIH0sCiAgfQp9Owo="},{"version":3,"sources":["ProvenancePopup.vue"],"names":[],"mappings":";AAyFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ProvenancePopup.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\n  <el-main v-if=\"entry\" class=\"main\" v-loading=\"loading\">\n    <div class=\"block\" v-if=\"entry.title\">\n      <span class=\"title\">{{capitalise(entry.title)}}</span>\n      <div v-if=\"entry.provenanceTaxonomyLabel && entry.provenanceTaxonomyLabel.length > 0\" class=\"subtitle\">\n        {{provSpeciesDescription}}\n      </div>\n    </div>\n    <div class=\"block\" v-else>\n      <span class=\"title\">{{entry.featureId}}</span>\n    </div>\n    <div v-show=\"showDetails\" class=\"hide\" @click=\"showDetails = false\">\n        Hide path information\n        <i class=\"el-icon-arrow-up\"></i>\n      </div>\n      <div v-show=\"!showDetails\" class=\"hide\" @click=\"showDetails = true\">\n        Show path information\n        <i class=\"el-icon-arrow-down\"></i>\n      </div>\n    <transition name=\"slide-fade\">\n      <div v-show=\"showDetails\" class=\"content-container scrollbar\">\n        {{entry.paths}}\n        <div v-if=\"entry.origins && entry.origins.length > 0\" class=\"block\">\n          <div>\n            <span class=\"attribute-title\">Origin</span>\n            <el-popover\n            width=\"250\"\n            trigger=\"hover\"\n            :append-to-body=false\n            popper-class=\"popover-origin-help\"\n            >\n            <i slot=\"reference\" class=\"el-icon-warning-outline info\"/>\n            <span style=\"word-break: keep-all;\">\n              <i>Origin</i> {{originDescription}}\n            </span>\n            </el-popover>\n          </div>\n          <div v-for=\"(origin, i) in entry.origins\" class=\"attribute-content\"  :key=\"origin\">\n            {{ capitalise(origin) }}\n            <div v-if=\"i != entry.origins.length - 1\" class=\"seperator\"></div>\n          </div>\n          <el-button v-show=\"entry.originsWithDatasets && entry.originsWithDatasets.length > 0\" class=\"button\" @click=\"openDendrites\">\n            Explore origin data\n          </el-button>\n        </div>\n        <div v-if=\"entry.components && entry.components.length > 0\" class=\"block\">\n          <div class=\"attribute-title\">Components</div>\n          <div v-for=\"(component, i) in entry.components\" class=\"attribute-content\"  :key=\"component\">\n            {{ capitalise(component) }}\n            <div v-if=\"i != entry.components.length - 1\" class=\"seperator\"></div>\n          </div>\n        </div>\n        <div v-if=\"entry.destinations && entry.destinations.length > 0\" class=\"block\">\n          <div>\n            <span class=\"attribute-title\">Destination</span>\n            <el-popover\n            width=\"250\"\n            trigger=\"hover\"\n            :append-to-body=false\n            popper-class=\"popover-origin-help\"\n            >\n            <i slot=\"reference\" class=\"el-icon-warning-outline info\"/>\n            <span style=\"word-break: keep-all;\">\n            <i>Destination</i> is where the axons terminate\n            </span>\n            </el-popover>\n          </div>\n          <div v-for=\"(destination, i) in entry.destinations\" class=\"attribute-content\"  :key=\"destination\">\n            {{ capitalise(destination) }}\n            <div v-if=\"i != entry.destinations.length - 1\" class=\"seperator\"></div>\n          </div>\n          <el-button v-show=\"entry.destinationsWithDatasets && entry.destinationsWithDatasets.length > 0\" class=\"button\" @click=\"openAxons\">\n            Explore destination data\n          </el-button>\n        </div>\n\n        <el-button v-show=\"entry.componentsWithDatasets && entry.componentsWithDatasets.length > 0\" class=\"button\" @click=\"openAll\">\n          Search for data on components\n        </el-button>\n\n        <external-resource-card :resources=\"resources\"></external-resource-card>\n\n      </div>\n    </transition>\n  </el-main>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport {\n  Button,\n  Container,\n  Icon,\n  Main\n} from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\nlocale.use(lang);\nVue.use(Button);\nVue.use(Container);\nVue.use(Icon);\nVue.use(Main);\n\nimport EventBus from './EventBus'\nimport ExternalResourceCard from './ExternalResourceCard.vue';\n\nconst titleCase = (str) => {\n  return str.replace(/\\w\\S*/g, (t) => { return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase() });\n}\n\nconst capitalise = function(str){\n  if (str)\n    return str.charAt(0).toUpperCase() + str.slice(1)\n  return \"\"\n}\n\nexport default {\n  components: { ExternalResourceCard },\n  name: \"ProvenancePopup\",\n  props: { \n    entry: {\n      type: Object,\n      default: () => ({\n        destinations: [], \n        origins: [],\n        components: [],\n        destinationsWithDatasets: [],\n        originsWithDatasets: [],\n        componentsWithDatasets: [],\n        resource: undefined\n      })\n    },\n  },\n  data: function() {\n    return {\n      controller: undefined,\n      activeSpecies: undefined,\n      appendToBody: false,\n      pubmedSearchUrl: '',\n      loading: false,\n      showToolip: false,\n      showDetails: false,\n      originDescriptions: {\n        'motor': 'is the location of the initial cell body of the circuit',\n        'sensory': 'is the location of the initial cell body in the PNS circuit'\n      },\n      componentsWithDatasets: [],\n      uberons: [{id: undefined, name: undefined}]\n    };\n  },\n  computed: {\n    resources: function(){\n      let resources = []\n      if(this.entry && this.entry.hyperlinks){\n        resources = this.entry.hyperlinks\n      }\n      return resources\n    },\n    originDescription: function(){\n      if(this.entry && this.entry.title && this.entry.title.toLowerCase().includes('motor')){\n        return this.originDescriptions.motor\n      } else {\n        return this.originDescriptions.sensory\n      }\n    },\n    provSpeciesDescription: function(){\n      let text = \"Observed in\"\n      this.entry.provenanceTaxonomyLabel.forEach(label => {\n        text += ` ${label},`\n      });\n      text = text.slice(0,-1) // remove last comma\n      text += \" species\"\n      return text\n    }\n  },\n  methods: {\n    titleCase: function(title){\n      return titleCase(title)\n    },\n    capitalise: function(text){\n      return capitalise(text)\n    },\n    openUrl: function(url){\n      window.open(url, '_blank')\n    },\n    openAll: function(){\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.entry.componentsWithDatasets.map(a=>a.name)})\n    },\n    openAxons: function(){\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.entry.destinationsWithDatasets.map(a=>a.name)})\n    },\n    openDendrites: function(){\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.entry.originsWithDatasets.map(a=>a.name)})\n    },\n    pubmedSearchUrlUpdate: function (val){\n      this.pubmedSearchUrl = val\n    },\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/button\";\n@import \"~element-ui/packages/theme-chalk/src/container\";\n@import \"~element-ui/packages/theme-chalk/src/header\";\n@import \"~element-ui/packages/theme-chalk/src/main\";\n\n.display {\n  width: 44px;\n  word-break: normal;\n}\n\n.title {\n  text-align: left;\n  width: 16em;\n  line-height: 1.5em !important;\n  font-size: 1em;\n  font-family: Helvetica;\n  font-weight: 500;\n  /* font-weight: bold; */\n  padding-bottom: 8px;\n}\n\n.block {\n  margin-bottom: 0.5em;\n}\n\n.pub {\n  width: 16rem;\n}\n\n.icon {\n  right: 0px;\n  position: absolute;\n  top: 10px;\n}\n\n.icon:hover {\n  cursor: pointer;\n}\n\n.popover-origin-help {\n  text-transform: none !important; // need to overide the tooltip text transform\n}\n\n.info{\n  transform: rotate(180deg);\n  color: #8300bf;\n  margin-left: 8px;\n}\n\n.seperator {\n  width:90%;\n  height:1px;\n  background-color:#bfbec2;\n}\n\n.hide{\n  color: $app-primary-color;\n  cursor: pointer;\n  margin-right: 6px;\n  margin-top: 3px;\n}\n\n.slide-fade-enter-active {\n  transition: opacity 0.5s, transform 0.5s;\n}\n.slide-fade-leave-active {\n  transition: opacity 0.2s, transform 0.2s;\n}\n.slide-fade-enter, .slide-fade-leave-to /* .slide-fade-leave-active in <2.1.8 */ {\n  opacity: 0;\n  transform: translateY(-8px);\n}\n\n.main {\n  font-size: 14px;\n  text-align: left;\n  line-height: 1.5em;\n  font-family: Asap, sans-serif,Helvetica;\n  font-weight: 400;\n  /* outline: thin red solid; */\n  padding: 1em !important;\n  overflow: hidden;\n  min-width: 16rem;\n}\n\n.title{\n  font-size: 18px;\n  font-weight: 500;\n  font-weight: bold;\n  padding-bottom: 8px;\n  color: rgb(131, 0, 191);\n}\n\n.attribute-title{\n  font-size: 16px;\n  font-weight: 600;\n  /* font-weight: bold; */\n  text-transform: uppercase;\n}\n\n.attribute-content{\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.popover-container {\n  height: 100%;\n  width: 100%;\n}\n\n.main {\n  .el-button.is-round{\n    border-radius: 4px;\n    padding: 9px 20px 10px 20px;\n    display: flex;\n    height: 36px;\n  }\n}\n\n.button {\n  margin-left: 0px !important;\n  margin-top: 0px !important;\n  font-size: 14px !important;\n  background-color: $app-primary-color;\n  color: #fff;\n  &+.button {\n    margin-top: 10px !important;\n  }\n  &:hover {\n    color: #fff !important;\n    background: #ac76c5 !important;\n    border: 1px solid #ac76c5 !important;\n  }\n}\n\n.tooltip-container{\n  &::after, &::before {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    flex-shrink: 0;\n  }\n  .tooltip {\n    &::after {\n      display: none;\n    }\n    &::before {\n      display: none;\n    }\n  }\n}\n\n.maplibregl-popup-anchor-bottom {\n  .tooltip-container {\n    &::after, &::before {\n      top: 100%;\n      border-width: 12px;\n    }\n    &::after {\n      margin-top:-1px;\n      border-color: rgb(255, 255, 255) transparent transparent  transparent ;\n    }\n    &::before {\n      margin: 0 auto;\n      border-color: $app-primary-color  transparent  transparent transparent ;\n    }\n  }\n}\n\n.maplibregl-popup-anchor-top {\n  .tooltip-container {\n    &::after, &::before {\n      top: -24px;\n      border-width: 12px;\n    }\n    &::after {\n      margin-top: 1px;\n      border-color: transparent transparent rgb(255, 255, 255) transparent ;\n    }\n    &::before {\n      margin: 0 auto;\n      border-color: transparent transparent $app-primary-color transparent ;\n    }\n  }\n}\n\n.content-container {\n  overflow-y: scroll;\n  scrollbar-width: thin !important;\n  max-height: 240px;\n}\n\n.scrollbar::-webkit-scrollbar-track {\n  border-radius: 10px;\n  background-color: #f5f5f5;\n}\n\n.scrollbar::-webkit-scrollbar {\n  width: 12px;\n  right: -12px;\n  background-color: #f5f5f5;\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);\n  background-color: #979797;\n}\n\n\n/* Fix for chrome bug where under triangle pops up above one on top of it  */\n.selector:not(*:root), .tooltip-container::after{\n  top: 99.4%;\n}\n</style>\n"]}]}