{"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/Tooltip.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/Tooltip.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/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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsKICBCdXR0b24sCiAgQ29udGFpbmVyLAogIEhlYWRlciwKICBJY29uLAogIE1haW4KfSBmcm9tICJlbGVtZW50LXVpIjsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7CmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoQnV0dG9uKTsKVnVlLnVzZShDb250YWluZXIpOwpWdWUudXNlKEhlYWRlcik7ClZ1ZS51c2UoSWNvbik7ClZ1ZS51c2UoTWFpbik7CgppbXBvcnQgRXZlbnRCdXMgZnJvbSAnLi9FdmVudEJ1cycKaW1wb3J0IEV4dGVybmFsUmVzb3VyY2VDYXJkIGZyb20gJy4vRXh0ZXJuYWxSZXNvdXJjZUNhcmQudnVlJzsKCmNvbnN0IHRpdGxlQ2FzZSA9IChzdHIpID0+IHsKICByZXR1cm4gc3RyLnJlcGxhY2UoL1x3XFMqL2csICh0KSA9PiB7IHJldHVybiB0LmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdC5zdWJzdHIoMSkudG9Mb3dlckNhc2UoKSB9KTsKfQoKY29uc3QgY2FwaXRhbGlzZSA9IGZ1bmN0aW9uKHN0cil7CiAgaWYgKHN0cikKICAgIHJldHVybiBzdHIuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyBzdHIuc2xpY2UoMSkKICByZXR1cm4gIiIKfQoKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsgRXh0ZXJuYWxSZXNvdXJjZUNhcmQgfSwKICBuYW1lOiAiVG9vbHRpcCIsCiAgcHJvcHM6IHsgCiAgICB2aXNpYmxlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IGZhbHNlCiAgICB9LAogICAgZW50cnk6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiAoewogICAgICAgIGRlc3RpbmF0aW9uczogW10sIAogICAgICAgIG9yaWdpbnM6IFtdLAogICAgICAgIGNvbXBvbmVudHM6IFtdLAogICAgICAgIGRlc3RpbmF0aW9uc1dpdGhEYXRhc2V0czogW10sCiAgICAgICAgb3JpZ2luc1dpdGhEYXRhc2V0czogW10sCiAgICAgICAgY29tcG9uZW50c1dpdGhEYXRhc2V0czogW10sCiAgICAgICAgcmVzb3VyY2U6IHVuZGVmaW5lZAogICAgICB9KQogICAgfSwKICB9LAogIGRhdGE6IGZ1bmN0aW9uKCkgewogICAgcmV0dXJuIHsKICAgICAgY29udHJvbGxlcjogdW5kZWZpbmVkLAogICAgICBhY3RpdmVTcGVjaWVzOiB1bmRlZmluZWQsCiAgICAgIGFwcGVuZFRvQm9keTogZmFsc2UsCiAgICAgIHB1Ym1lZFNlYXJjaFVybDogJycsCiAgICAgIGxvYWRpbmc6IGZhbHNlLAogICAgICBzaG93VG9vbGlwOiBmYWxzZSwKICAgICAgb3JpZ2luRGVzY3JpcHRpb25zOiB7CiAgICAgICAgJ21vdG9yJzogJ2lzIHRoZSBsb2NhdGlvbiBvZiB0aGUgaW5pdGlhbCBjZWxsIGJvZHkgb2YgdGhlIGNpcmN1aXQnLAogICAgICAgICdzZW5zb3J5JzogJ2lzIHRoZSBsb2NhdGlvbiBvZiB0aGUgaW5pdGlhbCBjZWxsIGJvZHkgaW4gdGhlIFBOUyBjaXJjdWl0JwogICAgICB9LAogICAgICBjb21wb25lbnRzV2l0aERhdGFzZXRzOiBbXSwKICAgICAgdWJlcm9uczogW3tpZDogdW5kZWZpbmVkLCBuYW1lOiB1bmRlZmluZWR9XQogICAgfTsKICB9LAogIGNvbXB1dGVkOiB7CiAgICByZXNvdXJjZXM6IGZ1bmN0aW9uKCl7CiAgICAgIGxldCByZXNvdXJjZXMgPSBbXQogICAgICBpZih0aGlzLmVudHJ5ICYmIHRoaXMuZW50cnkuaHlwZXJsaW5rcyl7CiAgICAgICAgcmVzb3VyY2VzID0gdGhpcy5lbnRyeS5oeXBlcmxpbmtzCiAgICAgIH0KICAgICAgcmV0dXJuIHJlc291cmNlcwogICAgfSwKICAgIG9yaWdpbkRlc2NyaXB0aW9uOiBmdW5jdGlvbigpewogICAgICBpZih0aGlzLmVudHJ5ICYmIHRoaXMuZW50cnkudGl0bGUgJiYgdGhpcy5lbnRyeS50aXRsZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKCdtb3RvcicpKXsKICAgICAgICByZXR1cm4gdGhpcy5vcmlnaW5EZXNjcmlwdGlvbnMubW90b3IKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gdGhpcy5vcmlnaW5EZXNjcmlwdGlvbnMuc2Vuc29yeQogICAgICB9CiAgICB9LAogICAgcHJvdlNwZWNpZXNEZXNjcmlwdGlvbjogZnVuY3Rpb24oKXsKICAgICAgbGV0IHRleHQgPSAiT2JzZXJ2ZWQgaW4iCiAgICAgIHRoaXMuZW50cnkucHJvdmVuYW5jZVRheG9ub215TGFiZWwuZm9yRWFjaChsYWJlbCA9PiB7CiAgICAgICAgdGV4dCArPSBgICR7bGFiZWx9LGAKICAgICAgfSk7CiAgICAgIHRleHQgPSB0ZXh0LnNsaWNlKDAsLTEpIC8vIHJlbW92ZSBsYXN0IGNvbW1hCiAgICAgIHRleHQgKz0gIiBzcGVjaWVzIgogICAgICByZXR1cm4gdGV4dAogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgdGl0bGVDYXNlOiBmdW5jdGlvbih0aXRsZSl7CiAgICAgIHJldHVybiB0aXRsZUNhc2UodGl0bGUpCiAgICB9LAogICAgY2FwaXRhbGlzZTogZnVuY3Rpb24odGV4dCl7CiAgICAgIHJldHVybiBjYXBpdGFsaXNlKHRleHQpCiAgICB9LAogICAgb25DbG9zZTogZnVuY3Rpb24oKSB7CiAgICAgIHRoaXMuJGVtaXQoIm9uQ2xvc2UiKQogICAgfSwKICAgIG9wZW5Vcmw6IGZ1bmN0aW9uKHVybCl7CiAgICAgIHdpbmRvdy5vcGVuKHVybCwgJ19ibGFuaycpCiAgICB9LAogICAgb3BlbkFsbDogZnVuY3Rpb24oKXsKICAgICAgRXZlbnRCdXMuJGVtaXQoJ29uQWN0aW9uQ2xpY2snLCB7dHlwZTonRmFjZXRzJywgbGFiZWxzOiB0aGlzLmVudHJ5LmNvbXBvbmVudHNXaXRoRGF0YXNldHMubWFwKGE9PmEubmFtZSl9KQogICAgfSwKICAgIG9wZW5BeG9uczogZnVuY3Rpb24oKXsKICAgICAgRXZlbnRCdXMuJGVtaXQoJ29uQWN0aW9uQ2xpY2snLCB7dHlwZTonRmFjZXRzJywgbGFiZWxzOiB0aGlzLmVudHJ5LmRlc3RpbmF0aW9uc1dpdGhEYXRhc2V0cy5tYXAoYT0+YS5uYW1lKX0pCiAgICB9LAogICAgb3BlbkRlbmRyaXRlczogZnVuY3Rpb24oKXsKICAgICAgRXZlbnRCdXMuJGVtaXQoJ29uQWN0aW9uQ2xpY2snLCB7dHlwZTonRmFjZXRzJywgbGFiZWxzOiB0aGlzLmVudHJ5Lm9yaWdpbnNXaXRoRGF0YXNldHMubWFwKGE9PmEubmFtZSl9KQogICAgfSwKICAgIHB1Ym1lZFNlYXJjaFVybFVwZGF0ZTogZnVuY3Rpb24gKHZhbCl7CiAgICAgIHRoaXMucHVibWVkU2VhcmNoVXJsID0gdmFsCiAgICB9LAogIH0KfTsK"},{"version":3,"sources":["Tooltip.vue"],"names":[],"mappings":";AAiFA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA","file":"Tooltip.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\n  <div class=\"tooltip-container\">\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 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    </el-main>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport {\n  Button,\n  Container,\n  Header,\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(Header);\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: \"Tooltip\",\n  props: { \n    visible: {\n      type: Boolean,\n      default: false\n    },\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      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    onClose: function() {\n      this.$emit(\"onClose\")\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.tooltip-container {\n  text-align:justify;\n  border-radius: 4px;\n  box-shadow: 0 1px 2px rgba(0,0,0,.1);\n  pointer-events: auto;\n  background: #fff;\n  border: 1px solid $app-primary-color;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\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: 1.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.main {\n  font-size: 14px;\n  text-align: left;\n  line-height: 1.5em;\n  font-family: 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\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"]}]}