@abi-software/flatmapvuer 0.4.0 → 0.4.1-beta.1

package/dist/flatmapvuer.umd.js

@@ -96,6 +96,24 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
+/***/ "0676":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("dc50");
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "06b8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "06f1":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -257,6 +275,24 @@ row.install = function (Vue) {
 
 /***/ }),
 
+/***/ "11b0":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("9b22");
+__webpack_require__("4933");
+__webpack_require__("97d3");
+__webpack_require__("2ff9");
+__webpack_require__("4ccb");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+__webpack_require__("4362");
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "12f2":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -279,6 +315,13 @@ exports.default = function (ref) {
 
 /***/ }),
 
+/***/ "12fb":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.json.to-string-tag.js");
+
+/***/ }),
+
 /***/ "13e3":
 /***/ (function(module, exports) {
 
@@ -714,6 +757,13 @@ module.exports = __webpack_require__("e62d");
 
 /***/ }),
 
+/***/ "14f0":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.to-string-tag.js");
+
+/***/ }),
+
 /***/ "1951":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -749,21 +799,21 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 /***/ }),
 
-/***/ "22c0":
+/***/ "222e":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "233b":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7a9a");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "2236":
+/***/ (function(module, exports, __webpack_require__) {
 
+var arrayLikeToArray = __webpack_require__("5a43");
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return arrayLikeToArray(arr);
+}
+module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
 
@@ -909,6 +959,402 @@ module.exports = require("core-js/modules/es.regexp.to-string.js");
 
 /***/ }),
 
+/***/ "35ee":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "362b":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.get-prototype-of.js");
+
+/***/ }),
+
+/***/ "3630":
+/***/ (function(module, exports, __webpack_require__) {
+
+var _regeneratorRuntime = __webpack_require__("7ec2").default;
+var _asyncToGenerator = __webpack_require__("c973").default;
+var _toConsumableArray = __webpack_require__("448a").default;
+__webpack_require__("4391");
+__webpack_require__("4ccb");
+__webpack_require__("97d3");
+__webpack_require__("8535");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+__webpack_require__("a9ee");
+__webpack_require__("ec71");
+__webpack_require__("13e3");
+__webpack_require__("ccb0");
+__webpack_require__("da6e");
+__webpack_require__("722b");
+__webpack_require__("2439");
+__webpack_require__("1a89");
+__webpack_require__("712c");
+__webpack_require__("30df");
+/* eslint-disable no-alert, no-console */
+// remove duplicates by stringifying the objects
+var removeDuplicates = function removeDuplicates(arrayOfAnything) {
+  return _toConsumableArray(new Set(arrayOfAnything.map(function (e) {
+    return JSON.stringify(e);
+  }))).map(function (e) {
+    return JSON.parse(e);
+  });
+};
+var inArray = function inArray(ar1, ar2) {
+  var as1 = JSON.stringify(ar1);
+  var as2 = JSON.stringify(ar2);
+  return as1.indexOf(as2) !== -1;
+};
+exports.FlatmapQueries = function (sparcApi, flatmapApi) {
+  var _this = this;
+  this.sparcApi = sparcApi;
+  this.flatmapApi = flatmapApi;
+  this.destinations = [];
+  this.origins = [];
+  this.components = [];
+  this.uberons = [];
+  this.urls = [];
+  this.controller = undefined;
+  this.createTooltipData = function (eventData) {
+    var tooltipData = {
+      destinations: _this.destinations,
+      origins: _this.origins,
+      components: _this.components,
+      destinationsWithDatasets: _this.destinationsWithDatasets,
+      originsWithDatasets: _this.originsWithDatasets,
+      componentsWithDatasets: _this.componentsWithDatasets,
+      title: eventData.label,
+      featureId: eventData.resource,
+      hyperlinks: eventData.feature.hyperlinks ? eventData.feature.hyperlinks : _this.urls.map(function (url) {
+        return {
+          url: url,
+          id: "pubmed"
+        };
+      })
+    };
+    return tooltipData;
+  };
+  var getOrganCuries = function getOrganCuries() {
+    return new Promise(function (resolve) {
+      fetch("".concat(_this.sparcAPI, "get-organ-curies/")).then(function (response) {
+        return response.json();
+      }).then(function (data) {
+        resolve(data.uberon.array);
+      });
+    });
+  };
+  var createLabelLookup = function createLabelLookup(uberons) {
+    return new Promise(function (resolve) {
+      var uberonMap = {};
+      var data = {
+        sql: buildLabelSqlStatement(uberons)
+      };
+      fetch("".concat(_this.flatmapApi, "knowledge/query/"), {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+      }).then(function (response) {
+        return response.json();
+      }).then(function (payload) {
+        var entity = payload.keys.indexOf("entity");
+        var label = payload.keys.indexOf("label");
+        if (entity > -1 && label > -1) {
+          payload.values.forEach(function (pair) {
+            uberonMap[pair[entity]] = pair[label];
+          });
+        }
+        resolve(uberonMap);
+      });
+    });
+  };
+  getOrganCuries().then(function (uberons) {
+    _this.uberons = uberons;
+    createLabelLookup(uberons).then(function (lookUp) {
+      _this.lookUp = lookUp;
+    });
+  });
+  var buildConnectivitySqlStatement = function buildConnectivitySqlStatement(keastIds) {
+    var sql = 'select knowledge from knowledge where entity in (';
+    if (keastIds.length === 1) {
+      sql += "'".concat(keastIds[0], "')");
+    } else if (keastIds.length > 1) {
+      for (var i in keastIds) {
+        sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
+      }
+    }
+    return sql;
+  };
+  var buildLabelSqlStatement = function buildLabelSqlStatement(uberons) {
+    var sql = 'select entity, label from labels where entity in (';
+    if (uberons.length === 1) {
+      sql += "'".concat(uberons[0], "')");
+    } else if (uberons.length > 1) {
+      for (var i in uberons) {
+        sql += "'".concat(uberons[i], "'").concat(i >= uberons.length - 1 ? ')' : ',', " ");
+      }
+    }
+    return sql;
+  };
+  var findAllIdsFromConnectivity = function findAllIdsFromConnectivity(connectivity) {
+    var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
+    var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
+    var found = [];
+    nodes.forEach(function (n) {
+      if (Array.isArray(n)) {
+        found.push(n.flat());
+      } else {
+        found.push(n);
+      }
+    });
+    return _toConsumableArray(new Set(found.flat()));
+  };
+  this.retrieveFlatmapKnowledgeForEvent = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(eventData) {
+      var signal, keastIds, data, prom1, prom2;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              // check if there is an existing query
+              if (_this.controller) _this.controller.abort();
+
+              // set up the abort controller
+              _this.controller = new AbortController();
+              signal = _this.controller.signal;
+              keastIds = eventData.resource;
+              _this.destinations = [];
+              _this.origins = [];
+              _this.components = [];
+              if (!(!keastIds || keastIds.length == 0)) {
+                _context.next = 9;
+                break;
+              }
+              return _context.abrupt("return");
+            case 9:
+              data = {
+                sql: buildConnectivitySqlStatement(keastIds)
+              };
+              prom1 = new Promise(function (resolve) {
+                fetch("".concat(_this.flatmapApi, "knowledge/query/"), {
+                  method: 'POST',
+                  headers: {
+                    'Content-Type': 'application/json'
+                  },
+                  body: JSON.stringify(data),
+                  signal: signal
+                }).then(function (response) {
+                  return response.json();
+                }).then(function (data) {
+                  if (connectivityExists(data)) {
+                    var connectivity = JSON.parse(data.values[0][0]);
+                    processConnectivity(connectivity).then(function () {
+                      resolve(true);
+                    });
+                  } else {
+                    console.log('No connectivity data found');
+                    resolve(true);
+                  }
+                }).catch(function (error) {
+                  console.error('Error:', error);
+                  resolve(false);
+                });
+              });
+              prom2 = pubmedQueryOnIds(eventData);
+              _context.next = 14;
+              return Promise.all([prom1, prom2]);
+            case 14:
+              return _context.abrupt("return", _context.sent);
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var connectivityExists = function connectivityExists(data) {
+    if (data.values && data.values.length > 0 && JSON.parse(data.values[0][0]).connectivity && JSON.parse(data.values[0][0]).connectivity.length > 0) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+  var createLabelFromNeuralNode = function createLabelFromNeuralNode(node, lookUp) {
+    var label = lookUp[node[0]];
+    if (node.length === 2 && node[1].length > 0) {
+      node[1].forEach(function (n) {
+        if (lookUp[n] == undefined) {
+          label += ", ".concat(n);
+        } else {
+          label += ", ".concat(lookUp[n]);
+        }
+      });
+    }
+    return label;
+  };
+  var flattenAndFindDatasets = function flattenAndFindDatasets(components, axons, dendrites) {
+    // process the nodes for finding datasets (Note this is not critical to the tooltip, only for the 'search on components' button)
+    var componentsFlat = flattenConntectivity(components);
+    var axonsFlat = flattenConntectivity(axons);
+    var dendritesFlat = flattenConntectivity(dendrites);
+
+    // Filter for the anatomy which is annotated on datasets
+    _this.destinationsWithDatasets = _this.uberons.filter(function (ub) {
+      return axonsFlat.indexOf(ub.id) !== -1;
+    });
+    _this.originsWithDatasets = _this.uberons.filter(function (ub) {
+      return dendritesFlat.indexOf(ub.id) !== -1;
+    });
+    _this.componentsWithDatasets = _this.uberons.filter(function (ub) {
+      return componentsFlat.indexOf(ub.id) !== -1;
+    });
+  };
+  var processConnectivity = function processConnectivity(connectivity) {
+    return new Promise(function (resolve) {
+      // Filter the origin and destinations from components
+      var components = findComponents(connectivity);
+
+      // Remove duplicates
+      var axons = removeDuplicates(connectivity.axons);
+      var dendrites = removeDuplicates(connectivity.dendrites);
+
+      // Create list of ids to get labels for
+      var conIds = findAllIdsFromConnectivity(connectivity);
+
+      // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
+      createLabelLookup(conIds).then(function (lookUp) {
+        _this.destinations = axons.map(function (a) {
+          return createLabelFromNeuralNode(a, lookUp);
+        });
+        _this.origins = dendrites.map(function (d) {
+          return createLabelFromNeuralNode(d, lookUp);
+        });
+        _this.components = components.map(function (c) {
+          return createLabelFromNeuralNode(c, lookUp);
+        });
+        flattenAndFindDatasets(components, axons, dendrites);
+        resolve(true);
+      });
+    });
+  };
+  var flattenConntectivity = function flattenConntectivity(connectivity) {
+    var dnodes = connectivity.flat(); // get nodes from edgelist
+    var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
+    var found = [];
+    nodes.forEach(function (n) {
+      if (Array.isArray(n)) {
+        found.push(n.flat());
+      } else {
+        found.push(n);
+      }
+    });
+    return found.flat();
+  };
+  var findComponents = function findComponents(connectivity) {
+    var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
+    var nodes = removeDuplicates(dnodes);
+    var found = [];
+    var terminal = false;
+    nodes.forEach(function (node) {
+      terminal = false;
+      // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
+      if (inArray(connectivity.axons, node)) {
+        terminal = true;
+      }
+      if (inArray(connectivity.dendrites, node)) {
+        terminal = true;
+      }
+      if (!terminal) {
+        found.push(node);
+      }
+    });
+    return found;
+  };
+  var stripPMIDPrefix = function stripPMIDPrefix(pubmedId) {
+    return pubmedId.split(':')[1];
+  };
+  var buildPubmedSqlStatement = function buildPubmedSqlStatement(keastIds) {
+    var sql = 'select distinct publication from publications where entity in (';
+    if (keastIds.length === 1) {
+      sql += "'".concat(keastIds[0], "')");
+    } else if (keastIds.length > 1) {
+      for (var i in keastIds) {
+        sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
+      }
+    }
+    return sql;
+  };
+  var buildPubmedSqlStatementForModels = function buildPubmedSqlStatementForModels(model) {
+    return "select distinct publication from publications where entity = '".concat(model, "'");
+  };
+  var flatmapQuery = function flatmapQuery(sql) {
+    var data = {
+      sql: sql
+    };
+    return fetch("".concat(_this.flatmapApi, "knowledge/query/"), {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(data)
+    }).then(function (response) {
+      return response.json();
+    }).catch(function (error) {
+      console.error('Error:', error);
+    });
+  };
+  var pubmedQueryOnIds = function pubmedQueryOnIds(eventData) {
+    var keastIds = eventData.resource;
+    var source = eventData.feature.source;
+    if (!keastIds || keastIds.length === 0) return;
+    var sql = buildPubmedSqlStatement(keastIds);
+    return flatmapQuery(sql).then(function (data) {
+      // Create pubmed url on paths if we have them
+      if (data.values.length > 0) {
+        _this.urls = [pubmedSearchUrl(data.values.map(function (id) {
+          return stripPMIDPrefix(id[0]);
+        }))];
+        return true;
+      } else {
+        // Create pubmed url on models
+        pubmedQueryOnModels(source).then(function () {
+          return true;
+        });
+      }
+    });
+  };
+  var pubmedQueryOnModels = function pubmedQueryOnModels(source) {
+    return flatmapQuery(buildPubmedSqlStatementForModels(source)).then(function (data) {
+      if (Array.isArray(data.values) && data.values.length > 0) {
+        _this.urls = [pubmedSearchUrl(data.values.map(function (id) {
+          return stripPMIDPrefix(id[0]);
+        }))];
+      } else {
+        _this.urls = []; // Clears the pubmed search button 
+      }
+
+      return;
+    });
+  };
+  var pubmedSearchUrl = function pubmedSearchUrl(ids) {
+    var url = 'https://pubmed.ncbi.nlm.nih.gov/?';
+    var params = new URLSearchParams();
+    params.append('term', ids);
+    return url + params.toString();
+  };
+};
+
+/***/ }),
+
 /***/ "3d2d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1202,13 +1648,6 @@ main.install = function (Vue) {
 
 /***/ }),
 
-/***/ "400b":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "4010":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1275,6 +1714,24 @@ var removeResizeListener = exports.removeResizeListener = function removeResizeL
 
 /***/ }),
 
+/***/ "4034":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExternalResourceCard_vue_vue_type_style_index_0_id_14172b61_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4d43");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExternalResourceCard_vue_vue_type_style_index_0_id_14172b61_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExternalResourceCard_vue_vue_type_style_index_0_id_14172b61_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "4086":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.set-prototype-of.js");
+
+/***/ }),
+
 /***/ "417f":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1382,6 +1839,20 @@ module.exports = require("core-js/modules/es.array.map.js");
 
 /***/ }),
 
+/***/ "448a":
+/***/ (function(module, exports, __webpack_require__) {
+
+var arrayWithoutHoles = __webpack_require__("2236");
+var iterableToArray = __webpack_require__("11b0");
+var unsupportedIterableToArray = __webpack_require__("6613");
+var nonIterableSpread = __webpack_require__("0676");
+function _toConsumableArray(arr) {
+  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
+}
+module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "450d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1692,7 +2163,7 @@ module.exports = require("core-js/modules/es.array.iterator.js");
 
 /***/ }),
 
-/***/ "4d90":
+/***/ "4d43":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -3877,14 +4348,10 @@ src_select.install = function (Vue) {
 
 /***/ }),
 
-/***/ "4fc1":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4125ac3a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5967");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4125ac3a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4125ac3a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "4fdd":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -4376,17 +4843,24 @@ var isInContainer = exports.isInContainer = function isInContainer(el, container
 
 /***/ }),
 
-/***/ "5967":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "5a3b":
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
+module.exports = require("core-js/modules/es.regexp.test.js");
 
 /***/ }),
 
-/***/ "5a3b":
+/***/ "5a43":
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.regexp.test.js");
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
+module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
 
@@ -5668,6 +6142,29 @@ module.exports = require("core-js/modules/es.string.replace.js");
 
 /***/ }),
 
+/***/ "6613":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("ea12");
+__webpack_require__("97d3");
+__webpack_require__("db0a");
+__webpack_require__("4362");
+__webpack_require__("9bb5");
+__webpack_require__("c8a6");
+__webpack_require__("5a3b");
+var arrayLikeToArray = __webpack_require__("5a43");
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
+module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "6ac5":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6710,6 +7207,29 @@ exports.default = {
 
 /***/ }),
 
+/***/ "7037":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("9b22");
+__webpack_require__("4933");
+__webpack_require__("97d3");
+__webpack_require__("2ff9");
+__webpack_require__("4ccb");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+}
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "712c":
 /***/ (function(module, exports) {
 
@@ -6724,6 +7244,13 @@ module.exports = require("core-js/modules/es.array.unscopables.flat.js");
 
 /***/ }),
 
+/***/ "7267":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.math.to-string-tag.js");
+
+/***/ }),
+
 /***/ "7435":
 /***/ (function(module, exports) {
 
@@ -6731,14 +7258,14 @@ module.exports = require("throttle-debounce/debounce");
 
 /***/ }),
 
-/***/ "7a0f":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "7949":
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
+module.exports = require("core-js/modules/es.object.proto.js");
 
 /***/ }),
 
-/***/ "7a9a":
+/***/ "7a0f":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -7027,21 +7554,370 @@ main.install = function (Vue) {
 
 /***/ }),
 
-/***/ "7f4d":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "7b79":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SelectionsGroup_vue_vue_type_style_index_0_id_1f69f0e7_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("06b8");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SelectionsGroup_vue_vue_type_style_index_0_id_1f69f0e7_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SelectionsGroup_vue_vue_type_style_index_0_id_1f69f0e7_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
 
-exports.__esModule = true;
+/***/ }),
 
-exports.default = function (target) {
-  for (var i = 1, j = arguments.length; i < j; i++) {
-    var source = arguments[i] || {};
-    for (var prop in source) {
-      if (source.hasOwnProperty(prop)) {
-        var value = source[prop];
-        if (value !== undefined) {
+/***/ "7ec2":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("9b22");
+__webpack_require__("4933");
+__webpack_require__("97d3");
+__webpack_require__("2ff9");
+__webpack_require__("4ccb");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+__webpack_require__("a52a");
+__webpack_require__("14f0");
+__webpack_require__("12fb");
+__webpack_require__("7267");
+__webpack_require__("362b");
+__webpack_require__("dc50");
+__webpack_require__("2439");
+__webpack_require__("13e3");
+__webpack_require__("db0a");
+__webpack_require__("4086");
+__webpack_require__("7949");
+__webpack_require__("ec71");
+__webpack_require__("ea12");
+var _typeof = __webpack_require__("7037")["default"];
+function _regeneratorRuntime() {
+  "use strict";
+
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+    return exports;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  var exports = {},
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function define(obj, key, value) {
+    return Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), obj[key];
+  }
+  try {
+    define({}, "");
+  } catch (err) {
+    define = function define(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
+  }
+  function tryCatch(fn, obj, arg) {
+    try {
+      return {
+        type: "normal",
+        arg: fn.call(obj, arg)
+      };
+    } catch (err) {
+      return {
+        type: "throw",
+        arg: err
+      };
+    }
+  }
+  exports.wrap = wrap;
+  var ContinueSentinel = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, function () {
+    return this;
+  });
+  var getProto = Object.getPrototypeOf,
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function (method) {
+      define(prototype, method, function (arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if ("throw" !== record.type) {
+        var result = record.arg,
+          value = result.value;
+        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+          invoke("next", value, resolve, reject);
+        }, function (err) {
+          invoke("throw", err, resolve, reject);
+        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+          result.value = unwrapped, resolve(result);
+        }, function (error) {
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+      reject(record.arg);
+    }
+    var previousPromise;
+    defineProperty(this, "_invoke", {
+      value: function value(method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(delegate, context) {
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+    var info = record.arg;
+    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+  }
+  function pushTryEntry(locs) {
+    var entry = {
+      tryLoc: locs[0]
+    };
+    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+  }
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal", delete record.arg, entry.completion = record;
+  }
+  function Context(tryLocsList) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) return iteratorMethod.call(iterable);
+      if ("function" == typeof iterable.next) return iterable;
+      if (!isNaN(iterable.length)) {
+        var i = -1,
+          next = function next() {
+            for (; ++i < iterable.length;) {
+              if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            }
+            return next.value = undefined, next.done = !0, next;
+          };
+        return next.next = next;
+      }
+    }
+    return {
+      next: doneResult
+    };
+  }
+  function doneResult() {
+    return {
+      value: undefined,
+      done: !0
+    };
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+    var ctor = "function" == typeof genFun && genFun.constructor;
+    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+  }, exports.mark = function (genFun) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+  }, exports.awrap = function (arg) {
+    return {
+      __await: arg
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    return this;
+  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    void 0 === PromiseImpl && (PromiseImpl = Promise);
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
+    });
+  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+    return this;
+  }), define(Gp, "toString", function () {
+    return "[object Generator]";
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    return keys.reverse(), function next() {
+      for (; keys.length;) {
+        var key = keys.pop();
+        if (key in object) return next.value = key, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, exports.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function reset(skipTempReset) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
+        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+      }
+    },
+    stop: function stop() {
+      this.done = !0;
+      var rootRecord = this.tryEntries[0].completion;
+      if ("throw" === rootRecord.type) throw rootRecord.arg;
+      return this.rval;
+    },
+    dispatchException: function dispatchException(exception) {
+      if (this.done) throw exception;
+      var context = this;
+      function handle(loc, caught) {
+        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+      }
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i],
+          record = entry.completion;
+        if ("root" === entry.tryLoc) return handle("end");
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc"),
+            hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+          } else {
+            if (!hasFinally) throw new Error("try statement without catch or finally");
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function abrupt(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+      var record = finallyEntry ? finallyEntry.completion : {};
+      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+    },
+    complete: function complete(record, afterLoc) {
+      if ("throw" === record.type) throw record.arg;
+      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    },
+    finish: function finish(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+      }
+    },
+    "catch": function _catch(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if ("throw" === record.type) {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+      return this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+    }
+  }, exports;
+}
+module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "7f4d":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+exports.default = function (target) {
+  for (var i = 1, j = arguments.length; i < j; i++) {
+    var source = arguments[i] || {};
+    for (var prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        var value = source[prop];
+        if (value !== undefined) {
           target[prop] = value;
         }
       }
@@ -7371,17 +8247,6 @@ checkbox_group.install = function (Vue) {
 
 /******/ });
 
-/***/ }),
-
-/***/ "8056":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_48cc3512_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("22c0");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_48cc3512_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_48cc3512_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "8122":
@@ -8648,6 +9513,17 @@ tag.install = function (Vue) {
 
 module.exports = require("vue");
 
+/***/ }),
+
+/***/ "93b4":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4ffcf7c8_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("222e");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4ffcf7c8_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4ffcf7c8_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "97d3":
@@ -8748,6 +9624,24 @@ module.exports = require("resize-observer-polyfill");
 
 /***/ }),
 
+/***/ "a47e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4fdd");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "a52a":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.async-iterator.js");
+
+/***/ }),
+
 /***/ "a578":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -9082,17 +9976,6 @@ var isDefined = exports.isDefined = function isDefined(val) {
   return val !== undefined && val !== null;
 };
 
-/***/ }),
-
-/***/ "a79a":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SelectionsGroup_vue_vue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("400b");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SelectionsGroup_vue_vue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SelectionsGroup_vue_vue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a9ee":
@@ -9450,6 +10333,17 @@ col.install = function (Vue) {
 
 /******/ });
 
+/***/ }),
+
+/***/ "c367":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_bf82e340_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("35ee");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_bf82e340_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_bf82e340_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c56a":
@@ -9770,6 +10664,45 @@ module.exports = require("core-js/modules/es.regexp.exec.js");
 
 /***/ }),
 
+/***/ "c973":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("97d3");
+__webpack_require__("ec71");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "ccb0":
 /***/ (function(module, exports) {
 
@@ -11037,17 +11970,6 @@ _select_src_option__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].install = fun
 
 /******/ });
 
-/***/ }),
-
-/***/ "e8bf":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DynamicLegends_vue_vue_type_style_index_0_id_7ea6eb51_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f765");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DynamicLegends_vue_vue_type_style_index_0_id_7ea6eb51_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DynamicLegends_vue_vue_type_style_index_0_id_7ea6eb51_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "e974":
@@ -11271,17 +12193,6 @@ module.exports = require("core-js/modules/es.array.slice.js");
 
 module.exports = require("core-js/modules/es.object.keys.js");
 
-/***/ }),
-
-/***/ "ec09":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0d8bc999_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4d90");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0d8bc999_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0d8bc999_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ec71":
@@ -13298,13 +14209,6 @@ src_radio.install = function (Vue) {
 
 /***/ }),
 
-/***/ "f765":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f989":
 /***/ (function(module, exports) {
 
@@ -13347,7 +14251,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d6296c9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=48cc3512&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=1f482509&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -13635,12 +14539,31 @@ var render = function render() {
     domProps: {
       "innerHTML": _vm._s(_vm.flatmapMarker)
     }
-  }), _vm.isFC && _vm.systems && _vm.systems.length > 0 ? _c('dynamic-legends', {
-    key: "systemslegends",
+  }), _vm.isFC && _vm.systems && _vm.systems.length > 0 ? _c('selections-group', {
+    key: "systemsSelection",
+    ref: "systemsSelection",
     attrs: {
       "title": "Systems",
+      "labelKey": "name",
       "identifierKey": "name",
-      "lists": _vm.systems
+      "selections": _vm.systems,
+      "colourStyle": "background"
+    },
+    on: {
+      "changed": _vm.systemSelected,
+      "checkAll": _vm.checkAllSystems
+    }
+  }) : _vm._e(), !_vm.isFC && _vm.centreLines && _vm.centreLines.length > 0 ? _c('selections-group', {
+    key: "centrelinesSelection",
+    ref: "centrelinesSelection",
+    attrs: {
+      "title": "Nerves",
+      "labelKey": "label",
+      "identifierKey": "key",
+      "selections": _vm.centreLines
+    },
+    on: {
+      "changed": _vm.centreLinesSelected
     }
   }) : _vm._e(), _vm.isFC && _vm.sckanDisplay && _vm.sckanDisplay.length > 0 ? _c('selections-group', {
     key: "skcanSelection",
@@ -13675,6 +14598,7 @@ var render = function render() {
       "title": "Pathways",
       "labelKey": "label",
       "identifierKey": "type",
+      "colourStyle": "line",
       "selections": _vm.pathways
     },
     on: {
@@ -13810,7 +14734,7 @@ var render = function render() {
     ref: "tooltip",
     staticClass: "tooltip",
     attrs: {
-      "content": _vm.tooltipContent
+      "entry": _vm.tooltipEntry
     },
     on: {
       "resource-selected": _vm.resourceSelected
@@ -13819,7 +14743,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=48cc3512&scoped=true&
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=1f482509&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
@@ -13946,101 +14870,501 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
     }
   };
 }
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/row.css
-var row = __webpack_require__("7a0f");
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.async-iterator.js"
+var es_symbol_async_iterator_js_ = __webpack_require__("a52a");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/base.css
-var base = __webpack_require__("450d");
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.to-string-tag.js"
+var es_symbol_to_string_tag_js_ = __webpack_require__("14f0");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/row.js
-var lib_row = __webpack_require__("0f6c");
-var lib_row_default = /*#__PURE__*/__webpack_require__.n(lib_row);
+// EXTERNAL MODULE: external "core-js/modules/es.json.to-string-tag.js"
+var es_json_to_string_tag_js_ = __webpack_require__("12fb");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/radio-group.css
-var radio_group = __webpack_require__("fe07");
+// EXTERNAL MODULE: external "core-js/modules/es.math.to-string-tag.js"
+var es_math_to_string_tag_js_ = __webpack_require__("7267");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/radio-group.js
-var lib_radio_group = __webpack_require__("6ac5");
-var lib_radio_group_default = /*#__PURE__*/__webpack_require__.n(lib_radio_group);
+// EXTERNAL MODULE: external "core-js/modules/es.object.get-prototype-of.js"
+var es_object_get_prototype_of_js_ = __webpack_require__("362b");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/radio.css
-var theme_chalk_radio = __webpack_require__("b5d8");
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__("2439");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/radio.js
-var lib_radio = __webpack_require__("f494");
-var lib_radio_default = /*#__PURE__*/__webpack_require__.n(lib_radio);
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
+var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/loading.css
-var loading = __webpack_require__("be4f");
+// EXTERNAL MODULE: external "core-js/modules/es.object.set-prototype-of.js"
+var es_object_set_prototype_of_js_ = __webpack_require__("4086");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/loading.js
-var lib_loading = __webpack_require__("896a");
-var lib_loading_default = /*#__PURE__*/__webpack_require__.n(lib_loading);
+// EXTERNAL MODULE: external "core-js/modules/es.object.proto.js"
+var es_object_proto_js_ = __webpack_require__("7949");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/col.css
-var col = __webpack_require__("f4f9");
+// EXTERNAL MODULE: external "core-js/modules/es.promise.js"
+var es_promise_js_ = __webpack_require__("ec71");
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/col.js
-var lib_col = __webpack_require__("c2cc");
-var lib_col_default = /*#__PURE__*/__webpack_require__.n(lib_col);
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
 
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
-var es_array_includes_js_ = __webpack_require__("85f7");
 
-// EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
-var es_string_includes_js_ = __webpack_require__("fd22");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
-var es_array_push_js_ = __webpack_require__("2439");
 
-// EXTERNAL MODULE: external "core-js/modules/es.set.js"
-var es_set_js_ = __webpack_require__("8535");
 
-// EXTERNAL MODULE: external "core-js/modules/es.string.search.js"
-var es_string_search_js_ = __webpack_require__("1c32");
 
-// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
-var es_number_constructor_js_ = __webpack_require__("f989");
+function _typeof(obj) {
+  "@babel/helpers - typeof";
 
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__("8bbf");
-var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d6296c9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=template&id=4125ac3a&scoped=true&
-var Tooltipvue_type_template_id_4125ac3a_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "tooltip-container"
-  }, [_vm.content ? _c('el-main', {
-    directives: [{
-      name: "loading",
-      rawName: "v-loading",
-      value: _vm.loading,
-      expression: "loading"
-    }],
-    staticClass: "main"
-  }, [_vm.content.title ? _c('div', {
-    staticClass: "block"
-  }, [_c('span', {
-    staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.capitalise(_vm.content.title)))])]) : _c('div', {
-    staticClass: "block"
-  }, [_c('span', {
-    staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.content.featureId))])]), _c('div', {
-    staticClass: "content-container scrollbar"
-  }, [_vm._v(" " + _vm._s(_vm.content.paths) + " "), _vm.origins && _vm.origins.length > 0 ? _c('div', {
-    staticClass: "block"
-  }, [_c('div', [_c('span', {
-    staticClass: "attribute-title"
-  }, [_vm._v("Origin")]), _c('el-popover', {
-    attrs: {
-      "width": "250",
-      "trigger": "hover",
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function _regeneratorRuntime() {
+  "use strict";
+
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+  _regeneratorRuntime = function _regeneratorRuntime() {
+    return exports;
+  };
+  var exports = {},
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function define(obj, key, value) {
+    return Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), obj[key];
+  }
+  try {
+    define({}, "");
+  } catch (err) {
+    define = function define(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
+  }
+  function tryCatch(fn, obj, arg) {
+    try {
+      return {
+        type: "normal",
+        arg: fn.call(obj, arg)
+      };
+    } catch (err) {
+      return {
+        type: "throw",
+        arg: err
+      };
+    }
+  }
+  exports.wrap = wrap;
+  var ContinueSentinel = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, function () {
+    return this;
+  });
+  var getProto = Object.getPrototypeOf,
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function (method) {
+      define(prototype, method, function (arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if ("throw" !== record.type) {
+        var result = record.arg,
+          value = result.value;
+        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+          invoke("next", value, resolve, reject);
+        }, function (err) {
+          invoke("throw", err, resolve, reject);
+        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+          result.value = unwrapped, resolve(result);
+        }, function (error) {
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+      reject(record.arg);
+    }
+    var previousPromise;
+    defineProperty(this, "_invoke", {
+      value: function value(method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(delegate, context) {
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+    var info = record.arg;
+    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+  }
+  function pushTryEntry(locs) {
+    var entry = {
+      tryLoc: locs[0]
+    };
+    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+  }
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal", delete record.arg, entry.completion = record;
+  }
+  function Context(tryLocsList) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) return iteratorMethod.call(iterable);
+      if ("function" == typeof iterable.next) return iterable;
+      if (!isNaN(iterable.length)) {
+        var i = -1,
+          next = function next() {
+            for (; ++i < iterable.length;) {
+              if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            }
+            return next.value = undefined, next.done = !0, next;
+          };
+        return next.next = next;
+      }
+    }
+    return {
+      next: doneResult
+    };
+  }
+  function doneResult() {
+    return {
+      value: undefined,
+      done: !0
+    };
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+    var ctor = "function" == typeof genFun && genFun.constructor;
+    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+  }, exports.mark = function (genFun) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+  }, exports.awrap = function (arg) {
+    return {
+      __await: arg
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    return this;
+  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    void 0 === PromiseImpl && (PromiseImpl = Promise);
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
+    });
+  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+    return this;
+  }), define(Gp, "toString", function () {
+    return "[object Generator]";
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    return keys.reverse(), function next() {
+      for (; keys.length;) {
+        var key = keys.pop();
+        if (key in object) return next.value = key, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, exports.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function reset(skipTempReset) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
+        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+      }
+    },
+    stop: function stop() {
+      this.done = !0;
+      var rootRecord = this.tryEntries[0].completion;
+      if ("throw" === rootRecord.type) throw rootRecord.arg;
+      return this.rval;
+    },
+    dispatchException: function dispatchException(exception) {
+      if (this.done) throw exception;
+      var context = this;
+      function handle(loc, caught) {
+        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+      }
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i],
+          record = entry.completion;
+        if ("root" === entry.tryLoc) return handle("end");
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc"),
+            hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+          } else {
+            if (!hasFinally) throw new Error("try statement without catch or finally");
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function abrupt(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+      var record = finallyEntry ? finallyEntry.completion : {};
+      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+    },
+    complete: function complete(record, afterLoc) {
+      if ("throw" === record.type) throw record.arg;
+      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    },
+    finish: function finish(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+      }
+    },
+    "catch": function _catch(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if ("throw" === record.type) {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+      return this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+    }
+  }, exports;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/row.css
+var row = __webpack_require__("7a0f");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/base.css
+var base = __webpack_require__("450d");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/row.js
+var lib_row = __webpack_require__("0f6c");
+var lib_row_default = /*#__PURE__*/__webpack_require__.n(lib_row);
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/radio-group.css
+var radio_group = __webpack_require__("fe07");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/radio-group.js
+var lib_radio_group = __webpack_require__("6ac5");
+var lib_radio_group_default = /*#__PURE__*/__webpack_require__.n(lib_radio_group);
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/radio.css
+var theme_chalk_radio = __webpack_require__("b5d8");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/radio.js
+var lib_radio = __webpack_require__("f494");
+var lib_radio_default = /*#__PURE__*/__webpack_require__.n(lib_radio);
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/loading.css
+var loading = __webpack_require__("be4f");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/loading.js
+var lib_loading = __webpack_require__("896a");
+var lib_loading_default = /*#__PURE__*/__webpack_require__.n(lib_loading);
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/col.css
+var col = __webpack_require__("f4f9");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/col.js
+var lib_col = __webpack_require__("c2cc");
+var lib_col_default = /*#__PURE__*/__webpack_require__.n(lib_col);
+
+// EXTERNAL MODULE: external "core-js/modules/es.set.js"
+var es_set_js_ = __webpack_require__("8535");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.search.js"
+var es_string_search_js_ = __webpack_require__("1c32");
+
+// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
+var es_number_constructor_js_ = __webpack_require__("f989");
+
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__("8bbf");
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=template&id=4ffcf7c8&scoped=true&
+var Tooltipvue_type_template_id_4ffcf7c8_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "tooltip-container"
+  }, [_vm.entry ? _c('el-main', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    staticClass: "main"
+  }, [_vm.entry.title ? _c('div', {
+    staticClass: "block"
+  }, [_c('span', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.capitalise(_vm.entry.title)))])]) : _c('div', {
+    staticClass: "block"
+  }, [_c('span', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.entry.featureId))])]), _c('div', {
+    staticClass: "content-container scrollbar"
+  }, [_vm._v(" " + _vm._s(_vm.entry.paths) + " "), _vm.entry.origins && _vm.entry.origins.length > 0 ? _c('div', {
+    staticClass: "block"
+  }, [_c('div', [_c('span', {
+    staticClass: "attribute-title"
+  }, [_vm._v("Origin")]), _c('el-popover', {
+    attrs: {
+      "width": "250",
+      "trigger": "hover",
       "append-to-body": false,
       "popper-class": "popover-origin-help"
     }
@@ -14054,36 +15378,36 @@ var Tooltipvue_type_template_id_4125ac3a_scoped_true_render = function render()
     staticStyle: {
       "word-break": "keep-all"
     }
-  }, [_c('i', [_vm._v("Origin")]), _vm._v(" " + _vm._s(_vm.originDescription) + " ")])])], 1), _vm._l(_vm.origins, function (origin, i) {
+  }, [_c('i', [_vm._v("Origin")]), _vm._v(" " + _vm._s(_vm.originDescription) + " ")])])], 1), _vm._l(_vm.entry.origins, function (origin, i) {
     return _c('div', {
       key: origin,
       staticClass: "attribute-content"
-    }, [_vm._v(" " + _vm._s(_vm.capitalise(origin)) + " "), i != _vm.origins.length - 1 ? _c('div', {
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(origin)) + " "), i != _vm.entry.origins.length - 1 ? _c('div', {
       staticClass: "seperator"
     }) : _vm._e()]);
   }), _c('el-button', {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.originsWithDatasets.length > 0,
-      expression: "originsWithDatasets.length > 0"
+      value: _vm.entry.originsWithDatasets && _vm.entry.originsWithDatasets.length > 0,
+      expression: "entry.originsWithDatasets && entry.originsWithDatasets.length > 0"
     }],
     staticClass: "button",
     on: {
       "click": _vm.openDendrites
     }
-  }, [_vm._v(" Explore origin data ")])], 2) : _vm._e(), _vm.components && _vm.components.length > 0 ? _c('div', {
+  }, [_vm._v(" Explore origin data ")])], 2) : _vm._e(), _vm.entry.components && _vm.entry.components.length > 0 ? _c('div', {
     staticClass: "block"
   }, [_c('div', {
     staticClass: "attribute-title"
-  }, [_vm._v("Components")]), _vm._l(_vm.components, function (component, i) {
+  }, [_vm._v("Components")]), _vm._l(_vm.entry.components, function (component, i) {
     return _c('div', {
       key: component,
       staticClass: "attribute-content"
-    }, [_vm._v(" " + _vm._s(_vm.capitalise(component)) + " "), i != _vm.components.length - 1 ? _c('div', {
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(component)) + " "), i != _vm.entry.components.length - 1 ? _c('div', {
       staticClass: "seperator"
     }) : _vm._e()]);
-  })], 2) : _vm._e(), _vm.destinations && _vm.destinations.length > 0 ? _c('div', {
+  })], 2) : _vm._e(), _vm.entry.destinations && _vm.entry.destinations.length > 0 ? _c('div', {
     staticClass: "block"
   }, [_c('div', [_c('span', {
     staticClass: "attribute-title"
@@ -14104,19 +15428,19 @@ var Tooltipvue_type_template_id_4125ac3a_scoped_true_render = function render()
     staticStyle: {
       "word-break": "keep-all"
     }
-  }, [_c('i', [_vm._v("Destination")]), _vm._v(" is where the axons terminate ")])])], 1), _vm._l(_vm.destinations, function (destination, i) {
+  }, [_c('i', [_vm._v("Destination")]), _vm._v(" is where the axons terminate ")])])], 1), _vm._l(_vm.entry.destinations, function (destination, i) {
     return _c('div', {
       key: destination,
       staticClass: "attribute-content"
-    }, [_vm._v(" " + _vm._s(_vm.capitalise(destination)) + " "), i != _vm.destinations.length - 1 ? _c('div', {
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(destination)) + " "), i != _vm.entry.destinations.length - 1 ? _c('div', {
       staticClass: "seperator"
     }) : _vm._e()]);
   }), _c('el-button', {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.destinationsWithDatasets.length > 0,
-      expression: "destinationsWithDatasets.length > 0"
+      value: _vm.entry.destinationsWithDatasets && _vm.entry.destinationsWithDatasets.length > 0,
+      expression: "entry.destinationsWithDatasets && entry.destinationsWithDatasets.length > 0"
     }],
     staticClass: "button",
     on: {
@@ -14126,72 +15450,23 @@ var Tooltipvue_type_template_id_4125ac3a_scoped_true_render = function render()
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.componentsWithDatasets.length > 0,
-      expression: "componentsWithDatasets.length > 0"
+      value: _vm.entry.componentsWithDatasets && _vm.entry.componentsWithDatasets.length > 0,
+      expression: "entry.componentsWithDatasets && entry.componentsWithDatasets.length > 0"
     }],
     staticClass: "button",
     on: {
       "click": _vm.openAll
     }
-  }, [_vm._v(" Search for data on components ")]), _vm.content.featureIds ? _c('pubmed-viewer', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: false,
-      expression: "false"
-    }],
-    attrs: {
-      "entry": _vm.content
-    },
-    on: {
-      "pubmedSearchUrl": _vm.pubmedSearchUrlUpdate
-    }
-  }) : _vm._e(), _vm.pubmedSearchUrl != '' ? _c('el-button', {
-    staticClass: "button",
+  }, [_vm._v(" Search for data on components ")]), _c('external-resource-card', {
     attrs: {
-      "icon": "el-icon-notebook-2"
-    },
-    on: {
-      "click": function click($event) {
-        return _vm.openUrl(_vm.pubmedSearchUrl);
-      }
+      "resources": _vm.resources
     }
-  }, [_vm._v(" Open publications in pubmed ")]) : _vm._e()], 1)]) : _vm._e()], 1);
+  })], 1)]) : _vm._e()], 1);
 };
-var Tooltipvue_type_template_id_4125ac3a_scoped_true_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=4125ac3a&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-
+var Tooltipvue_type_template_id_4ffcf7c8_scoped_true_staticRenderFns = [];
 
+// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=4ffcf7c8&scoped=true&
 
-
-
-
-
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-
-
-
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/main.css
 var main = __webpack_require__("de31");
 
@@ -14230,27 +15505,15 @@ var lib_button_default = /*#__PURE__*/__webpack_require__.n(lib_button);
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
-// EXTERNAL MODULE: external "core-js/modules/es.json.stringify.js"
-var es_json_stringify_js_ = __webpack_require__("a9ee");
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
+var es_array_includes_js_ = __webpack_require__("85f7");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
+var es_string_includes_js_ = __webpack_require__("fd22");
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
 var es_array_map_js_ = __webpack_require__("4391");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.flat.js"
-var es_array_flat_js_ = __webpack_require__("da6e");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.unscopables.flat.js"
-var es_array_unscopables_flat_js_ = __webpack_require__("722b");
-
-// EXTERNAL MODULE: external "core-js/modules/es.promise.js"
-var es_promise_js_ = __webpack_require__("ec71");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
-var es_array_concat_js_ = __webpack_require__("ccb0");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.filter.js"
-var es_array_filter_js_ = __webpack_require__("1a89");
-
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/locale/lang/en.js
 var en = __webpack_require__("b2d6");
 var en_default = /*#__PURE__*/__webpack_require__.n(en);
@@ -14259,138 +15522,74 @@ var en_default = /*#__PURE__*/__webpack_require__.n(en);
 var locale = __webpack_require__("4897");
 var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d6296c9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=template&id=58832c92&scoped=true&
-var PubmedViewervue_type_template_id_58832c92_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./src/components/EventBus.js
+
+var EventBus = new external_vue_default.a();
+/* harmony default export */ var components_EventBus = (EventBus);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ExternalResourceCard.vue?vue&type=template&id=14172b61&scoped=true&
+var ExternalResourceCardvue_type_template_id_14172b61_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "pubmed-container"
-  });
+    staticClass: "resource-container"
+  }, [_vm._l(_vm.resources, function (resource) {
+    return [_c('div', {
+      key: resource.id,
+      staticClass: "resource"
+    }, [resource.id === 'pubmed' ? _c('el-button', {
+      staticClass: "button",
+      attrs: {
+        "icon": "el-icon-notebook-2"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.openUrl(resource.url);
+        }
+      }
+    }, [_vm._v(" Open publications in pubmed ")]) : _vm._e()], 1)];
+  })], 2);
 };
-var PubmedViewervue_type_template_id_58832c92_scoped_true_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=template&id=58832c92&scoped=true&
-
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.js"
-var web_url_search_params_js_ = __webpack_require__("712c");
-
-// EXTERNAL MODULE: external "core-js/modules/es.regexp.to-string.js"
-var es_regexp_to_string_js_ = __webpack_require__("30df");
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=script&lang=js&
-
-
-
-
+var ExternalResourceCardvue_type_template_id_14172b61_scoped_true_staticRenderFns = [];
 
+// CONCATENATED MODULE: ./src/components/ExternalResourceCard.vue?vue&type=template&id=14172b61&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ExternalResourceCard.vue?vue&type=script&lang=js&
 
 
 
 
 /* eslint-disable no-alert, no-console */
 
-/* harmony default export */ var PubmedViewervue_type_script_lang_js_ = ({
-  name: "Tooltip",
+external_vue_default.a.use(lib_button_default.a);
+/* harmony default export */ var ExternalResourceCardvue_type_script_lang_js_ = ({
+  name: "ExternalResourceCard",
   props: {
-    entry: {
-      type: Object,
-      default: function _default() {}
-    }
-  },
-  watch: {
-    'entry.featureIds': {
-      handler: function handler(ids) {
-        this.pubmedQueryOnIds(ids);
+    resources: {
+      type: Array,
+      default: function _default() {
+        return [];
       }
     }
   },
-  inject: ['flatmapAPI'],
   data: function data() {
     return {
       pubmeds: [],
       pubmedIds: []
     };
   },
-  mounted: function mounted() {
-    if (this.entry.featureIds) this.pubmedQueryOnIds(this.entry.featureIds);
-  },
   methods: {
-    stripPMIDPrefix: function stripPMIDPrefix(pubmedId) {
-      return pubmedId.split(':')[1];
-    },
-    buildPubmedSqlStatement: function buildPubmedSqlStatement(keastIds) {
-      var sql = 'select distinct publication from publications where entity in (';
-      if (keastIds.length === 1) {
-        sql += "'".concat(keastIds[0], "')");
-      } else if (keastIds.length > 1) {
-        for (var i in keastIds) {
-          sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
-        }
-      }
-      return sql;
-    },
-    buildPubmedSqlStatementForModels: function buildPubmedSqlStatementForModels(model) {
-      return "select distinct publication from publications where entity = '".concat(model, "'");
-    },
-    flatmapQuery: function flatmapQuery(sql) {
-      var data = {
-        sql: sql
-      };
-      return fetch("".concat(this.flatmapAPI, "knowledge/query/"), {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(data)
-      }).then(function (response) {
-        return response.json();
-      }).catch(function (error) {
-        console.error('Error:', error);
-      });
+    capitalise: function capitalise(string) {
+      return string.charAt(0).toUpperCase() + string.slice(1);
     },
-    pubmedQueryOnIds: function pubmedQueryOnIds(keastIds) {
-      var _this = this;
-      if (!keastIds || keastIds.length === 0) return;
-      var sql = this.buildPubmedSqlStatement(keastIds);
-      this.flatmapQuery(sql).then(function (data) {
-        _this.responseData = data;
-        // Create pubmed url on paths if we have them
-        if (data.values.length > 0) {
-          _this.$emit('pubmedSearchUrl', _this.pubmedSearchUrl(data.values.map(function (id) {
-            return _this.stripPMIDPrefix(id[0]);
-          })));
-        } else {
-          // Create pubmed url on models
-          _this.pubmedQueryOnModels(_this.entry.source);
-        }
-      });
-    },
-    pubmedQueryOnModels: function pubmedQueryOnModels(source) {
-      var _this2 = this;
-      this.flatmapQuery(this.buildPubmedSqlStatementForModels(source)).then(function (data) {
-        if (Array.isArray(data.values) && data.values.length > 0) {
-          _this2.$emit('pubmedSearchUrl', _this2.pubmedSearchUrl(data.values.map(function (id) {
-            return _this2.stripPMIDPrefix(id[0]);
-          })));
-        } else {
-          _this2.$emit('pubmedSearchUrl', ''); // Clears the pubmed search button 
-        }
-      });
-    },
-
-    pubmedSearchUrl: function pubmedSearchUrl(ids) {
-      var url = 'https://pubmed.ncbi.nlm.nih.gov/?';
-      var params = new URLSearchParams();
-      params.append('term', ids);
-      return url + params.toString();
+    openUrl: function openUrl(url) {
+      window.open(url, '_blank');
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_PubmedViewervue_type_script_lang_js_ = (PubmedViewervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/PubmedViewer.vue?vue&type=style&index=0&id=58832c92&prod&scoped=true&lang=scss&
-var PubmedViewervue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss_ = __webpack_require__("233b");
+// CONCATENATED MODULE: ./src/components/ExternalResourceCard.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_ExternalResourceCardvue_type_script_lang_js_ = (ExternalResourceCardvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/ExternalResourceCard.vue?vue&type=style&index=0&id=14172b61&prod&scoped=true&lang=scss&
+var ExternalResourceCardvue_type_style_index_0_id_14172b61_prod_scoped_true_lang_scss_ = __webpack_require__("4034");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -14487,49 +15686,31 @@ function normalizeComponent(
   return {
     exports: scriptExports,
     options: options
-  }
-}
-
-// CONCATENATED MODULE: ./src/components/PubmedViewer.vue
-
-
-
-
-
-
-/* normalize component */
-
-var component = normalizeComponent(
-  components_PubmedViewervue_type_script_lang_js_,
-  PubmedViewervue_type_template_id_58832c92_scoped_true_render,
-  PubmedViewervue_type_template_id_58832c92_scoped_true_staticRenderFns,
-  false,
-  null,
-  "58832c92",
-  null
-  
-)
-
-/* harmony default export */ var PubmedViewer = (component.exports);
-// CONCATENATED MODULE: ./src/components/EventBus.js
-
-var EventBus = new external_vue_default.a();
-/* harmony default export */ var components_EventBus = (EventBus);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=script&lang=js&
-
-
-
-
-
+  }
+}
 
+// CONCATENATED MODULE: ./src/components/ExternalResourceCard.vue
 
 
 
 
 
 
+/* normalize component */
 
+var component = normalizeComponent(
+  components_ExternalResourceCardvue_type_script_lang_js_,
+  ExternalResourceCardvue_type_template_id_14172b61_scoped_true_render,
+  ExternalResourceCardvue_type_template_id_14172b61_scoped_true_staticRenderFns,
+  false,
+  null,
+  "14172b61",
+  null
+  
+)
 
+/* harmony default export */ var ExternalResourceCard = (component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=script&lang=js&
 
 
 
@@ -14563,35 +15744,19 @@ external_vue_default.a.use(lib_header_default.a);
 external_vue_default.a.use(lib_icon_default.a);
 external_vue_default.a.use(lib_main_default.a);
 
-// pubmedviewer is currently not in use, but still under review so not ready to delete yet
-
 
 var _titleCase = function titleCase(str) {
   return str.replace(/\w\S*/g, function (t) {
     return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase();
   });
 };
-var inArray = function inArray(ar1, ar2) {
-  var as1 = JSON.stringify(ar1);
-  var as2 = JSON.stringify(ar2);
-  return as1.indexOf(as2) !== -1;
-};
-
-// remove duplicates by stringifying the objects
-var Tooltipvue_type_script_lang_js_removeDuplicates = function removeDuplicates(arrayOfAnything) {
-  return _toConsumableArray(new Set(arrayOfAnything.map(function (e) {
-    return JSON.stringify(e);
-  }))).map(function (e) {
-    return JSON.parse(e);
-  });
-};
 var _capitalise = function capitalise(str) {
   if (str) return str.charAt(0).toUpperCase() + str.slice(1);
   return "";
 };
 /* harmony default export */ var Tooltipvue_type_script_lang_js_ = ({
   components: {
-    PubmedViewer: PubmedViewer
+    ExternalResourceCard: ExternalResourceCard
   },
   name: "Tooltip",
   props: {
@@ -14599,17 +15764,29 @@ var _capitalise = function capitalise(str) {
       type: Boolean,
       default: false
     },
-    content: {
+    entry: {
       type: Object,
-      default: undefined
+      default: function _default() {
+        return {
+          destinations: [],
+          origins: [],
+          components: [],
+          destinationsWithDatasets: [],
+          originsWithDatasets: [],
+          componentsWithDatasets: [],
+          resource: undefined
+        };
+      }
     }
   },
   data: function data() {
     return {
+      controller: undefined,
       activeSpecies: undefined,
       appendToBody: false,
       pubmedSearchUrl: '',
       loading: false,
+      showToolip: false,
       destinations: [],
       origins: [],
       components: [],
@@ -14626,20 +15803,16 @@ var _capitalise = function capitalise(str) {
       }]
     };
   },
-  inject: ['sparcAPI', 'flatmapAPI'],
-  watch: {
-    'content.featureIds': {
-      handler: function handler() {
-        this.pathwayQuery(this.content.featureIds);
-      }
-    }
-  },
-  mounted: function mounted() {
-    this.getOrganCuries();
-  },
   computed: {
+    resources: function resources() {
+      var resources = [];
+      if (this.entry && this.entry.hyperlinks) {
+        resources = this.entry.hyperlinks;
+      }
+      return resources;
+    },
     originDescription: function originDescription() {
-      if (this.content && this.content.title && this.content.title.toLowerCase().includes('motor')) {
+      if (this.entry && this.entry.title && this.entry.title.toLowerCase().includes('motor')) {
         return this.originDescriptions.motor;
       } else {
         return this.originDescriptions.sensory;
@@ -14688,209 +15861,13 @@ var _capitalise = function capitalise(str) {
     },
     pubmedSearchUrlUpdate: function pubmedSearchUrlUpdate(val) {
       this.pubmedSearchUrl = val;
-    },
-    findAllIdsFromConnectivity: function findAllIdsFromConnectivity(connectivity) {
-      var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
-      var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
-      var found = [];
-      nodes.forEach(function (n) {
-        if (Array.isArray(n)) {
-          found.push(n.flat());
-        } else {
-          found.push(n);
-        }
-      });
-      return _toConsumableArray(new Set(found.flat()));
-    },
-    flattenConntectivity: function flattenConntectivity(connectivity) {
-      var dnodes = connectivity.flat(); // get nodes from edgelist
-      var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
-      var found = [];
-      nodes.forEach(function (n) {
-        if (Array.isArray(n)) {
-          found.push(n.flat());
-        } else {
-          found.push(n);
-        }
-      });
-      return found.flat();
-    },
-    findComponents: function findComponents(connectivity) {
-      var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
-      var nodes = Tooltipvue_type_script_lang_js_removeDuplicates(dnodes);
-      var found = [];
-      var terminal = false;
-      nodes.forEach(function (node) {
-        terminal = false;
-        // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
-        if (inArray(connectivity.axons, node)) {
-          terminal = true;
-        }
-        if (inArray(connectivity.dendrites, node)) {
-          terminal = true;
-        }
-        if (!terminal) {
-          found.push(node);
-        }
-      });
-      return found;
-    },
-    getOrganCuries: function getOrganCuries() {
-      var _this = this;
-      fetch("".concat(this.sparcAPI, "get-organ-curies/")).then(function (response) {
-        return response.json();
-      }).then(function (data) {
-        _this.uberons = data.uberon.array;
-      });
-    },
-    buildConnectivitySqlStatement: function buildConnectivitySqlStatement(keastIds) {
-      var sql = 'select knowledge from knowledge where entity in (';
-      if (keastIds.length === 1) {
-        sql += "'".concat(keastIds[0], "')");
-      } else if (keastIds.length > 1) {
-        for (var i in keastIds) {
-          sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
-        }
-      }
-      return sql;
-    },
-    buildLabelSqlStatement: function buildLabelSqlStatement(uberons) {
-      var sql = 'select entity, label from labels where entity in (';
-      if (uberons.length === 1) {
-        sql += "'".concat(uberons[0], "')");
-      } else if (uberons.length > 1) {
-        for (var i in uberons) {
-          sql += "'".concat(uberons[i], "'").concat(i >= uberons.length - 1 ? ')' : ',', " ");
-        }
-      }
-      return sql;
-    },
-    createLabelLookup: function createLabelLookup(uberons) {
-      var _this2 = this;
-      return new Promise(function (resolve) {
-        var uberonMap = {};
-        var data = {
-          sql: _this2.buildLabelSqlStatement(uberons)
-        };
-        fetch("".concat(_this2.flatmapAPI, "knowledge/query/"), {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify(data)
-        }).then(function (response) {
-          return response.json();
-        }).then(function (payload) {
-          var entity = payload.keys.indexOf("entity");
-          var label = payload.keys.indexOf("label");
-          if (entity > -1 && label > -1) {
-            payload.values.forEach(function (pair) {
-              uberonMap[pair[entity]] = pair[label];
-            });
-          }
-          resolve(uberonMap);
-        });
-      });
-    },
-    createComponentsLabelList: function createComponentsLabelList(components, lookUp) {
-      var _this3 = this;
-      var labelList = [];
-      components.forEach(function (n) {
-        labelList.push(_this3.createLabelFromNeuralNode(n[0]), lookUp);
-        if (n.length === 2) {
-          labelList.push(_this3.createLabelFromNeuralNode(n[1]), lookUp);
-        }
-      });
-      return labelList;
-    },
-    createLabelFromNeuralNode: function createLabelFromNeuralNode(node, lookUp) {
-      var label = lookUp[node[0]];
-      if (node.length === 2 && node[1].length > 0) {
-        node[1].forEach(function (n) {
-          if (lookUp[n] == undefined) {
-            label += ", ".concat(n);
-          } else {
-            label += ", ".concat(lookUp[n]);
-          }
-        });
-      }
-      return label;
-    },
-    processConnectivity: function processConnectivity(connectivity) {
-      var _this4 = this;
-      // Filter the origin and destinations from components
-      var components = this.findComponents(connectivity);
-
-      // Remove duplicates
-      var axons = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.axons);
-      var dendrites = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.dendrites);
-
-      // Create list of ids to get labels for
-      var conIds = this.findAllIdsFromConnectivity(connectivity);
-
-      // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
-      this.createLabelLookup(conIds).then(function (lookUp) {
-        _this4.destinations = axons.map(function (a) {
-          return _this4.createLabelFromNeuralNode(a, lookUp);
-        });
-        _this4.origins = dendrites.map(function (d) {
-          return _this4.createLabelFromNeuralNode(d, lookUp);
-        });
-        _this4.components = components.map(function (c) {
-          return _this4.createLabelFromNeuralNode(c, lookUp);
-        });
-      });
-      this.flattenAndFindDatasets(components, axons, dendrites);
-    },
-    flattenAndFindDatasets: function flattenAndFindDatasets(components, axons, dendrites) {
-      // process the nodes for finding datasets (Note this is not critical to the tooltip, only for the 'search on components' button)
-      var componentsFlat = this.flattenConntectivity(components);
-      var axonsFlat = this.flattenConntectivity(axons);
-      var dendritesFlat = this.flattenConntectivity(dendrites);
-
-      // Filter for the anatomy which is annotated on datasets
-      this.destinationsWithDatasets = this.uberons.filter(function (ub) {
-        return axonsFlat.indexOf(ub.id) !== -1;
-      });
-      this.originsWithDatasets = this.uberons.filter(function (ub) {
-        return dendritesFlat.indexOf(ub.id) !== -1;
-      });
-      this.componentsWithDatasets = this.uberons.filter(function (ub) {
-        return componentsFlat.indexOf(ub.id) !== -1;
-      });
-    },
-    pathwayQuery: function pathwayQuery(keastIds) {
-      var _this5 = this;
-      this.destinations = [];
-      this.origins = [];
-      this.components = [];
-      this.loading = true;
-      if (!keastIds || keastIds.length == 0) return;
-      var data = {
-        sql: this.buildConnectivitySqlStatement(keastIds)
-      };
-      fetch("".concat(this.flatmapAPI, "knowledge/query/"), {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(data)
-      }).then(function (response) {
-        return response.json();
-      }).then(function (data) {
-        var connectivity = JSON.parse(data.values[0][0]);
-        _this5.processConnectivity(connectivity);
-        _this5.loading = false;
-      }).catch(function (error) {
-        console.error('Error:', error);
-      });
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_Tooltipvue_type_script_lang_js_ = (Tooltipvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=4125ac3a&prod&scoped=true&lang=scss&
-var Tooltipvue_type_style_index_0_id_4125ac3a_prod_scoped_true_lang_scss_ = __webpack_require__("4fc1");
+// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=4ffcf7c8&prod&scoped=true&lang=scss&
+var Tooltipvue_type_style_index_0_id_4ffcf7c8_prod_scoped_true_lang_scss_ = __webpack_require__("93b4");
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue
 
@@ -14903,18 +15880,18 @@ var Tooltipvue_type_style_index_0_id_4125ac3a_prod_scoped_true_lang_scss_ = __we
 
 var Tooltip_component = normalizeComponent(
   components_Tooltipvue_type_script_lang_js_,
-  Tooltipvue_type_template_id_4125ac3a_scoped_true_render,
-  Tooltipvue_type_template_id_4125ac3a_scoped_true_staticRenderFns,
+  Tooltipvue_type_template_id_4ffcf7c8_scoped_true_render,
+  Tooltipvue_type_template_id_4ffcf7c8_scoped_true_staticRenderFns,
   false,
   null,
-  "4125ac3a",
+  "4ffcf7c8",
   null
   
 )
 
 /* harmony default export */ var Tooltip = (Tooltip_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d6296c9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectionsGroup.vue?vue&type=template&id=f6ac6e34&scoped=true&
-var SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectionsGroup.vue?vue&type=template&id=1f69f0e7&scoped=true&
+var SelectionsGroupvue_type_template_id_1f69f0e7_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -14980,15 +15957,28 @@ var SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_render = function r
           return _vm.visibilityToggle(item[_vm.identifierKey], $event);
         }
       }
+    }, [_c('el-row', {
+      staticClass: "checkbox-row"
+    }, [_c('el-col', {
+      attrs: {
+        "span": 4
+      }
     }, [_c('div', {
       staticClass: "path-visual",
-      style: _vm.getVisualStyles(item)
-    }), _vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")])], 1)]);
+      style: _vm.getLineStyles(item)
+    })]), _c('el-col', {
+      attrs: {
+        "span": 20
+      }
+    }, [_c('div', {
+      staticClass: "label-text",
+      style: _vm.getBackgroundStyles(item)
+    }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")])])], 1)], 1)], 1)]);
   }), 1)])], 1);
 };
-var SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_staticRenderFns = [];
+var SelectionsGroupvue_type_template_id_1f69f0e7_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/SelectionsGroup.vue?vue&type=template&id=f6ac6e34&scoped=true&
+// CONCATENATED MODULE: ./src/components/SelectionsGroup.vue?vue&type=template&id=1f69f0e7&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/checkbox-group.css
 var checkbox_group = __webpack_require__("d4df");
@@ -15004,6 +15994,9 @@ var theme_chalk_checkbox = __webpack_require__("560b");
 var lib_checkbox = __webpack_require__("dcdc");
 var lib_checkbox_default = /*#__PURE__*/__webpack_require__.n(lib_checkbox);
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
+var es_array_concat_js_ = __webpack_require__("ccb0");
+
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectionsGroup.vue?vue&type=script&lang=js&
 
 
@@ -15072,24 +16065,37 @@ external_vue_default.a.use(lib_row_default.a);
         value: val
       });
     },
-    getVisualStyles: function getVisualStyles(item) {
-      if ('colour' in item) {
+    getBackgroundStyles: function getBackgroundStyles(item) {
+      if ('colour' in item && this.colourStyle === "background") {
+        return {
+          background: item.colour
+        };
+      }
+      return {};
+    },
+    getLineStyles: function getLineStyles(item) {
+      if ('colour' in item && this.colourStyle === "line") {
         if ('dashed' in item && item.dashed === true) {
           var background = "repeating-linear-gradient(90deg,".concat(item.colour, ",").concat(item.colour, " 6px,transparent 0,transparent 9px)");
           return {
-            'background': background
+            background: background
           };
         } else {
-          var _background = item.colour;
           return {
-            background: _background
+            background: item.colour
           };
         }
       }
-      return {};
+      return {
+        display: "None"
+      };
     }
   },
   props: {
+    colourStyle: {
+      type: String,
+      default: "line"
+    },
     identifierKey: {
       type: String,
       default: "id"
@@ -15130,8 +16136,8 @@ external_vue_default.a.use(lib_row_default.a);
 });
 // CONCATENATED MODULE: ./src/components/SelectionsGroup.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_SelectionsGroupvue_type_script_lang_js_ = (SelectionsGroupvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/SelectionsGroup.vue?vue&type=style&index=0&id=f6ac6e34&prod&scoped=true&lang=scss&
-var SelectionsGroupvue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss_ = __webpack_require__("a79a");
+// EXTERNAL MODULE: ./src/components/SelectionsGroup.vue?vue&type=style&index=0&id=1f69f0e7&prod&scoped=true&lang=scss&
+var SelectionsGroupvue_type_style_index_0_id_1f69f0e7_prod_scoped_true_lang_scss_ = __webpack_require__("7b79");
 
 // CONCATENATED MODULE: ./src/components/SelectionsGroup.vue
 
@@ -15144,11 +16150,11 @@ var SelectionsGroupvue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss
 
 var SelectionsGroup_component = normalizeComponent(
   components_SelectionsGroupvue_type_script_lang_js_,
-  SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_render,
-  SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_staticRenderFns,
+  SelectionsGroupvue_type_template_id_1f69f0e7_scoped_true_render,
+  SelectionsGroupvue_type_template_id_1f69f0e7_scoped_true_staticRenderFns,
   false,
   null,
-  "f6ac6e34",
+  "1f69f0e7",
   null
   
 )
@@ -15157,110 +16163,7 @@ var SelectionsGroup_component = normalizeComponent(
 // EXTERNAL MODULE: external "@abi-software/svg-sprite"
 var svg_sprite_ = __webpack_require__("429c");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d6296c9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/DynamicLegends.vue?vue&type=template&id=7ea6eb51&scoped=true&
-var DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', [_c('el-row', [_c('el-col', {
-    attrs: {
-      "span": 12
-    }
-  }, [_c('div', {
-    staticClass: "title-display-text"
-  }, [_vm._v(_vm._s(_vm.title))])])], 1), _c('div', {
-    staticClass: "legends-group"
-  }, _vm._l(_vm.lists, function (item) {
-    return _c('el-row', {
-      key: item[_vm.identifierKey],
-      attrs: {
-        "label": item[_vm.identifierKey]
-      }
-    }, [_c('div', {
-      staticClass: "legends-container"
-    }, [_c('div', {
-      staticClass: "legends-visual",
-      style: {
-        background: item[_vm.colourKey]
-      }
-    }), _c('div', {
-      staticClass: "label"
-    }, [_vm._v(" " + _vm._s(_vm.capitalise(item[_vm.identifierKey])) + " ")])])]);
-  }), 1)], 1);
-};
-var DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/legends/DynamicLegends.vue?vue&type=template&id=7ea6eb51&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/DynamicLegends.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-/* eslint-disable no-alert, no-console */
-
-
-
-locale_default.a.use(en_default.a);
-external_vue_default.a.use(lib_col_default.a);
-external_vue_default.a.use(lib_row_default.a);
-/* harmony default export */ var DynamicLegendsvue_type_script_lang_js_ = ({
-  name: "DynamicLegends",
-  props: {
-    identifierKey: {
-      type: String,
-      default: "id"
-    },
-    colourKey: {
-      type: String,
-      default: "colour"
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    lists: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    }
-  },
-  methods: {
-    capitalise: function capitalise(label) {
-      return label.charAt(0).toUpperCase() + label.slice(1).toLowerCase();
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/legends/DynamicLegends.vue?vue&type=script&lang=js&
- /* harmony default export */ var legends_DynamicLegendsvue_type_script_lang_js_ = (DynamicLegendsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/legends/DynamicLegends.vue?vue&type=style&index=0&id=7ea6eb51&prod&scoped=true&lang=scss&
-var DynamicLegendsvue_type_style_index_0_id_7ea6eb51_prod_scoped_true_lang_scss_ = __webpack_require__("e8bf");
-
-// CONCATENATED MODULE: ./src/components/legends/DynamicLegends.vue
-
-
-
-
-
-
-/* normalize component */
-
-var DynamicLegends_component = normalizeComponent(
-  legends_DynamicLegendsvue_type_script_lang_js_,
-  DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_render,
-  DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_staticRenderFns,
-  false,
-  null,
-  "7ea6eb51",
-  null
-  
-)
-
-/* harmony default export */ var DynamicLegends = (DynamicLegends_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d6296c9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/SvgLegends.vue?vue&type=template&id=3d3218c8&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/SvgLegends.vue?vue&type=template&id=3d3218c8&scoped=true&
 var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -15376,6 +16279,9 @@ var SvgLegends_component = normalizeComponent(
 /* harmony default export */ var SvgLegends = (SvgLegends_component.exports);
 // CONCATENATED MODULE: ./src/icons/flatmap-marker.js
 /* harmony default export */ var flatmap_marker = ('<div class="flatmap-marker"><svg display="block" height="41px" width="27px" viewBox="0 0 27 41"><g fill-rule="nonzero"><g transform="translate(3.0, 29.0)" fill="#000000"><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="9.5" ry="4.77275007"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="8.5" ry="4.29549936"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="7.5" ry="3.81822308"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="6.5" ry="3.34094679"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="5.5" ry="2.86367051"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="4.5" ry="2.38636864"></ellipse></g><g fill="#005974"><path d="M27,13.5 C27,19.074644 20.250001,27.000002 14.75,34.500002 C14.016665,35.500004 12.983335,35.500004 12.25,34.500002 C6.7499993,27.000002 0,19.222562 0,13.5 C0,6.0441559 6.0441559,0 13.5,0 C20.955844,0 27,6.0441559 27,13.5 Z"></path></g><g opacity="0.25" fill="#000000"><path d="M13.5,0 C6.0441559,0 0,6.0441559 0,13.5 C0,19.222562 6.7499993,27 12.25,34.5 C13,35.522727 14.016664,35.500004 14.75,34.5 C20.250001,27 27,19.074644 27,13.5 C27,6.0441559 20.955844,0 13.5,0 Z M13.5,1 C20.415404,1 26,6.584596 26,13.5 C26,15.898657 24.495584,19.181431 22.220703,22.738281 C19.945823,26.295132 16.705119,30.142167 13.943359,33.908203 C13.743445,34.180814 13.612715,34.322738 13.5,34.441406 C13.387285,34.322738 13.256555,34.180814 13.056641,33.908203 C10.284481,30.127985 7.4148684,26.314159 5.015625,22.773438 C2.6163816,19.232715 1,15.953538 1,13.5 C1,6.584596 6.584596,1 13.5,1 Z"></path></g><g transform="translate(6.0, 7.0)" fill="#FFFFFF"></g><g transform="translate(8.0, 8.0)"><circle fill="#000000" opacity="0.25" cx="5.5" cy="5.5" r="5.4999962"></circle><circle fill="#FFFFFF" cx="5.5" cy="5.5" r="5.4999962"></circle></g></g></svg></div>');
+// EXTERNAL MODULE: ./src/services/flatmapQueries.js
+var flatmapQueries = __webpack_require__("3630");
+
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
 
 
@@ -15423,10 +16329,20 @@ external_vue_default.a.use(lib_radio_default.a);
 external_vue_default.a.use(lib_radio_group_default.a);
 external_vue_default.a.use(lib_row_default.a);
 var ResizeSensor = __webpack_require__("ae66");
+var createUnfilledTooltipData = function createUnfilledTooltipData() {
+  return {
+    destinations: [],
+    origins: [],
+    components: [],
+    destinationsWithDatasets: [],
+    originsWithDatasets: [],
+    componentsWithDatasets: [],
+    resource: undefined
+  };
+};
 /* harmony default export */ var FlatmapVuervue_type_script_lang_js_ = ({
   name: "FlatmapVuer",
   components: {
-    DynamicLegends: DynamicLegends,
     MapSvgIcon: svg_sprite_["MapSvgIcon"],
     MapSvgSpriteColor: svg_sprite_["MapSvgSpriteColor"],
     Tooltip: Tooltip,
@@ -15500,6 +16416,9 @@ var ResizeSensor = __webpack_require__("ae66");
         if (this.$refs.layersSelection) {
           this.$refs.layersSelection.reset();
         }
+        if (this.$refs.systemsSelection) {
+          this.$refs.pathwaysSelection.reset();
+        }
         if (this.$refs.pathwaysSelection) {
           this.$refs.pathwaysSelection.reset();
         }
@@ -15525,7 +16444,6 @@ var ResizeSensor = __webpack_require__("ae66");
     },
     centreLinesSelected: function centreLinesSelected(payload) {
       if (this.mapImp) {
-        console.log(payload.value);
         this.mapImp.enableCentrelines(payload.value);
       }
     },
@@ -15542,16 +16460,29 @@ var ResizeSensor = __webpack_require__("ae66");
         });
       }
     },
+    systemSelected: function systemSelected(payload) {
+      if (this.mapImp) {
+        this.mapImp.enableSystem(payload.key, payload.value);
+      }
+    },
+    checkAllSystems: function checkAllSystems(payload) {
+      var _this2 = this;
+      if (this.mapImp) {
+        payload.keys.forEach(function (key) {
+          return _this2.mapImp.enableSystem(key, payload.value);
+        });
+      }
+    },
     layersSelected: function layersSelected(payload) {
       if (this.mapImp) {
         this.mapImp.enableLayer(payload.key, payload.value);
       }
     },
     checkAllLayers: function checkAllLayers(payload) {
-      var _this2 = this;
+      var _this3 = this;
       if (this.mapImp) {
         payload.keys.forEach(function (key) {
-          return _this2.mapImp.enableLayer(key, payload.value);
+          return _this3.mapImp.enableLayer(key, payload.value);
         });
       }
     },
@@ -15561,10 +16492,10 @@ var ResizeSensor = __webpack_require__("ae66");
       }
     },
     checkAllPathways: function checkAllPathways(payload) {
-      var _this3 = this;
+      var _this4 = this;
       if (this.mapImp) {
         payload.keys.forEach(function (key) {
-          return _this3.mapImp.enablePath(key, payload.value);
+          return _this4.mapImp.enablePath(key, payload.value);
         });
       }
     },
@@ -15572,13 +16503,13 @@ var ResizeSensor = __webpack_require__("ae66");
       this.mapImp.enablePanZoomEvents(flag);
     },
     eventCallback: function eventCallback() {
-      var _this4 = this;
+      var _this5 = this;
       return function (eventType, data) {
         if (eventType !== "pan-zoom") {
           var label = data.label;
           var resource = [data.models];
-          var taxonomy = _this4.entry;
-          var biologicalSex = _this4.biologicalSex;
+          var taxonomy = _this5.entry;
+          var biologicalSex = _this5.biologicalSex;
           for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
             args[_key - 2] = arguments[_key];
           }
@@ -15592,25 +16523,48 @@ var ResizeSensor = __webpack_require__("ae66");
             userData: args,
             eventType: eventType
           };
-          // Disable the nueron pop up for now.
-          if (data && data.type !== "marker") _this4.checkAndCreatePopups(payload);
-          _this4.$emit("resource-selected", payload);
+          if (data && data.type !== "marker" && eventType === "click") {
+            _this5.checkAndCreatePopups(payload);
+          }
+          _this5.$emit("resource-selected", payload);
         } else {
-          _this4.$emit("pan-zoom-callback", data);
+          _this5.$emit("pan-zoom-callback", data);
         }
       };
     },
     // checkNeuronClicked shows a neuron path pop up if a path was recently clicked
-    checkAndCreatePopups: function checkAndCreatePopups(data) {
-      if (data.eventType == "click" && this.hasNeuronTooltip(data)) {
-        this.createTooltipFromNeuronCuration(data);
-        this.mapImp.showPopup(this.mapImp.modelFeatureIds(data.resource[0])[0], this.$refs.tooltip.$el, {
-          className: "flatmapvuer-popover",
-          positionAtLastClick: true
-        });
-        this.popUpCssHacks();
+    checkAndCreatePopups: function () {
+      var _checkAndCreatePopups = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+        var connections;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return this.flatmapQueries.retrieveFlatmapKnowledgeForEvent(data);
+              case 2:
+                connections = _context.sent;
+                if (!connections) {
+                  if (data.feature.hyperlinks) {
+                    this.resourceForTooltip = data.resource[0];
+                    this.createTooltipFromNeuronCuration(data);
+                  }
+                } else {
+                  this.resourceForTooltip = data.resource[0];
+                  this.createTooltipFromNeuronCuration(data);
+                }
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+      function checkAndCreatePopups(_x) {
+        return _checkAndCreatePopups.apply(this, arguments);
       }
-    },
+      return checkAndCreatePopups;
+    }(),
     popUpCssHacks: function popUpCssHacks() {
       // Below is a hack to remove flatmap tooltips while popup is open
       var ftooltip = document.querySelector(".flatmap-tooltip-popup");
@@ -15624,66 +16578,9 @@ var ResizeSensor = __webpack_require__("ae66");
     resourceSelected: function resourceSelected(action) {
       this.$emit("resource-selected", action);
     },
-    hasNeuronTooltip: function hasNeuronTooltip(data) {
-      // neural data check
-      if (data.resource[0]) {
-        if (data.resource[0].includes('ilxtr:neuron')) {
-          return true;
-        }
-      }
-      // annotated with datset check
-      if (data.dataset) {
-        return true;
-      }
-
-      // if there is no cuff, neural data, or dataset we do not display neuron tooltip
-      return false;
-    },
     createTooltipFromNeuronCuration: function createTooltipFromNeuronCuration(data) {
-      var feature = data.resource[0];
-      var content = {
-        title: undefined,
-        components: undefined,
-        start: undefined,
-        distribution: undefined,
-        actions: []
-      };
-      this.tooltipVisible = false;
-
-      // neural data check
-      if (feature) {
-        if (feature.includes('ilxtr:neuron')) {
-          this.tooltipVisible = true;
-          this.tooltipContent = content;
-          this.tooltipContent.uberon = feature;
-          this.tooltipContent.source = data.feature.source;
-          this.tooltipContent.title = data.label;
-          this.tooltipContent.featureIds = [feature];
-          this.tooltipContent.actions.push({
-            title: "Search for datasets",
-            label: "Neuron Datasets",
-            resource: feature.split(":")[1],
-            type: "Neuron Search",
-            feature: feature,
-            nervePath: true
-          });
-        }
-      }
-      // annotated with datset check
-      if (data.dataset) {
-        this.tooltipVisible = true;
-        this.tooltipContent = content;
-        this.tooltipContent.uberon = feature;
-        this.tooltipContent.source = data.feature.source;
-        this.tooltipContent.title = data.label;
-        this.tooltipContent.actions.push({
-          title: "View dataset",
-          resource: data.dataset,
-          type: "URL",
-          feature: feature,
-          nervePath: false
-        });
-      }
+      this.tooltipEntry = this.flatmapQueries.createTooltipData(data);
+      this.displayTooltip();
     },
     // Keeping this as an API
     showPopup: function showPopup(featureId, node, options) {
@@ -15719,9 +16616,11 @@ var ResizeSensor = __webpack_require__("ae66");
     },
     addResizeButtonToMinimap: function addResizeButtonToMinimap() {
       var minimapEl = this.$refs.flatmapContainer.querySelector('.maplibregl-ctrl-minimap');
-      this.$refs.minimapResize.parentNode.removeChild(this.$refs.minimapResize);
-      minimapEl.appendChild(this.$refs.minimapResize);
-      this.minimapResizeShow = true;
+      if (minimapEl) {
+        this.$refs.minimapResize.parentNode.removeChild(this.$refs.minimapResize);
+        minimapEl.appendChild(this.$refs.minimapResize);
+        this.minimapResizeShow = true;
+      }
     },
     setHelpMode: function setHelpMode(helpMode) {
       if (helpMode) {
@@ -15739,10 +16638,10 @@ var ResizeSensor = __webpack_require__("ae66");
       }
     },
     showToolitip: function showToolitip(tooltipNumber) {
-      var _this5 = this;
+      var _this6 = this;
       if (!this.inHelp) {
         this.tooltipWait = setTimeout(function () {
-          _this5.hoverVisibilities[tooltipNumber].value = true;
+          _this6.hoverVisibilities[tooltipNumber].value = true;
         }, 500);
       }
     },
@@ -15752,6 +16651,13 @@ var ResizeSensor = __webpack_require__("ae66");
         clearTimeout(this.tooltipWait);
       }
     },
+    displayTooltip: function displayTooltip() {
+      this.mapImp.showPopup(this.mapImp.modelFeatureIds(this.resourceForTooltip)[0], this.$refs.tooltip.$el, {
+        className: "flatmapvuer-popover",
+        positionAtLastClick: true
+      });
+      this.popUpCssHacks();
+    },
     openFlatmapHelpPopup: function openFlatmapHelpPopup() {
       if (this.mapImp) {
         var heartId = this.mapImp.featureIdsForModel("UBERON:0000948")[0];
@@ -15817,7 +16723,7 @@ var ResizeSensor = __webpack_require__("ae66");
       }
     },
     createFlatmap: function createFlatmap(state) {
-      var _this6 = this;
+      var _this7 = this;
       if (!this.mapImp && !this.loading) {
         this.loading = true;
         var minimap = false;
@@ -15881,10 +16787,10 @@ var ResizeSensor = __webpack_require__("ae66");
           minimap: minimap
         });
         promise1.then(function (returnedObject) {
-          _this6.mapImp = returnedObject;
-          _this6.onFlatmapReady();
-          if (_this6._stateToBeSet) _this6.restoreMapState(_this6._stateToBeSet);else {
-            _this6.restoreMapState(state);
+          _this7.mapImp = returnedObject;
+          _this7.onFlatmapReady();
+          if (_this7._stateToBeSet) _this7.restoreMapState(_this7._stateToBeSet);else {
+            _this7.restoreMapState(state);
           }
         });
       } else if (state) {
@@ -15905,10 +16811,18 @@ var ResizeSensor = __webpack_require__("ae66");
       }
     },
     mapResize: function mapResize() {
-      if (this.mapImp) {
-        this.mapImp.resize();
+      try {
+        if (this.mapImp) {
+          this.mapImp.resize();
+          this.showMinimap(this.displayMinimap);
+          if (this.mapImp._minimap) {
+            this.mapImp._minimap.resize();
+          }
+        }
+        this.computePathControlsMaximumHeight();
+      } catch (_unused) {
+        console.error("Map resize error");
       }
-      this.computePathControlsMaximumHeight();
     },
     onFlatmapReady: function onFlatmapReady() {
       // onFlatmapReady is used for functions that need to run immediately after the flatmap is loaded
@@ -15920,12 +16834,13 @@ var ResizeSensor = __webpack_require__("ae66");
       this.backgroundChangeCallback(this.currentBackground);
       this.pathways = this.mapImp.pathTypes();
       this.mapImp.enableCentrelines(false);
-      //this.layers = this.mapImp.getLayers();
-      //this.systems = this.mapImp.getSystems();
+      this.layers = this.mapImp.getLayers();
+      this.systems = this.mapImp.getSystems();
       this.addResizeButtonToMinimap();
       this.loading = false;
       this.computePathControlsMaximumHeight();
       this.drawerOpen = true;
+      this.mapResize();
       this.$emit("ready", this);
     },
     showMinimap: function showMinimap(flag) {
@@ -15983,12 +16898,16 @@ var ResizeSensor = __webpack_require__("ae66");
     },
     pathControls: {
       type: Boolean,
-      default: true
+      default: false
     },
     searchable: {
       type: Boolean,
       default: false
     },
+    layerControl: {
+      type: Boolean,
+      default: false
+    },
     tooltips: {
       type: Boolean,
       default: true
@@ -16062,6 +16981,7 @@ var ResizeSensor = __webpack_require__("ae66");
         label: "Display Nerves",
         key: "centrelines"
       }],
+      systems: [],
       pathwaysMaxHeight: 1000,
       hoverVisibilities: [{
         value: false
@@ -16086,10 +17006,10 @@ var ResizeSensor = __webpack_require__("ae66");
       availableBackground: ["white", "lightskyblue", "black"],
       loading: false,
       flatmapMarker: flatmap_marker,
+      tooltipEntry: createUnfilledTooltipData(),
+      connectivityTooltipVisible: false,
+      resourceForTooltip: undefined,
       drawerOpen: false,
-      tooltipContent: {
-        featureIds: []
-      },
       colourRadio: true,
       outlinesRadio: true,
       minimapResizeShow: false,
@@ -16115,12 +17035,13 @@ var ResizeSensor = __webpack_require__("ae66");
     var flatmap = __webpack_require__("4979");
     this.mapManager = new flatmap.MapManager(this.flatmapAPI);
     if (this.renderAtMounted) this.createFlatmap();
+    this.flatmapQueries = new flatmapQueries["FlatmapQueries"](this.sparcAPI, this.flatmapAPI);
   }
 });
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=48cc3512&prod&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_48cc3512_prod_scoped_true_lang_scss_ = __webpack_require__("8056");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=1f482509&prod&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss_ = __webpack_require__("a47e");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -16137,14 +17058,14 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "48cc3512",
+  "1f482509",
   null
   
 )
 
 /* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3d6296c9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0d8bc999&scoped=true&
-var MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=template&id=bf82e340&scoped=true&
+var MultiFlatmapVuervue_type_template_id_bf82e340_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -16241,6 +17162,7 @@ var MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_render = function
         "minZoom": _vm.minZoom,
         "pathControls": _vm.pathControls,
         "searchable": _vm.searchable,
+        "layerControl": _vm.layerControl,
         "helpMode": _vm.helpMode,
         "renderAtMounted": _vm.renderAtMounted,
         "displayMinimap": _vm.displayMinimap,
@@ -16256,9 +17178,9 @@ var MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_render = function
     });
   })], 2);
 };
-var MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_staticRenderFns = [];
+var MultiFlatmapVuervue_type_template_id_bf82e340_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0d8bc999&scoped=true&
+// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=bf82e340&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/popover.css
 var popover = __webpack_require__("06f1");
@@ -16590,6 +17512,10 @@ var TAXON_UUID = {
       type: Boolean,
       default: false
     },
+    layerControl: {
+      type: Boolean,
+      default: false
+    },
     /**
      * Initial species for the flatmap.
      * This value will be ignored if a valid state object is provided.
@@ -16696,8 +17622,8 @@ var TAXON_UUID = {
 });
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_MultiFlatmapVuervue_type_script_lang_js_ = (MultiFlatmapVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=0d8bc999&prod&scoped=true&lang=scss&
-var MultiFlatmapVuervue_type_style_index_0_id_0d8bc999_prod_scoped_true_lang_scss_ = __webpack_require__("ec09");
+// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=bf82e340&prod&scoped=true&lang=scss&
+var MultiFlatmapVuervue_type_style_index_0_id_bf82e340_prod_scoped_true_lang_scss_ = __webpack_require__("c367");
 
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue
 
@@ -16710,11 +17636,11 @@ var MultiFlatmapVuervue_type_style_index_0_id_0d8bc999_prod_scoped_true_lang_scs
 
 var MultiFlatmapVuer_component = normalizeComponent(
   components_MultiFlatmapVuervue_type_script_lang_js_,
-  MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_render,
-  MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_staticRenderFns,
+  MultiFlatmapVuervue_type_template_id_bf82e340_scoped_true_render,
+  MultiFlatmapVuervue_type_template_id_bf82e340_scoped_true_staticRenderFns,
   false,
   null,
-  "0d8bc999",
+  "bf82e340",
   null
   
 )