{"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=style&index=0&id=11df07df&scoped=true&lang=scss&","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/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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9idXR0b24iOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvY29udGFpbmVyIjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2hlYWRlciI7CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9tYWluIjsKCi50b29sdGlwLWNvbnRhaW5lciB7CiAgdGV4dC1hbGlnbjpqdXN0aWZ5OwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBib3gtc2hhZG93OiAwIDFweCAycHggcmdiYSgwLDAsMCwuMSk7CiAgcG9pbnRlci1ldmVudHM6IGF1dG87CiAgYmFja2dyb3VuZDogI2ZmZjsKICBib3JkZXI6IDFweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9CgouZGlzcGxheSB7CiAgd2lkdGg6IDQ0cHg7CiAgd29yZC1icmVhazogbm9ybWFsOwp9CgoudGl0bGUgewogIHRleHQtYWxpZ246IGxlZnQ7CiAgd2lkdGg6IDE2ZW07CiAgbGluZS1oZWlnaHQ6IDEuNWVtICFpbXBvcnRhbnQ7CiAgZm9udC1zaXplOiAxZW07CiAgZm9udC1mYW1pbHk6IEhlbHZldGljYTsKICBmb250LXdlaWdodDogNTAwOwogIC8qIGZvbnQtd2VpZ2h0OiBib2xkOyAqLwogIHBhZGRpbmctYm90dG9tOiA4cHg7Cn0KCi5ibG9jayB7CiAgbWFyZ2luLWJvdHRvbTogMS41ZW07Cn0KCi5wdWIgewogIHdpZHRoOiAxNnJlbTsKfQoKLmljb24gewogIHJpZ2h0OiAwcHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMTBweDsKfQoKLmljb246aG92ZXIgewogIGN1cnNvcjogcG9pbnRlcjsKfQoKLnBvcG92ZXItb3JpZ2luLWhlbHAgewogIHRleHQtdHJhbnNmb3JtOiBub25lICFpbXBvcnRhbnQ7IC8vIG5lZWQgdG8gb3ZlcmlkZSB0aGUgdG9vbHRpcCB0ZXh0IHRyYW5zZm9ybQp9CgouaW5mb3sKICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogIGNvbG9yOiAjODMwMGJmOwogIG1hcmdpbi1sZWZ0OiA4cHg7Cn0KCi5zZXBlcmF0b3IgewogIHdpZHRoOjkwJTsKICBoZWlnaHQ6MXB4OwogIGJhY2tncm91bmQtY29sb3I6I2JmYmVjMjsKfQoKLm1haW4gewogIGZvbnQtc2l6ZTogMTRweDsKICB0ZXh0LWFsaWduOiBsZWZ0OwogIGxpbmUtaGVpZ2h0OiAxLjVlbTsKICBmb250LWZhbWlseTogSGVsdmV0aWNhOwogIGZvbnQtd2VpZ2h0OiA0MDA7CiAgLyogb3V0bGluZTogdGhpbiByZWQgc29saWQ7ICovCiAgcGFkZGluZzogMWVtICFpbXBvcnRhbnQ7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBtaW4td2lkdGg6IDE2cmVtOwp9CgoudGl0bGV7CiAgZm9udC1zaXplOiAxOHB4OwogIGZvbnQtd2VpZ2h0OiA1MDA7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgcGFkZGluZy1ib3R0b206IDhweDsKICBjb2xvcjogcmdiKDEzMSwgMCwgMTkxKTsKCn0KCi5hdHRyaWJ1dGUtdGl0bGV7CiAgZm9udC1zaXplOiAxNnB4OwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgLyogZm9udC13ZWlnaHQ6IGJvbGQ7ICovCiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsKfQoKLmF0dHJpYnV0ZS1jb250ZW50ewogIGZvbnQtc2l6ZTogMTRweDsKICBmb250LXdlaWdodDogNTAwOwp9CgoucG9wb3Zlci1jb250YWluZXIgewogIGhlaWdodDogMTAwJTsKICB3aWR0aDogMTAwJTsKfQoKLm1haW4gewogIC5lbC1idXR0b24uaXMtcm91bmR7CiAgICBib3JkZXItcmFkaXVzOiA0cHg7CiAgICBwYWRkaW5nOiA5cHggMjBweCAxMHB4IDIwcHg7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgaGVpZ2h0OiAzNnB4OwogIH0KfQoKLmJ1dHRvbiB7CiAgbWFyZ2luLWxlZnQ6IDBweCAhaW1wb3J0YW50OwogIG1hcmdpbi10b3A6IDBweCAhaW1wb3J0YW50OwogIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50OwogIGJhY2tncm91bmQtY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsKICBjb2xvcjogI2ZmZjsKICAmKy5idXR0b24gewogICAgbWFyZ2luLXRvcDogMTBweCAhaW1wb3J0YW50OwogIH0KICAmOmhvdmVyIHsKICAgIGNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7CiAgICBiYWNrZ3JvdW5kOiAjYWM3NmM1ICFpbXBvcnRhbnQ7CiAgICBib3JkZXI6IDFweCBzb2xpZCAjYWM3NmM1ICFpbXBvcnRhbnQ7CiAgfQp9CgoudG9vbHRpcC1jb250YWluZXJ7CiAgJjo6YWZ0ZXIsICY6OmJlZm9yZSB7CiAgICBjb250ZW50OiAnJzsKICAgIGRpc3BsYXk6IGJsb2NrOwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgd2lkdGg6IDA7CiAgICBoZWlnaHQ6IDA7CiAgICBib3JkZXItc3R5bGU6IHNvbGlkOwogICAgZmxleC1zaHJpbms6IDA7CiAgfQogIC50b29sdGlwIHsKICAgICY6OmFmdGVyIHsKICAgICAgZGlzcGxheTogbm9uZTsKICAgIH0KICAgICY6OmJlZm9yZSB7CiAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICB9CiAgfQp9CgoubWFwbGlicmVnbC1wb3B1cC1hbmNob3ItYm90dG9tIHsKICAudG9vbHRpcC1jb250YWluZXIgewogICAgJjo6YWZ0ZXIsICY6OmJlZm9yZSB7CiAgICAgIHRvcDogMTAwJTsKICAgICAgYm9yZGVyLXdpZHRoOiAxMnB4OwogICAgfQogICAgJjo6YWZ0ZXIgewogICAgICBtYXJnaW4tdG9wOi0xcHg7CiAgICAgIGJvcmRlci1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICB0cmFuc3BhcmVudCA7CiAgICB9CiAgICAmOjpiZWZvcmUgewogICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgYm9yZGVyLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3IgIHRyYW5zcGFyZW50ICB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCA7CiAgICB9CiAgfQp9CgoubWFwbGlicmVnbC1wb3B1cC1hbmNob3ItdG9wIHsKICAudG9vbHRpcC1jb250YWluZXIgewogICAgJjo6YWZ0ZXIsICY6OmJlZm9yZSB7CiAgICAgIHRvcDogLTI0cHg7CiAgICAgIGJvcmRlci13aWR0aDogMTJweDsKICAgIH0KICAgICY6OmFmdGVyIHsKICAgICAgbWFyZ2luLXRvcDogMXB4OwogICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHJnYigyNTUsIDI1NSwgMjU1KSB0cmFuc3BhcmVudCA7CiAgICB9CiAgICAmOjpiZWZvcmUgewogICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAkYXBwLXByaW1hcnktY29sb3IgdHJhbnNwYXJlbnQgOwogICAgfQogIH0KfQoKLmNvbnRlbnQtY29udGFpbmVyIHsKICBvdmVyZmxvdy15OiBzY3JvbGw7CiAgc2Nyb2xsYmFyLXdpZHRoOiB0aGluICFpbXBvcnRhbnQ7CiAgbWF4LWhlaWdodDogMjQwcHg7Cn0KCi5zY3JvbGxiYXI6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHsKICBib3JkZXItcmFkaXVzOiAxMHB4OwogIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7Cn0KCi5zY3JvbGxiYXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICB3aWR0aDogMTJweDsKICByaWdodDogLTEycHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTsKfQoKLnNjcm9sbGJhcjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIgewogIGJvcmRlci1yYWRpdXM6IDRweDsKICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMDYpOwogIGJhY2tncm91bmQtY29sb3I6ICM5Nzk3OTc7Cn0KCgovKiBGaXggZm9yIGNocm9tZSBidWcgd2hlcmUgdW5kZXIgdHJpYW5nbGUgcG9wcyB1cCBhYm92ZSBvbmUgb24gdG9wIG9mIGl0ICAqLwouc2VsZWN0b3I6bm90KCo6cm9vdCksIC50b29sdGlwLWNvbnRhaW5lcjo6YWZ0ZXJ7CiAgdG9wOiA5OS40JTsKfQo="},{"version":3,"sources":["Tooltip.vue"],"names":[],"mappings":";AA4MA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;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"]}]}