{"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=2bac80cc&prod&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:DQpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvYnV0dG9uIjsNCkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9jb250YWluZXIiOw0KQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2hlYWRlciI7DQpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvbWFpbiI7DQoNCi50b29sdGlwLWNvbnRhaW5lciB7DQogIHRleHQtYWxpZ246anVzdGlmeTsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBib3gtc2hhZG93OiAwIDFweCAycHggcmdiYSgwLDAsMCwuMSk7DQogIHBvaW50ZXItZXZlbnRzOiBhdXRvOw0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBib3JkZXI6IDFweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7DQogIGRpc3BsYXk6IGZsZXg7DQogIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KfQ0KDQouZGlzcGxheSB7DQogIHdpZHRoOiA0NHB4Ow0KICB3b3JkLWJyZWFrOiBub3JtYWw7DQp9DQoNCi50aXRsZSB7DQogIHRleHQtYWxpZ246IGxlZnQ7DQogIHdpZHRoOiAxNmVtOw0KICBsaW5lLWhlaWdodDogMS41ZW0gIWltcG9ydGFudDsNCiAgZm9udC1zaXplOiAxZW07DQogIGZvbnQtZmFtaWx5OiBIZWx2ZXRpY2E7DQogIGZvbnQtd2VpZ2h0OiA1MDA7DQogIC8qIGZvbnQtd2VpZ2h0OiBib2xkOyAqLw0KICBwYWRkaW5nLWJvdHRvbTogOHB4Ow0KfQ0KDQouYmxvY2sgew0KICBtYXJnaW4tYm90dG9tOiAxLjVlbTsNCn0NCg0KLnB1YiB7DQogIHdpZHRoOiAxNnJlbTsNCn0NCg0KLmljb24gew0KICByaWdodDogMHB4Ow0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHRvcDogMTBweDsNCn0NCg0KLmljb246aG92ZXIgew0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCi5wb3BvdmVyLW9yaWdpbi1oZWxwIHsNCiAgdGV4dC10cmFuc2Zvcm06IG5vbmUgIWltcG9ydGFudDsgLy8gbmVlZCB0byBvdmVyaWRlIHRoZSB0b29sdGlwIHRleHQgdHJhbnNmb3JtDQp9DQoNCi5pbmZvew0KICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOw0KICBjb2xvcjogIzgzMDBiZjsNCiAgbWFyZ2luLWxlZnQ6IDhweDsNCn0NCg0KLnNlcGVyYXRvciB7DQogIHdpZHRoOjkwJTsNCiAgaGVpZ2h0OjFweDsNCiAgYmFja2dyb3VuZC1jb2xvcjojYmZiZWMyOw0KfQ0KDQoubWFpbiB7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgdGV4dC1hbGlnbjogbGVmdDsNCiAgbGluZS1oZWlnaHQ6IDEuNWVtOw0KICBmb250LWZhbWlseTogSGVsdmV0aWNhOw0KICBmb250LXdlaWdodDogNDAwOw0KICAvKiBvdXRsaW5lOiB0aGluIHJlZCBzb2xpZDsgKi8NCiAgcGFkZGluZzogMWVtICFpbXBvcnRhbnQ7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIG1pbi13aWR0aDogMTZyZW07DQp9DQoNCi50aXRsZXsNCiAgZm9udC1zaXplOiAxOHB4Ow0KICBmb250LXdlaWdodDogNTAwOw0KICBmb250LXdlaWdodDogYm9sZDsNCiAgcGFkZGluZy1ib3R0b206IDhweDsNCiAgY29sb3I6IHJnYigxMzEsIDAsIDE5MSk7DQoNCn0NCg0KLmF0dHJpYnV0ZS10aXRsZXsNCiAgZm9udC1zaXplOiAxNnB4Ow0KICBmb250LXdlaWdodDogNjAwOw0KICAvKiBmb250LXdlaWdodDogYm9sZDsgKi8NCiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsNCn0NCg0KLmF0dHJpYnV0ZS1jb250ZW50ew0KICBmb250LXNpemU6IDE0cHg7DQogIGZvbnQtd2VpZ2h0OiA1MDA7DQp9DQoNCi5wb3BvdmVyLWNvbnRhaW5lciB7DQogIGhlaWdodDogMTAwJTsNCiAgd2lkdGg6IDEwMCU7DQp9DQoNCi5tYWluIHsNCiAgLmVsLWJ1dHRvbi5pcy1yb3VuZHsNCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgcGFkZGluZzogOXB4IDIwcHggMTBweCAyMHB4Ow0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgaGVpZ2h0OiAzNnB4Ow0KICB9DQp9DQoNCi5idXR0b24gew0KICBtYXJnaW4tbGVmdDogMHB4ICFpbXBvcnRhbnQ7DQogIG1hcmdpbi10b3A6IDBweCAhaW1wb3J0YW50Ow0KICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDsNCiAgYmFja2dyb3VuZC1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOw0KICBjb2xvcjogI2ZmZjsNCiAgJisuYnV0dG9uIHsNCiAgICBtYXJnaW4tdG9wOiAxMHB4ICFpbXBvcnRhbnQ7DQogIH0NCiAgJjpob3ZlciB7DQogICAgY29sb3I6ICNmZmYgIWltcG9ydGFudDsNCiAgICBiYWNrZ3JvdW5kOiAjYWM3NmM1ICFpbXBvcnRhbnQ7DQogICAgYm9yZGVyOiAxcHggc29saWQgI2FjNzZjNSAhaW1wb3J0YW50Ow0KICB9DQp9DQoNCi50b29sdGlwLWNvbnRhaW5lcnsNCiAgJjo6YWZ0ZXIsICY6OmJlZm9yZSB7DQogICAgY29udGVudDogJyc7DQogICAgZGlzcGxheTogYmxvY2s7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHdpZHRoOiAwOw0KICAgIGhlaWdodDogMDsNCiAgICBib3JkZXItc3R5bGU6IHNvbGlkOw0KICAgIGZsZXgtc2hyaW5rOiAwOw0KICB9DQogIC50b29sdGlwIHsNCiAgICAmOjphZnRlciB7DQogICAgICBkaXNwbGF5OiBub25lOw0KICAgIH0NCiAgICAmOjpiZWZvcmUgew0KICAgICAgZGlzcGxheTogbm9uZTsNCiAgICB9DQogIH0NCn0NCg0KLm1hcGxpYnJlZ2wtcG9wdXAtYW5jaG9yLWJvdHRvbSB7DQogIC50b29sdGlwLWNvbnRhaW5lciB7DQogICAgJjo6YWZ0ZXIsICY6OmJlZm9yZSB7DQogICAgICB0b3A6IDEwMCU7DQogICAgICBib3JkZXItd2lkdGg6IDEycHg7DQogICAgfQ0KICAgICY6OmFmdGVyIHsNCiAgICAgIG1hcmdpbi10b3A6LTFweDsNCiAgICAgIGJvcmRlci1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICB0cmFuc3BhcmVudCA7DQogICAgfQ0KICAgICY6OmJlZm9yZSB7DQogICAgICBtYXJnaW46IDAgYXV0bzsNCiAgICAgIGJvcmRlci1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yICB0cmFuc3BhcmVudCAgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgOw0KICAgIH0NCiAgfQ0KfQ0KDQoubWFwbGlicmVnbC1wb3B1cC1hbmNob3ItdG9wIHsNCiAgLnRvb2x0aXAtY29udGFpbmVyIHsNCiAgICAmOjphZnRlciwgJjo6YmVmb3JlIHsNCiAgICAgIHRvcDogLTI0cHg7DQogICAgICBib3JkZXItd2lkdGg6IDEycHg7DQogICAgfQ0KICAgICY6OmFmdGVyIHsNCiAgICAgIG1hcmdpbi10b3A6IDFweDsNCiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgcmdiKDI1NSwgMjU1LCAyNTUpIHRyYW5zcGFyZW50IDsNCiAgICB9DQogICAgJjo6YmVmb3JlIHsNCiAgICAgIG1hcmdpbjogMCBhdXRvOw0KICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAkYXBwLXByaW1hcnktY29sb3IgdHJhbnNwYXJlbnQgOw0KICAgIH0NCiAgfQ0KfQ0KDQouY29udGVudC1jb250YWluZXIgew0KICBvdmVyZmxvdy15OiBzY3JvbGw7DQogIHNjcm9sbGJhci13aWR0aDogdGhpbiAhaW1wb3J0YW50Ow0KICBtYXgtaGVpZ2h0OiAyNDBweDsNCn0NCg0KLnNjcm9sbGJhcjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sgew0KICBib3JkZXItcmFkaXVzOiAxMHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1Ow0KfQ0KDQouc2Nyb2xsYmFyOjotd2Via2l0LXNjcm9sbGJhciB7DQogIHdpZHRoOiAxMnB4Ow0KICByaWdodDogLTEycHg7DQogIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7DQp9DQoNCi5zY3JvbGxiYXI6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMDYpOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjOTc5Nzk3Ow0KfQ0KDQoNCi8qIEZpeCBmb3IgY2hyb21lIGJ1ZyB3aGVyZSB1bmRlciB0cmlhbmdsZSBwb3BzIHVwIGFib3ZlIG9uZSBvbiB0b3Agb2YgaXQgICovDQouc2VsZWN0b3I6bm90KCo6cm9vdCksIC50b29sdGlwLWNvbnRhaW5lcjo6YWZ0ZXJ7DQogIHRvcDogOTkuNCU7DQp9DQo="},{"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>\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 v-if=\"entry.provenanceTaxonomyLabel && entry.provenanceTaxonomyLabel.length > 0\" class=\"subtitle\">\r\n          {{provSpeciesDescription}}\r\n        </div>\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      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    provSpeciesDescription: function(){\r\n      let text = \"Observed in\"\r\n      this.entry.provenanceTaxonomyLabel.forEach(label => {\r\n        text += ` ${label},`\r\n      });\r\n      text = text.slice(0,-1) // remove last comma\r\n      text += \" species\"\r\n      return text\r\n    }\r\n  },\r\n  methods: {\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.entry.componentsWithDatasets.map(a=>a.name)})\r\n    },\r\n    openAxons: function(){\r\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.entry.destinationsWithDatasets.map(a=>a.name)})\r\n    },\r\n    openDendrites: function(){\r\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.entry.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:1px;\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  .tooltip {\r\n    &::after {\r\n      display: none;\r\n    }\r\n    &::before {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.maplibregl-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.maplibregl-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"]}]}