@abi-software/flatmapvuer 0.5.8 → 0.5.9-alpha-connected-paths.2

package/dist/flatmapvuer.common.js

@@ -87,6 +87,13 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
+/***/ "01ae":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "06f1":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -784,17 +791,6 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 module.exports = require("core-js/modules/es.array.push.js");
 
-/***/ }),
-
-/***/ "2782":
-/***/ (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_27ac8279_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2e65");
-/* 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_27ac8279_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_27ac8279_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2a5e":
@@ -918,13 +914,6 @@ exports.default = {
 
 /***/ }),
 
-/***/ "2e65":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "2ff9":
 /***/ (function(module, exports) {
 
@@ -1733,13 +1722,6 @@ exports.default = PopupManager;
 
 /***/ }),
 
-/***/ "4ba3":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "4c7f":
 /***/ (function(module, exports) {
 
@@ -4537,17 +4519,6 @@ module.exports = require("core-js/modules/es.regexp.test.js");
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "6148":
-/***/ (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_36cb37de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4ba3");
-/* 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_36cb37de_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_36cb37de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "6167":
@@ -13120,6 +13091,13 @@ var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
 
 /***/ }),
 
+/***/ "a168":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "a1cc":
 /***/ (function(module, exports) {
 
@@ -13489,6 +13467,17 @@ module.exports = require("core-js/modules/es.json.stringify.js");
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "abc6":
+/***/ (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_30ab4c8a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a168");
+/* 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_30ab4c8a_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_30ab4c8a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ac3f":
@@ -16051,6 +16040,17 @@ src_button.install = function (Vue) {
 
 /******/ });
 
+/***/ }),
+
+/***/ "f076":
+/***/ (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_2bc00d52_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("01ae");
+/* 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_2bc00d52_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_2bc00d52_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f0d9":
@@ -17740,7 +17740,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":"5f9bf88f-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=36cb37de&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d5085c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=30ab4c8a&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -18170,6 +18170,30 @@ var render = function render() {
     }
   }, [_c('el-row', {
     staticClass: "backgroundText"
+  }, [_vm._v("HighlightTool")]), _c('el-row', {
+    staticClass: "backgroundControl"
+  }, [_c('el-radio-group', {
+    staticClass: "flatmap-radio",
+    on: {
+      "change": _vm.setHighlightTool
+    },
+    model: {
+      value: _vm.highlightToolOn,
+      callback: function callback($$v) {
+        _vm.highlightToolOn = $$v;
+      },
+      expression: "highlightToolOn"
+    }
+  }, [_c('el-radio', {
+    attrs: {
+      "label": true
+    }
+  }, [_vm._v("On")]), _c('el-radio', {
+    attrs: {
+      "label": false
+    }
+  }, [_vm._v("Off")])], 1)], 1), _c('el-row', {
+    staticClass: "backgroundText"
   }, [_vm._v("Organs display")]), _c('el-row', {
     staticClass: "backgroundControl"
   }, [_c('el-radio-group', {
@@ -18315,12 +18339,16 @@ var render = function render() {
     staticClass: "tooltip",
     attrs: {
       "entry": _vm.tooltipEntry
+    },
+    on: {
+      "highlightConnectedPaths": _vm.highlightConnectedPaths,
+      "onClose": _vm.closeTooltip
     }
   })], 1)], 1);
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=36cb37de&scoped=true&
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=30ab4c8a&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
@@ -18859,6 +18887,36 @@ function _asyncToGenerator(fn) {
     });
   };
 }
+// 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
+
+
+
+
+
+
+
+
+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/row.css
 var row = __webpack_require__("7a0f");
 
@@ -18913,6 +18971,9 @@ var es_array_find_index_js_ = __webpack_require__("4c7f");
 // 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.map.js"
+var es_array_map_js_ = __webpack_require__("4391");
+
 // EXTERNAL MODULE: external "core-js/modules/es.set.js"
 var es_set_js_ = __webpack_require__("8535");
 
@@ -18926,8 +18987,8 @@ var es_number_constructor_js_ = __webpack_require__("f989");
 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":"5f9bf88f-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=27ac8279&scoped=true&
-var Tooltipvue_type_template_id_27ac8279_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d5085c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=2bc00d52&scoped=true&
+var Tooltipvue_type_template_id_2bc00d52_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -18946,7 +19007,11 @@ var Tooltipvue_type_template_id_27ac8279_scoped_true_render = function render()
     staticClass: "title"
   }, [_vm._v(_vm._s(_vm.capitalise(_vm.entry.title)))]), _vm.entry.provenanceTaxonomyLabel && _vm.entry.provenanceTaxonomyLabel.length > 0 ? _c('div', {
     staticClass: "subtitle"
-  }, [_vm._v(" " + _vm._s(_vm.provSpeciesDescription) + " ")]) : _vm._e()]) : _c('div', {
+  }, [_vm._v(" " + _vm._s(_vm.provSpeciesDescription) + " ")]) : _vm._e(), _c('el-button', {
+    on: {
+      "click": _vm.showConnectedPaths
+    }
+  }, [_vm._v(" Show connected paths ")])], 1) : _c('div', {
     staticClass: "block"
   }, [_c('span', {
     staticClass: "title"
@@ -19098,9 +19163,9 @@ var Tooltipvue_type_template_id_27ac8279_scoped_true_render = function render()
     }
   })], 1)])], 1) : _vm._e()], 1);
 };
-var Tooltipvue_type_template_id_27ac8279_scoped_true_staticRenderFns = [];
+var Tooltipvue_type_template_id_2bc00d52_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=27ac8279&scoped=true&
+// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=2bc00d52&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/main.css
 var main = __webpack_require__("de31");
@@ -19139,9 +19204,6 @@ 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: ./node_modules/element-ui/lib/locale/lang/en.js
 var en = __webpack_require__("b2d6");
 var en_default = /*#__PURE__*/__webpack_require__.n(en);
@@ -19154,7 +19216,7 @@ var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
 
 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":"5f9bf88f-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d5085c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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;
@@ -19458,6 +19520,10 @@ var _capitalise = function capitalise(str) {
     titleCase: function titleCase(title) {
       return _titleCase(title);
     },
+    showConnectedPaths: function showConnectedPaths() {
+      this.$emit('highlightConnectedPaths', this.entry.featureId);
+      this.$emit('onClose');
+    },
     capitalise: function capitalise(text) {
       return _capitalise(text);
     },
@@ -19498,8 +19564,8 @@ var _capitalise = function capitalise(str) {
 });
 // 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=27ac8279&prod&scoped=true&lang=scss&
-var Tooltipvue_type_style_index_0_id_27ac8279_prod_scoped_true_lang_scss_ = __webpack_require__("2782");
+// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=2bc00d52&prod&scoped=true&lang=scss&
+var Tooltipvue_type_style_index_0_id_2bc00d52_prod_scoped_true_lang_scss_ = __webpack_require__("f076");
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue
 
@@ -19512,17 +19578,17 @@ var Tooltipvue_type_style_index_0_id_27ac8279_prod_scoped_true_lang_scss_ = __we
 
 var Tooltip_component = normalizeComponent(
   components_Tooltipvue_type_script_lang_js_,
-  Tooltipvue_type_template_id_27ac8279_scoped_true_render,
-  Tooltipvue_type_template_id_27ac8279_scoped_true_staticRenderFns,
+  Tooltipvue_type_template_id_2bc00d52_scoped_true_render,
+  Tooltipvue_type_template_id_2bc00d52_scoped_true_staticRenderFns,
   false,
   null,
-  "27ac8279",
+  "2bc00d52",
   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":"5f9bf88f-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=b125dcae&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d5085c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=b125dcae&scoped=true&
 var SelectionsGroupvue_type_template_id_b125dcae_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -19788,7 +19854,7 @@ var SelectionsGroup_component = normalizeComponent(
 )
 
 /* harmony default export */ var SelectionsGroup = (SelectionsGroup_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5f9bf88f-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/TreeControls.vue?vue&type=template&id=4c70eb11&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d5085c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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/TreeControls.vue?vue&type=template&id=4c70eb11&scoped=true&
 var TreeControlsvue_type_template_id_4c70eb11_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -19984,7 +20050,7 @@ var TreeControls_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":"5f9bf88f-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=863a3716&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d5085c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=863a3716&scoped=true&
 var SvgLegendsvue_type_template_id_863a3716_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -20100,36 +20166,6 @@ 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>');
-// 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
-
-
-
-
-
-
-
-
-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: external "core-js/modules/es.json.stringify.js"
 var es_json_stringify_js_ = __webpack_require__("a9ee");
 
@@ -20692,6 +20728,8 @@ var flatmapQueries_FlatmapQueries = function FlatmapQueries() {
 
 
 
+
+
 
 
 
@@ -20838,6 +20876,9 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
         });
       }
     },
+    setHighlightTool: function setHighlightTool(flag) {
+      this.highlightToolOn = flag;
+    },
     /**
      * Function to toggle outlines f organs.
      */
@@ -20910,16 +20951,37 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
         });
       }
     },
+    highlightConnectedPaths: function highlightConnectedPaths(payload) {
+      var _this2 = this;
+      if (this.mapImp) {
+        var paths = _toConsumableArray(this.mapImp.pathModelNodes(payload));
+        // The line below matches the paths to the annIdToFeatureId map to get the feature ids
+
+        var pathFeatures = paths.map(function (p) {
+          return _this2.mapImp.featureProperties(p);
+        });
+        var toHighlight = [];
+        pathFeatures.forEach(function (p) {
+          _this2.mapImp.nodePathModels(p.featureId).forEach(function (f) {
+            toHighlight.push(f);
+          });
+        });
+        // display connected paths
+        this.mapImp.zoomToFeatures(toHighlight, {
+          noZoomIn: true
+        });
+      }
+    },
     systemSelected: function systemSelected(payload) {
       if (this.mapImp) {
         this.mapImp.enableSystem(payload.key, payload.value);
       }
     },
     checkAllSystems: function checkAllSystems(flag) {
-      var _this2 = this;
+      var _this3 = this;
       if (this.mapImp) {
         this.systems[0].children.forEach(function (key) {
-          return _this2.mapImp.enableSystem(key.label, flag);
+          return _this3.mapImp.enableSystem(key.label, flag);
         });
       }
     },
@@ -20932,10 +20994,10 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       }
     },
     checkAllLayers: function checkAllLayers(payload) {
-      var _this3 = this;
+      var _this4 = this;
       if (this.mapImp) {
         payload.keys.forEach(function (key) {
-          return _this3.mapImp.enableLayer(key, payload.value);
+          return _this4.mapImp.enableLayer(key, payload.value);
         });
       }
     },
@@ -20945,10 +21007,10 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       }
     },
     checkAllTaxons: function checkAllTaxons(payload) {
-      var _this4 = this;
+      var _this5 = this;
       if (this.mapImp) {
         payload.keys.forEach(function (key) {
-          return _this4.mapImp.enableConnectivityByTaxonIds(key, payload.value);
+          return _this5.mapImp.enableConnectivityByTaxonIds(key, payload.value);
         });
       }
     },
@@ -20958,10 +21020,10 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       }
     },
     checkAllPathways: function checkAllPathways(payload) {
-      var _this5 = this;
+      var _this6 = this;
       if (this.mapImp) {
         payload.keys.forEach(function (key) {
-          return _this5.mapImp.enablePath(key, payload.value);
+          return _this6.mapImp.enablePath(key, payload.value);
         });
       }
     },
@@ -20969,13 +21031,13 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       this.mapImp.enablePanZoomEvents(flag);
     },
     eventCallback: function eventCallback() {
-      var _this6 = this;
+      var _this7 = this;
       return function (eventType, data) {
         if (eventType !== "pan-zoom") {
           var label = data.label;
           var resource = [data.models];
-          var taxonomy = _this6.entry;
-          var biologicalSex = _this6.biologicalSex;
+          var taxonomy = _this7.entry;
+          var biologicalSex = _this7.biologicalSex;
           for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
             args[_key - 2] = arguments[_key];
           }
@@ -20991,16 +21053,22 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
             provenanceTaxonomy: data.taxons ? JSON.parse(data.taxons) : undefined
           };
           if (eventType === "click") {
-            _this6.currentActive = data.models ? data.models : "";
-          } else if (eventType === "mouseenter") {
-            _this6.currentHover = data.models ? data.models : "";
+            if (_this7.highlightToolOn) {
+              _this7.highlightConnectedPaths([data.models]);
+            } else {
+              console.log('active changed');
+              _this7.currentActive = data.models ? data.models : "";
+            }
+          } else if (eventType === "mouseenter" && !_this7.highlightToolOn) {
+            console.log('active changed');
+            _this7.currentHover = data.models ? data.models : "";
           }
-          if (data && data.type !== "marker" && eventType === "click") {
-            _this6.checkAndCreatePopups(payload);
+          if (data && data.type !== "marker" && eventType === "click" && !_this7.highlightToolOn) {
+            _this7.checkAndCreatePopups(payload);
           }
-          _this6.$emit("resource-selected", payload);
+          _this7.$emit("resource-selected", payload);
         } else {
-          _this6.$emit("pan-zoom-callback", data);
+          _this7.$emit("pan-zoom-callback", data);
         }
       };
     },
@@ -21020,6 +21088,7 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
                 // result 0 is the connection, result 1 is the pubmed results from flatmap
                 if (results[0] || results[1] || data.feature.hyperlinks && data.feature.hyperlinks.length > 0) {
                   this.resourceForTooltip = data.resource[0];
+                  data.resourceForTooltip = this.resourceForTooltip;
                   this.createTooltipFromNeuronCuration(data);
                 }
               case 4:
@@ -21044,6 +21113,12 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
         document.querySelector(".flatmap-tooltip-popup").style.display = "block";
       };
     },
+    closeTooltip: function closeTooltip() {
+      this.$refs.tooltip.$el.style.display = "none";
+      document.querySelectorAll('.maplibregl-popup').forEach(function (item) {
+        item.style.display = "none";
+      });
+    },
     createTooltipFromNeuronCuration: function () {
       var _createTooltipFromNeuronCuration = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -21123,20 +21198,20 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       }
     },
     showToolitip: function showToolitip(tooltipNumber) {
-      var _this7 = this;
+      var _this8 = this;
       if (!this.inHelp) {
         clearTimeout(this.tooltipWait[tooltipNumber]);
         this.tooltipWait[tooltipNumber] = setTimeout(function () {
-          _this7.hoverVisibilities[tooltipNumber].value = true;
+          _this8.hoverVisibilities[tooltipNumber].value = true;
         }, 500);
       }
     },
     hideToolitip: function hideToolitip(tooltipNumber) {
-      var _this8 = this;
+      var _this9 = this;
       if (!this.inHelp) {
         clearTimeout(this.tooltipWait[tooltipNumber]);
         this.tooltipWait[tooltipNumber] = setTimeout(function () {
-          _this8.hoverVisibilities[tooltipNumber].value = false;
+          _this9.hoverVisibilities[tooltipNumber].value = false;
         }, 500);
       }
     },
@@ -21213,7 +21288,7 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       }
     },
     createFlatmap: function createFlatmap(state) {
-      var _this9 = this;
+      var _this10 = this;
       if (!this.mapImp && !this.loading) {
         this.loading = true;
         var minimap = false;
@@ -21280,10 +21355,10 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
           minimap: minimap
         });
         promise1.then(function (returnedObject) {
-          _this9.mapImp = returnedObject;
-          _this9.onFlatmapReady();
-          if (_this9._stateToBeSet) _this9.restoreMapState(_this9._stateToBeSet);else {
-            _this9.restoreMapState(state);
+          _this10.mapImp = returnedObject;
+          _this10.onFlatmapReady();
+          if (_this10._stateToBeSet) _this10.restoreMapState(_this10._stateToBeSet);else {
+            _this10.restoreMapState(state);
           }
         });
       } else if (state) {
@@ -21526,6 +21601,7 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       currentBackground: "white",
       availableBackground: ["white", "lightskyblue", "black"],
       loading: false,
+      highlightToolOn: false,
       flatmapMarker: flatmap_marker,
       tooltipEntry: createUnfilledTooltipData(),
       connectivityTooltipVisible: false,
@@ -21578,8 +21654,8 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
 });
 // 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=36cb37de&prod&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_36cb37de_prod_scoped_true_lang_scss_ = __webpack_require__("6148");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=30ab4c8a&prod&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_30ab4c8a_prod_scoped_true_lang_scss_ = __webpack_require__("abc6");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -21596,13 +21672,13 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "36cb37de",
+  "30ab4c8a",
   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":"5f9bf88f-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=4cc67562&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d5085c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./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=4cc67562&scoped=true&
 var MultiFlatmapVuervue_type_template_id_4cc67562_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;