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