{"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=style&index=0&id=da61c586&prod&scoped=true&lang=scss&","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/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+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvbWFpbiI7DQoNCi5kaXNwbGF5IHsNCiAgd2lkdGg6IDQ0cHg7DQogIHdvcmQtYnJlYWs6IG5vcm1hbDsNCn0NCg0KLnRpdGxlIHsNCiAgdGV4dC1hbGlnbjogbGVmdDsNCiAgd2lkdGg6IDE2ZW07DQogIGxpbmUtaGVpZ2h0OiAxLjVlbSAhaW1wb3J0YW50Ow0KICBmb250LXNpemU6IDFlbTsNCiAgZm9udC1mYW1pbHk6IEhlbHZldGljYTsNCiAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgLyogZm9udC13ZWlnaHQ6IGJvbGQ7ICovDQogIHBhZGRpbmctYm90dG9tOiA4cHg7DQp9DQoNCi5ibG9jayB7DQogIG1hcmdpbi1ib3R0b206IDAuNWVtOw0KfQ0KDQoucHViIHsNCiAgd2lkdGg6IDE2cmVtOw0KfQ0KDQouaWNvbiB7DQogIHJpZ2h0OiAwcHg7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgdG9wOiAxMHB4Ow0KfQ0KDQouaWNvbjpob3ZlciB7DQogIGN1cnNvcjogcG9pbnRlcjsNCn0NCg0KLnBvcG92ZXItb3JpZ2luLWhlbHAgew0KICB0ZXh0LXRyYW5zZm9ybTogbm9uZSAhaW1wb3J0YW50OyAvLyBuZWVkIHRvIG92ZXJpZGUgdGhlIHRvb2x0aXAgdGV4dCB0cmFuc2Zvcm0NCn0NCg0KLmluZm97DQogIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7DQogIGNvbG9yOiAjODMwMGJmOw0KICBtYXJnaW4tbGVmdDogOHB4Ow0KfQ0KDQouc2VwZXJhdG9yIHsNCiAgd2lkdGg6OTAlOw0KICBoZWlnaHQ6MXB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiNiZmJlYzI7DQp9DQoNCi5oaWRlew0KICBjb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOw0KICBjdXJzb3I6IHBvaW50ZXI7DQogIG1hcmdpbi1yaWdodDogNnB4Ow0KICBtYXJnaW4tdG9wOiAzcHg7DQp9DQoNCi5zbGlkZS1mYWRlLWVudGVyLWFjdGl2ZSB7DQogIHRyYW5zaXRpb246IG9wYWNpdHkgMC41cywgdHJhbnNmb3JtIDAuNXM7DQp9DQouc2xpZGUtZmFkZS1sZWF2ZS1hY3RpdmUgew0KICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnMsIHRyYW5zZm9ybSAwLjJzOw0KfQ0KLnNsaWRlLWZhZGUtZW50ZXIsIC5zbGlkZS1mYWRlLWxlYXZlLXRvIC8qIC5zbGlkZS1mYWRlLWxlYXZlLWFjdGl2ZSBpbiA8Mi4xLjggKi8gew0KICBvcGFjaXR5OiAwOw0KICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLThweCk7DQp9DQoNCi5tYWluIHsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICB0ZXh0LWFsaWduOiBsZWZ0Ow0KICBsaW5lLWhlaWdodDogMS41ZW07DQogIGZvbnQtZmFtaWx5OiBBc2FwLCBzYW5zLXNlcmlmLEhlbHZldGljYTsNCiAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgLyogb3V0bGluZTogdGhpbiByZWQgc29saWQ7ICovDQogIHBhZGRpbmc6IDFlbSAhaW1wb3J0YW50Ow0KICBvdmVyZmxvdzogaGlkZGVuOw0KICBtaW4td2lkdGg6IDE2cmVtOw0KfQ0KDQoudGl0bGV7DQogIGZvbnQtc2l6ZTogMThweDsNCiAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogIHBhZGRpbmctYm90dG9tOiA4cHg7DQogIGNvbG9yOiByZ2IoMTMxLCAwLCAxOTEpOw0KfQ0KDQouYXR0cmlidXRlLXRpdGxlew0KICBmb250LXNpemU6IDE2cHg7DQogIGZvbnQtd2VpZ2h0OiA2MDA7DQogIC8qIGZvbnQtd2VpZ2h0OiBib2xkOyAqLw0KICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOw0KfQ0KDQouYXR0cmlidXRlLWNvbnRlbnR7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgZm9udC13ZWlnaHQ6IDUwMDsNCn0NCg0KLnBvcG92ZXItY29udGFpbmVyIHsNCiAgaGVpZ2h0OiAxMDAlOw0KICB3aWR0aDogMTAwJTsNCn0NCg0KLm1haW4gew0KICAuZWwtYnV0dG9uLmlzLXJvdW5kew0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBwYWRkaW5nOiA5cHggMjBweCAxMHB4IDIwcHg7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBoZWlnaHQ6IDM2cHg7DQogIH0NCn0NCg0KLmJ1dHRvbiB7DQogIG1hcmdpbi1sZWZ0OiAwcHggIWltcG9ydGFudDsNCiAgbWFyZ2luLXRvcDogMHB4ICFpbXBvcnRhbnQ7DQogIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogIGNvbG9yOiAjZmZmOw0KICAmKy5idXR0b24gew0KICAgIG1hcmdpbi10b3A6IDEwcHggIWltcG9ydGFudDsNCiAgfQ0KICAmOmhvdmVyIHsNCiAgICBjb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KICAgIGJhY2tncm91bmQ6ICNhYzc2YzUgIWltcG9ydGFudDsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjYWM3NmM1ICFpbXBvcnRhbnQ7DQogIH0NCn0NCg0KLnRvb2x0aXAtY29udGFpbmVyew0KICAmOjphZnRlciwgJjo6YmVmb3JlIHsNCiAgICBjb250ZW50OiAnJzsNCiAgICBkaXNwbGF5OiBibG9jazsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgd2lkdGg6IDA7DQogICAgaGVpZ2h0OiAwOw0KICAgIGJvcmRlci1zdHlsZTogc29saWQ7DQogICAgZmxleC1zaHJpbms6IDA7DQogIH0NCiAgLnRvb2x0aXAgew0KICAgICY6OmFmdGVyIHsNCiAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgfQ0KICAgICY6OmJlZm9yZSB7DQogICAgICBkaXNwbGF5OiBub25lOw0KICAgIH0NCiAgfQ0KfQ0KDQoubWFwbGlicmVnbC1wb3B1cC1hbmNob3ItYm90dG9tIHsNCiAgLnRvb2x0aXAtY29udGFpbmVyIHsNCiAgICAmOjphZnRlciwgJjo6YmVmb3JlIHsNCiAgICAgIHRvcDogMTAwJTsNCiAgICAgIGJvcmRlci13aWR0aDogMTJweDsNCiAgICB9DQogICAgJjo6YWZ0ZXIgew0KICAgICAgbWFyZ2luLXRvcDotMXB4Ow0KICAgICAgYm9yZGVyLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSkgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIHRyYW5zcGFyZW50IDsNCiAgICB9DQogICAgJjo6YmVmb3JlIHsNCiAgICAgIG1hcmdpbjogMCBhdXRvOw0KICAgICAgYm9yZGVyLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3IgIHRyYW5zcGFyZW50ICB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCA7DQogICAgfQ0KICB9DQp9DQoNCi5tYXBsaWJyZWdsLXBvcHVwLWFuY2hvci10b3Agew0KICAudG9vbHRpcC1jb250YWluZXIgew0KICAgICY6OmFmdGVyLCAmOjpiZWZvcmUgew0KICAgICAgdG9wOiAtMjRweDsNCiAgICAgIGJvcmRlci13aWR0aDogMTJweDsNCiAgICB9DQogICAgJjo6YWZ0ZXIgew0KICAgICAgbWFyZ2luLXRvcDogMXB4Ow0KICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCByZ2IoMjU1LCAyNTUsIDI1NSkgdHJhbnNwYXJlbnQgOw0KICAgIH0NCiAgICAmOjpiZWZvcmUgew0KICAgICAgbWFyZ2luOiAwIGF1dG87DQogICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICRhcHAtcHJpbWFyeS1jb2xvciB0cmFuc3BhcmVudCA7DQogICAgfQ0KICB9DQp9DQoNCi5jb250ZW50LWNvbnRhaW5lciB7DQogIG92ZXJmbG93LXk6IHNjcm9sbDsNCiAgc2Nyb2xsYmFyLXdpZHRoOiB0aGluICFpbXBvcnRhbnQ7DQogIG1heC1oZWlnaHQ6IDI0MHB4Ow0KfQ0KDQouc2Nyb2xsYmFyOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7DQogIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7DQp9DQoNCi5zY3JvbGxiYXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHsNCiAgd2lkdGg6IDEycHg7DQogIHJpZ2h0OiAtMTJweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTsNCn0NCg0KLnNjcm9sbGJhcjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIgew0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIGJveC1zaGFkb3c6IDAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4wNik7DQogIGJhY2tncm91bmQtY29sb3I6ICM5Nzk3OTc7DQp9DQoNCg0KLyogRml4IGZvciBjaHJvbWUgYnVnIHdoZXJlIHVuZGVyIHRyaWFuZ2xlIHBvcHMgdXAgYWJvdmUgb25lIG9uIHRvcCBvZiBpdCAgKi8NCi5zZWxlY3Rvcjpub3QoKjpyb290KSwgLnRvb2x0aXAtY29udGFpbmVyOjphZnRlcnsNCiAgdG9wOiA5OS40JTsNCn0NCg=="},{"version":3,"sources":["ProvenancePopup.vue"],"names":[],"mappings":";AA4MA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;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":"ProvenancePopup.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\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 v-show=\"showDetails\" class=\"hide\" @click=\"showDetails = false\">\r\n        Hide path information\r\n        <i class=\"el-icon-arrow-up\"></i>\r\n      </div>\r\n      <div v-show=\"!showDetails\" class=\"hide\" @click=\"showDetails = true\">\r\n        Show path information\r\n        <i class=\"el-icon-arrow-down\"></i>\r\n      </div>\r\n    <transition name=\"slide-fade\">\r\n      <div v-show=\"showDetails\" 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    </transition>\r\n  </el-main>\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  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(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: \"ProvenancePopup\",\r\n  props: { \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      showDetails: 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    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.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: 0.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.hide{\r\n  color: $app-primary-color;\r\n  cursor: pointer;\r\n  margin-right: 6px;\r\n  margin-top: 3px;\r\n}\r\n\r\n.slide-fade-enter-active {\r\n  transition: opacity 0.5s, transform 0.5s;\r\n}\r\n.slide-fade-leave-active {\r\n  transition: opacity 0.2s, transform 0.2s;\r\n}\r\n.slide-fade-enter, .slide-fade-leave-to /* .slide-fade-leave-active in <2.1.8 */ {\r\n  opacity: 0;\r\n  transform: translateY(-8px);\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: Asap, sans-serif,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.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"]}]}