@abi-software/flatmapvuer 0.3.4 → 0.3.6-fccb-0

package/dist/flatmapvuer.umd.js

@@ -289,13 +289,6 @@ exports.default = function (ref) {
 
 /***/ }),
 
-/***/ "12fa":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "13e3":
 /***/ (function(module, exports) {
 
@@ -731,6 +724,13 @@ module.exports = __webpack_require__("e62d");
 
 /***/ }),
 
+/***/ "1636":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "186a":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -825,13 +825,6 @@ function scrollIntoView(container, selected) {
 
 /***/ }),
 
-/***/ "2ad5":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "2ba9":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1825,6 +1818,13 @@ module.exports = require("core-js/modules/es.array.from.js");
 
 /***/ }),
 
+/***/ "4386":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4391":
 /***/ (function(module, exports) {
 
@@ -1921,6 +1921,17 @@ module.exports = require("core-js/modules/es.symbol.description.js");
 
 module.exports = require("@abi-software/flatmap-viewer");
 
+/***/ }),
+
+/***/ "4ad6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_1370e135_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b3d8");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_1370e135_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_1370e135_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4b26":
@@ -2140,17 +2151,6 @@ exports.default = PopupManager;
 
 module.exports = require("core-js/modules/es.array.iterator.js");
 
-/***/ }),
-
-/***/ "4d54":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_b0476142_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("12fa");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_b0476142_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_b0476142_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4e4b":
@@ -4320,17 +4320,6 @@ src_select.install = function (Vue) {
 
 /******/ });
 
-/***/ }),
-
-/***/ "5097":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_09d0c8ed_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("559b");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_09d0c8ed_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_09d0c8ed_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5128":
@@ -4571,24 +4560,6 @@ exports.default = {
 };
 exports.PopupManager = _popupManager2.default;
 
-/***/ }),
-
-/***/ "559b":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "55d7":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_1d12a6d3_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2ad5");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_1d12a6d3_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_1d12a6d3_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "560b":
@@ -10674,6 +10645,13 @@ exports.default = {
 
 /***/ }),
 
+/***/ "b3d8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "b5d8":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11269,6 +11247,17 @@ function isKorean(text) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "d52c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_79f5715d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4386");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_79f5715d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_79f5715d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "da6e":
@@ -11940,6 +11929,17 @@ src_checkbox.install = function (Vue) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "dfe0":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_6d60b094_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1636");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_6d60b094_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_6d60b094_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e62d":
@@ -14739,12 +14739,12 @@ 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":"f96242d6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=b0476142&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"flatmap-container",attrs:{"element-loading-text":"Loading...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.3)"}},[_c('map-svg-sprite-color'),_c('div',{staticStyle:{"height":"100%","width":"100%","position":"relative","overflow-y":"none"}},[_c('div',{ref:"display",staticStyle:{"height":"100%","width":"100%"}}),_c('div',{staticClass:"beta-popovers"},[_c('div',[_c('el-popover',{ref:"warningPopover",attrs:{"content":_vm.warningMessage,"placement":"right","appendToBody":false,"trigger":"manual","popper-class":"warning-popper flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[6].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[6], "value", $$v)},expression:"hoverVisibilities[6].value"}}),(_vm.displayWarning && _vm.warningMessage)?_c('i',{directives:[{name:"popover",rawName:"v-popover:warningPopover",arg:"warningPopover"}],staticClass:"el-icon-warning warning-icon",on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("Beta")])]):_vm._e()],1),(_vm.displayLatestChanges)?_c('el-popover',{ref:"latestChangesPopover",attrs:{"content":_vm.latestChangesMessage,"placement":"right","appendToBody":false,"trigger":"manual","popper-class":"warning-popper flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[7].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[7], "value", $$v)},expression:"hoverVisibilities[7].value"}}):_vm._e(),(_vm.displayLatestChanges && _vm.latestChangesMessage)?_c('i',{directives:[{name:"popover",rawName:"v-popover:latestChangesPopover",arg:"latestChangesPopover"}],staticClass:"el-icon-warning latest-changesicon",on:{"mouseover":function($event){return _vm.showToolitip(7)},"mouseout":function($event){return _vm.hideToolitip(7)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("What's new?")])]):_vm._e()],1),_c('div',{staticClass:"bottom-right-control"},[_c('el-popover',{attrs:{"content":"Zoom in","placement":"left","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper left-popper"},model:{value:(_vm.hoverVisibilities[0].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[0], "value", $$v)},expression:"hoverVisibilities[0].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomIn",attrs:{"slot":"reference","icon":"zoomIn"},nativeOn:{"click":function($event){return _vm.zoomIn()},"mouseover":function($event){return _vm.showToolitip(0)},"mouseout":function($event){return _vm.hideToolitip(0)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Zoom out","placement":"top-end","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-zoomout"},model:{value:(_vm.hoverVisibilities[1].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[1], "value", $$v)},expression:"hoverVisibilities[1].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomOut",attrs:{"slot":"reference","icon":"zoomOut"},nativeOn:{"click":function($event){return _vm.zoomOut()},"mouseover":function($event){return _vm.showToolitip(1)},"mouseout":function($event){return _vm.hideToolitip(1)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Reset","placement":"top","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper"},model:{value:(_vm.hoverVisibilities[2].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[2], "value", $$v)},expression:"hoverVisibilities[2].value"}},[_c('div',[_vm._v(" Fit to "),_c('br'),_vm._v(" window ")]),_c('map-svg-icon',{staticClass:"icon-button fitWindow",attrs:{"slot":"reference","icon":"fitWindow"},nativeOn:{"click":function($event){return _vm.resetView()},"mouseover":function($event){return _vm.showToolitip(2)},"mouseout":function($event){return _vm.hideToolitip(2)}},slot:"reference"})],1)],1),_c('el-popover',{ref:"checkBoxPopover",attrs:{"content":"Change pathway visibility","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[4].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[4], "value", $$v)},expression:"hoverVisibilities[4].value"}}),_c('div',{staticClass:"pathway-location",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen }},[(_vm.pathways.length > 0 && _vm.pathControls)?_c('div',{directives:[{name:"popover",rawName:"v-popover:checkBoxPopover",arg:"checkBoxPopover"}],staticClass:"pathway-container"},[_c('el-popover',{ref:"markerPopover",attrs:{"content":"Find these markers for data","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-bump-right  right-popper"},model:{value:(_vm.hoverVisibilities[5].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[5], "value", $$v)},expression:"hoverVisibilities[5].value"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hoverVisibilities[5].value),expression:"hoverVisibilities[5].value"},{name:"popover",rawName:"v-popover:markerPopover",arg:"markerPopover"}],staticClass:"flatmap-marker-help",domProps:{"innerHTML":_vm._s(_vm.flatmapMarker)}}),_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"pathways-display-text"},[_vm._v("Pathways")])]),_c('el-col',{attrs:{"span":12}},[_c('el-checkbox',{staticClass:"all-checkbox",attrs:{"indeterminate":_vm.isIndeterminate},on:{"change":_vm.handleCheckAllChange},model:{value:(_vm.checkAll),callback:function ($$v) {_vm.checkAll=$$v},expression:"checkAll"}},[_vm._v("Display all")])],1)],1),_c('el-checkbox-group',{staticClass:"checkbox-group",attrs:{"size":"small"},on:{"change":_vm.handleCheckedItemsChange},model:{value:(_vm.checkedItems),callback:function ($$v) {_vm.checkedItems=$$v},expression:"checkedItems"}},[_c('div',{staticClass:"checkbox-group-inner"},_vm._l((_vm.pathways),function(item){return _c('el-row',{key:item.type,attrs:{"label":item.type}},[_c('div',{staticClass:"checkbox-container"},[_c('el-checkbox',{staticClass:"my-checkbox",attrs:{"label":item.type,"checked":true},on:{"change":function($event){return _vm.visibilityToggle()}}},[_c('div',{staticClass:"path-visual",class:item.type}),_vm._v(" "+_vm._s(item.label)+" ")])],1)])}),1)])],1):_vm._e(),_c('div',{staticClass:"drawer-button",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})])]),_c('el-popover',{ref:"backgroundPopover",attrs:{"placement":"top-start","width":"175","appendToBody":false,"trigger":"click","popper-class":"background-popper"}},[_c('el-row',{staticClass:"backgroundText"},[_vm._v("Organs display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setColour},model:{value:(_vm.colourRadio),callback:function ($$v) {_vm.colourRadio=$$v},expression:"colourRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Colour")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Greyscale")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Outlines display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setOutlines},model:{value:(_vm.outlinesRadio),callback:function ($$v) {_vm.outlinesRadio=$$v},expression:"outlinesRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Show")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Hide")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Change background")]),_c('el-row',{staticClass:"backgroundControl"},_vm._l((_vm.availableBackground),function(item){return _c('div',{key:item,class:['backgroundChoice', item, item == _vm.currentBackground ? 'active' :''],on:{"click":function($event){return _vm.backgroundChangeCallback(item)}}})}),0)],1),_c('el-popover',{attrs:{"content":"Change background color","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[3].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[3], "value", $$v)},expression:"hoverVisibilities[3].value"}},[_c('map-svg-icon',{directives:[{name:"popover",rawName:"v-popover:backgroundPopover",arg:"backgroundPopover"}],staticClass:"icon-button background-colour",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },attrs:{"slot":"reference","icon":"changeBckgd"},nativeOn:{"mouseover":function($event){return _vm.showToolitip(3)},"mouseout":function($event){return _vm.hideToolitip(3)}},slot:"reference"})],1),_c('Tooltip',{ref:"tooltip",staticClass:"tooltip",attrs:{"content":_vm.tooltipContent},on:{"resource-selected":_vm.resourceSelected}})],1)],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fc602c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=6d60b094&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"flatmap-container",attrs:{"element-loading-text":"Loading...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.3)"}},[_c('map-svg-sprite-color'),_c('div',{staticStyle:{"height":"100%","width":"100%","position":"relative","overflow-y":"none"}},[_c('div',{ref:"display",staticStyle:{"height":"100%","width":"100%"}}),_c('div',{staticClass:"beta-popovers"},[_c('div',[_c('el-popover',{ref:"warningPopover",attrs:{"content":_vm.warningMessage,"placement":"right","appendToBody":false,"trigger":"manual","popper-class":"warning-popper flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[6].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[6], "value", $$v)},expression:"hoverVisibilities[6].value"}}),(_vm.displayWarning && _vm.warningMessage)?_c('i',{directives:[{name:"popover",rawName:"v-popover:warningPopover",arg:"warningPopover"}],staticClass:"el-icon-warning warning-icon",on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("Beta")])]):_vm._e()],1),(_vm.displayLatestChanges)?_c('el-popover',{ref:"latestChangesPopover",attrs:{"content":_vm.latestChangesMessage,"placement":"right","appendToBody":false,"trigger":"manual","popper-class":"warning-popper flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[7].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[7], "value", $$v)},expression:"hoverVisibilities[7].value"}}):_vm._e(),(_vm.displayLatestChanges && _vm.latestChangesMessage)?_c('i',{directives:[{name:"popover",rawName:"v-popover:latestChangesPopover",arg:"latestChangesPopover"}],staticClass:"el-icon-warning latest-changesicon",on:{"mouseover":function($event){return _vm.showToolitip(7)},"mouseout":function($event){return _vm.hideToolitip(7)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("What's new?")])]):_vm._e()],1),_c('div',{staticClass:"bottom-right-control"},[_c('el-popover',{attrs:{"content":"Zoom in","placement":"left","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper left-popper"},model:{value:(_vm.hoverVisibilities[0].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[0], "value", $$v)},expression:"hoverVisibilities[0].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomIn",attrs:{"slot":"reference","icon":"zoomIn"},nativeOn:{"click":function($event){return _vm.zoomIn()},"mouseover":function($event){return _vm.showToolitip(0)},"mouseout":function($event){return _vm.hideToolitip(0)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Zoom out","placement":"top-end","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-zoomout"},model:{value:(_vm.hoverVisibilities[1].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[1], "value", $$v)},expression:"hoverVisibilities[1].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomOut",attrs:{"slot":"reference","icon":"zoomOut"},nativeOn:{"click":function($event){return _vm.zoomOut()},"mouseover":function($event){return _vm.showToolitip(1)},"mouseout":function($event){return _vm.hideToolitip(1)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Reset","placement":"top","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper"},model:{value:(_vm.hoverVisibilities[2].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[2], "value", $$v)},expression:"hoverVisibilities[2].value"}},[_c('div',[_vm._v(" Fit to "),_c('br'),_vm._v(" window ")]),_c('map-svg-icon',{staticClass:"icon-button fitWindow",attrs:{"slot":"reference","icon":"fitWindow"},nativeOn:{"click":function($event){return _vm.resetView()},"mouseover":function($event){return _vm.showToolitip(2)},"mouseout":function($event){return _vm.hideToolitip(2)}},slot:"reference"})],1)],1),_c('el-popover',{ref:"checkBoxPopover",attrs:{"content":"Change pathway visibility","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[4].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[4], "value", $$v)},expression:"hoverVisibilities[4].value"}}),_c('div',{staticClass:"pathway-location",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen }},[_c('svg-legends',{staticClass:"svg-legends-container"}),(_vm.pathways.length > 0 && _vm.pathControls)?_c('div',{directives:[{name:"popover",rawName:"v-popover:checkBoxPopover",arg:"checkBoxPopover"}],staticClass:"pathway-container"},[_c('el-popover',{ref:"markerPopover",attrs:{"content":"Find these markers for data","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-bump-right  right-popper"},model:{value:(_vm.hoverVisibilities[5].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[5], "value", $$v)},expression:"hoverVisibilities[5].value"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hoverVisibilities[5].value),expression:"hoverVisibilities[5].value"},{name:"popover",rawName:"v-popover:markerPopover",arg:"markerPopover"}],staticClass:"flatmap-marker-help",domProps:{"innerHTML":_vm._s(_vm.flatmapMarker)}}),_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"pathways-display-text"},[_vm._v("Pathways")])]),_c('el-col',{attrs:{"span":12}},[_c('el-checkbox',{staticClass:"all-checkbox",attrs:{"indeterminate":_vm.isIndeterminate},on:{"change":_vm.handleCheckAllChange},model:{value:(_vm.checkAll),callback:function ($$v) {_vm.checkAll=$$v},expression:"checkAll"}},[_vm._v("Display all")])],1)],1),_c('el-checkbox-group',{staticClass:"checkbox-group",attrs:{"size":"small"},on:{"change":_vm.handleCheckedItemsChange},model:{value:(_vm.checkedItems),callback:function ($$v) {_vm.checkedItems=$$v},expression:"checkedItems"}},[_c('div',{staticClass:"checkbox-group-inner"},_vm._l((_vm.pathways),function(item){return _c('el-row',{key:item.type,attrs:{"label":item.type}},[_c('div',{staticClass:"checkbox-container"},[_c('el-checkbox',{staticClass:"my-checkbox",attrs:{"label":item.type,"checked":true},on:{"change":function($event){return _vm.visibilityToggle()}}},[_c('div',{staticClass:"path-visual",class:item.type}),_vm._v(" "+_vm._s(item.label)+" ")])],1)])}),1)])],1):_vm._e(),_c('div',{staticClass:"drawer-button",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})])],1),_c('el-popover',{ref:"backgroundPopover",attrs:{"placement":"top-start","width":"175","appendToBody":false,"trigger":"click","popper-class":"background-popper"}},[_c('el-row',{staticClass:"backgroundText"},[_vm._v("Organs display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setColour},model:{value:(_vm.colourRadio),callback:function ($$v) {_vm.colourRadio=$$v},expression:"colourRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Colour")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Greyscale")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Outlines display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setOutlines},model:{value:(_vm.outlinesRadio),callback:function ($$v) {_vm.outlinesRadio=$$v},expression:"outlinesRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Show")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Hide")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Change background")]),_c('el-row',{staticClass:"backgroundControl"},_vm._l((_vm.availableBackground),function(item){return _c('div',{key:item,class:['backgroundChoice', item, item == _vm.currentBackground ? 'active' :''],on:{"click":function($event){return _vm.backgroundChangeCallback(item)}}})}),0)],1),_c('el-popover',{attrs:{"content":"Change background color","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[3].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[3], "value", $$v)},expression:"hoverVisibilities[3].value"}},[_c('map-svg-icon',{directives:[{name:"popover",rawName:"v-popover:backgroundPopover",arg:"backgroundPopover"}],staticClass:"icon-button background-colour",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },attrs:{"slot":"reference","icon":"changeBckgd"},nativeOn:{"mouseover":function($event){return _vm.showToolitip(3)},"mouseout":function($event){return _vm.hideToolitip(3)}},slot:"reference"})],1),_c('Tooltip',{ref:"tooltip",staticClass:"tooltip",attrs:{"content":_vm.tooltipContent},on:{"resource-selected":_vm.resourceSelected}})],1)],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=b0476142&scoped=true&
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=6d60b094&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
@@ -14949,12 +14949,12 @@ 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":"f96242d6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=template&id=09d0c8ed&scoped=true&
-var Tooltipvue_type_template_id_09d0c8ed_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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.content.featureIds)?_c('pubmed-viewer',{directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],staticClass:"block",attrs:{"entry":_vm.content},on:{"pubmedSearchUrl":_vm.pubmedSearchUrlUpdate}}):_vm._e(),_vm._v(" "+_vm._s(_vm.content.paths)+" "),(this.origins)?_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"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('span',{staticStyle:{"word-break":"keep-all"}},[_c('i',[_vm._v("Origin")]),_vm._v(" "+_vm._s(_vm.originDescription)+" ")])])],1),_vm._l((_vm.origins),function(origin){return _c('div',{key:origin,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(origin))+" ")])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.originsWithDatasets.length > 0),expression:"originsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openDendrites}},[_vm._v(" Explore origin data ")])],2):_vm._e(),(this.components)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Components")]),_vm._l((_vm.components),function(component){return _c('div',{key:component,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(component))+" ")])})],2):_vm._e(),(this.destinations)?_c('div',{staticClass:"block"},[_c('div',[_c('span',{staticClass:"attribute-title"},[_vm._v("Destination")]),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('span',{staticStyle:{"word-break":"keep-all"}},[_c('i',[_vm._v("Destination")]),_vm._v(" is where the axons terminate ")])])],1),_vm._l((_vm.destinations),function(destination){return _c('div',{key:destination,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(destination))+" ")])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.destinationsWithDatasets.length > 0),expression:"destinationsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openAxons}},[_vm._v(" Explore destination data ")])],2):_vm._e(),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.components.length > 0),expression:"components.length > 0"}],staticClass:"button",on:{"click":_vm.openAll}},[_vm._v(" Search for data on components ")]),(_vm.pubmedSearchUrl)?_c('el-button',{staticClass:"button",attrs:{"icon":"el-icon-notebook-2"},on:{"click":function($event){return _vm.openUrl(_vm.pubmedSearchUrl)}}},[_vm._v(" Open publications in pubmed ")]):_vm._e()],1)]):_vm._e()],1)}
-var Tooltipvue_type_template_id_09d0c8ed_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fc602c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=template&id=1370e135&scoped=true&
+var Tooltipvue_type_template_id_1370e135_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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.content.featureIds)?_c('pubmed-viewer',{directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],staticClass:"block",attrs:{"entry":_vm.content},on:{"pubmedSearchUrl":_vm.pubmedSearchUrlUpdate}}):_vm._e(),_vm._v(" "+_vm._s(_vm.content.paths)+" "),(this.origins)?_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"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('span',{staticStyle:{"word-break":"keep-all"}},[_c('i',[_vm._v("Origin")]),_vm._v(" "+_vm._s(_vm.originDescription)+" ")])])],1),_vm._l((_vm.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',{staticClass:"seperator"}):_vm._e()])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.originsWithDatasets.length > 0),expression:"originsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openDendrites}},[_vm._v(" Explore origin data ")])],2):_vm._e(),(this.components)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Components")]),_vm._l((_vm.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',{staticClass:"seperator"}):_vm._e()])})],2):_vm._e(),(this.destinations)?_c('div',{staticClass:"block"},[_c('div',[_c('span',{staticClass:"attribute-title"},[_vm._v("Destination")]),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('span',{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){return _c('div',{key:destination,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(destination))+" "),(i != _vm.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"}],staticClass:"button",on:{"click":_vm.openAxons}},[_vm._v(" Explore destination data ")])],2):_vm._e(),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.components.length > 0),expression:"components.length > 0"}],staticClass:"button",on:{"click":_vm.openAll}},[_vm._v(" Search for data on components ")]),(_vm.pubmedSearchUrl)?_c('el-button',{staticClass:"button",attrs:{"icon":"el-icon-notebook-2"},on:{"click":function($event){return _vm.openUrl(_vm.pubmedSearchUrl)}}},[_vm._v(" Open publications in pubmed ")]):_vm._e()],1)]):_vm._e()],1)}
+var Tooltipvue_type_template_id_1370e135_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=09d0c8ed&scoped=true&
+// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=1370e135&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
@@ -15043,12 +15043,12 @@ 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":"f96242d6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=template&id=1d12a6d3&scoped=true&
-var PubmedViewervue_type_template_id_1d12a6d3_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pubmed-container"},[_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading.response),expression:"loading.response"}],staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Pubmed Resources")]),_c('br'),_c('el-carousel',{attrs:{"autoplay":false,"indicator-position":"outside","height":"250px","width":"200px"}},_vm._l((_vm.pubmeds),function(pub,i){return _c('el-carousel-item',{key:i},[_c('div',{staticClass:"attribute-content"},[_c('div',{domProps:{"innerHTML":_vm._s(pub.html)}}),_c('el-link',{staticClass:"el-link",attrs:{"href":pub.url,"underline":false,"target":"_blank"}},[_vm._v(_vm._s(pub.url))])],1)])}),1)],1)])}
-var PubmedViewervue_type_template_id_1d12a6d3_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fc602c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=template&id=79f5715d&scoped=true&
+var PubmedViewervue_type_template_id_79f5715d_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pubmed-container"},[_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading.response),expression:"loading.response"}],staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Pubmed Resources")]),_c('br'),_c('el-carousel',{attrs:{"autoplay":false,"indicator-position":"outside","height":"250px","width":"200px"}},_vm._l((_vm.pubmeds),function(pub,i){return _c('el-carousel-item',{key:i},[_c('div',{staticClass:"attribute-content"},[_c('div',{domProps:{"innerHTML":_vm._s(pub.html)}}),_c('el-link',{staticClass:"el-link",attrs:{"href":pub.url,"underline":false,"target":"_blank"}},[_vm._v(_vm._s(pub.url))])],1)])}),1)],1)])}
+var PubmedViewervue_type_template_id_79f5715d_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=template&id=1d12a6d3&scoped=true&
+// CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=template&id=79f5715d&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
@@ -15279,26 +15279,28 @@ external_vue_default.a.use(lib_button_default.a);
         _this2.responseData = data;
         _this2.loading.response = false; // create links for each pubmedId
 
-        data.values.forEach(function (identifier) {
-          var ids = _this2.stripPMIDPrefix(identifier[0]);
+        if (data.values.length > 0) {
+          data.values.forEach(function (identifier) {
+            var ids = _this2.stripPMIDPrefix(identifier[0]);
 
-          _this2.titleFromPubmed(ids).then(function (bib) {
-            var _this2$splitLink = _this2.splitLink(bib),
-                _this2$splitLink2 = _slicedToArray(_this2$splitLink, 2),
-                html = _this2$splitLink2[0],
-                link = _this2$splitLink2[1];
+            _this2.titleFromPubmed(ids).then(function (bib) {
+              var _this2$splitLink = _this2.splitLink(bib),
+                  _this2$splitLink2 = _slicedToArray(_this2$splitLink, 2),
+                  html = _this2$splitLink2[0],
+                  link = _this2$splitLink2[1];
 
-            _this2.pubmeds.push({
-              identifier: identifier[0],
-              html: html,
-              url: link
+              _this2.pubmeds.push({
+                identifier: identifier[0],
+                html: html,
+                url: link
+              });
             });
           });
-        });
 
-        _this2.$emit('pubmedSearchUrl', _this2.pubmedSearchUrl(data.values.map(function (id) {
-          return _this2.stripPMIDPrefix(id[0]);
-        })));
+          _this2.$emit('pubmedSearchUrl', _this2.pubmedSearchUrl(data.values.map(function (id) {
+            return _this2.stripPMIDPrefix(id[0]);
+          })));
+        }
       }).catch(function (error) {
         console.error('Error:', error);
       });
@@ -15313,8 +15315,8 @@ external_vue_default.a.use(lib_button_default.a);
 });
 // 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=1d12a6d3&scoped=true&lang=scss&
-var PubmedViewervue_type_style_index_0_id_1d12a6d3_scoped_true_lang_scss_ = __webpack_require__("55d7");
+// EXTERNAL MODULE: ./src/components/PubmedViewer.vue?vue&type=style&index=0&id=79f5715d&scoped=true&lang=scss&
+var PubmedViewervue_type_style_index_0_id_79f5715d_scoped_true_lang_scss_ = __webpack_require__("d52c");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -15427,11 +15429,11 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   components_PubmedViewervue_type_script_lang_js_,
-  PubmedViewervue_type_template_id_1d12a6d3_scoped_true_render,
-  PubmedViewervue_type_template_id_1d12a6d3_scoped_true_staticRenderFns,
+  PubmedViewervue_type_template_id_79f5715d_scoped_true_render,
+  PubmedViewervue_type_template_id_79f5715d_scoped_true_staticRenderFns,
   false,
   null,
-  "1d12a6d3",
+  "79f5715d",
   null
   
 )
@@ -15559,6 +15561,9 @@ var EventBus = new external_vue_default.a();
 //
 //
 //
+//
+//
+//
 
 /* eslint-disable no-alert, no-console */
 
@@ -15580,6 +15585,21 @@ var _titleCase = function titleCase(str) {
   });
 };
 
+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 "";
@@ -15683,39 +15703,60 @@ var _capitalise = function capitalise(str) {
     pubmedSearchUrlUpdate: function pubmedSearchUrlUpdate(val) {
       this.pubmedSearchUrl = val;
     },
-    findComponents: function findComponents(connectivity) {
+    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) {
-        var n = node.flat(); // Find all terms on the 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)
 
-        n.forEach(function (s) {
-          if (connectivity.axons.includes(s)) {
-            terminal = true;
-          }
+        if (inArray(connectivity.axons, node)) {
+          terminal = true;
+        }
 
-          if (connectivity.dendrites.includes(s)) {
-            terminal = true;
-          }
-        });
+        if (inArray(connectivity.dendrites, node)) {
+          terminal = true;
+        }
 
         if (!terminal) {
           found.push(node);
         }
-      }); // remove duplicates
-
-      var foundUnique = _toConsumableArray(new Set(found.map(function (n) {
-        return n[0];
-      })));
-
-      return foundUnique;
+      });
+      return found;
     },
     getOrganCuries: function getOrganCuries() {
       var _this = this;
@@ -15782,9 +15823,37 @@ var _capitalise = function capitalise(str) {
         });
       });
     },
-    pathwayQuery: function pathwayQuery(keastIds) {
+    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;
+    },
+    pathwayQuery: function pathwayQuery(keastIds) {
+      var _this4 = this;
+
       this.destinations = [];
       this.origins = [];
       this.components = [];
@@ -15802,44 +15871,47 @@ var _capitalise = function capitalise(str) {
       }).then(function (response) {
         return response.json();
       }).then(function (data) {
-        var connectivity = JSON.parse(data.values[0][0]);
+        var connectivity = JSON.parse(data.values[0][0]); // Filter the origin and destinations from components
 
-        var components = _this3.findComponents(connectivity); // Create list of ids to get labels for
+        var components = _this4.findComponents(connectivity); // process the nodes for finding datasets
 
 
-        window.connectivity = connectivity;
-        var axons = connectivity.axons.map(function (a) {
-          return a[0];
-        });
-        var dendrites = connectivity.dendrites.map(function (d) {
-          return d[0];
-        });
-        var conIds = axons.concat(dendrites.concat(components));
-        window.conIds = conIds;
+        var componentsFlat = _this4.flattenConntectivity(components);
+
+        var axons = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.axons);
+        var dendrites = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.dendrites);
 
-        _this3.createLabelLookup(conIds).then(function (lookUp) {
-          _this3.destinations = axons.map(function (a) {
-            return lookUp[a];
+        var axonsFlat = _this4.flattenConntectivity(axons);
+
+        var dendritesFlat = _this4.flattenConntectivity(dendrites);
+
+        var conIds = _this4.findAllIdsFromConnectivity(connectivity); // Create list of ids to get labels for
+        // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
+
+
+        _this4.createLabelLookup(conIds).then(function (lookUp) {
+          _this4.destinations = axons.map(function (a) {
+            return _this4.createLabelFromNeuralNode(a, lookUp);
           });
-          _this3.origins = dendrites.map(function (d) {
-            return lookUp[d];
+          _this4.origins = dendrites.map(function (d) {
+            return _this4.createLabelFromNeuralNode(d, lookUp);
           });
-          _this3.components = components.map(function (c) {
-            return lookUp[c];
+          _this4.components = components.map(function (c) {
+            return _this4.createLabelFromNeuralNode(c, lookUp);
           });
         }); // Filter for the anatomy which is annotated on datasets
 
 
-        _this3.destinationsWithDatasets = _this3.uberons.filter(function (ub) {
-          return axons.indexOf(ub.id) !== -1;
+        _this4.destinationsWithDatasets = _this4.uberons.filter(function (ub) {
+          return axonsFlat.indexOf(ub.id) !== -1;
         });
-        _this3.originsWithDatasets = _this3.uberons.filter(function (ub) {
-          return dendrites.indexOf(ub.id) !== -1;
+        _this4.originsWithDatasets = _this4.uberons.filter(function (ub) {
+          return dendritesFlat.indexOf(ub.id) !== -1;
         });
-        _this3.componentsWithDatasets = _this3.uberons.filter(function (ub) {
-          return dendrites.indexOf(ub.id) !== -1;
+        _this4.componentsWithDatasets = _this4.uberons.filter(function (ub) {
+          return componentsFlat.indexOf(ub.id) !== -1;
         });
-        _this3.loading = false;
+        _this4.loading = false;
       }).catch(function (error) {
         console.error('Error:', error);
       });
@@ -15848,8 +15920,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=09d0c8ed&scoped=true&lang=scss&
-var Tooltipvue_type_style_index_0_id_09d0c8ed_scoped_true_lang_scss_ = __webpack_require__("5097");
+// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=1370e135&scoped=true&lang=scss&
+var Tooltipvue_type_style_index_0_id_1370e135_scoped_true_lang_scss_ = __webpack_require__("4ad6");
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue
 
@@ -15862,11 +15934,11 @@ var Tooltipvue_type_style_index_0_id_09d0c8ed_scoped_true_lang_scss_ = __webpack
 
 var Tooltip_component = normalizeComponent(
   components_Tooltipvue_type_script_lang_js_,
-  Tooltipvue_type_template_id_09d0c8ed_scoped_true_render,
-  Tooltipvue_type_template_id_09d0c8ed_scoped_true_staticRenderFns,
+  Tooltipvue_type_template_id_1370e135_scoped_true_render,
+  Tooltipvue_type_template_id_1370e135_scoped_true_staticRenderFns,
   false,
   null,
-  "09d0c8ed",
+  "1370e135",
   null
   
 )
@@ -15875,6 +15947,69 @@ var Tooltip_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":"b9fc602c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/Legends.vue?vue&type=template&id=7da4c83c&
+var Legendsvue_type_template_id_7da4c83c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('svg',{staticClass:"my-svg-component",attrs:{"viewBox":"0 0 500 450"}},[_c('defs',[_c('bx:grid',{attrs:{"x":"0","y":"0","width":"32.516","height":"20.447"}})],1),_c('path',{attrs:{"fill":"#FF33CC","d":"M 81.29 152.235 C 72.344 152.235 65.032 145.388 65.032 137.012 C 65.032 128.635 72.344 121.788 81.29 121.788 C 90.236 121.788 97.548 128.635 97.548 137.012 C 97.548 145.388 90.237 152.235 81.29 152.235 Z"}},[_c('title',[_vm._v(".id(label_1-1)")])]),_c('path',{attrs:{"fill":"#B2F074","d":"M 69.447 330.201 C 63.371 324.028 63.54 314.531 70.12 308.673 C 76.7 302.815 86.823 303.132 93.068 309.305 C 99.312 315.477 98.975 324.974 92.395 330.832 C 85.812 336.532 75.519 336.217 69.447 330.201 Z"}},[_c('title',[_vm._v(".id(ganglion_8-2)")])]),_c('path',{attrs:{"opacity":"0.64","fill":"#E4E417","enable-background":"new    ","d":"M 81.252 365.364 C 78.252 370.584 72.612 373.824 66.551 373.824 L 66.311 374.184 C 69.191 379.224 69.191 385.344 66.311 390.385 L 66.551 390.745 C 72.611 390.745 78.251 393.985 81.252 399.205 C 84.252 393.985 89.892 390.745 95.952 390.745 C 92.952 385.525 92.952 379.044 95.952 373.764 C 89.893 373.824 84.312 370.584 81.252 365.364 Z"}},[_c('title',[_vm._v(".id(plexus_4-1)")])]),_c('text',{staticStyle:{"fill":"rgb(51, 51, 51)","font-family":"Arial, sans-serif","font-size":"14px","white-space":"pre"},attrs:{"x":"130.173","y":"141.056"}},[_vm._v("Tissue region")]),_c('path',{attrs:{"fill":"#F15A24","d":"M 69.795 248.035 C 76.143 242.09 86.437 242.09 92.785 248.035 C 99.136 253.981 99.136 263.62 92.785 269.564 C 86.437 275.509 76.143 275.509 69.795 269.564 C 63.444 263.62 63.444 253.981 69.795 248.035 Z"}},[_c('title',[_vm._v("brain icons")])]),_c('text',{staticStyle:{"fill":"rgb(51, 51, 51)","font-family":"Arial, sans-serif","font-size":"14px","white-space":"pre"},attrs:{"x":"130.173","y":"262.884"}},[_c('title',[_vm._v("brain features")]),_vm._v("Brain nuclei")]),_c('path',{staticStyle:{"stroke-width":"3px"},attrs:{"fill":"#66FFFF","stroke":"#000000","d":"M 66.064 203.82 C 62.559 196.078 66.411 187.139 74.668 183.862 C 82.936 180.575 92.473 184.189 95.989 191.92 C 96.862 193.849 97.279 195.853 97.284 197.825 C 97.3 203.766 93.581 209.418 87.373 211.878 C 79.117 215.164 69.579 211.561 66.064 203.82 Z"}},[_c('title',[_vm._v("lower level anatomical feature symbol")])]),_c('text',{staticStyle:{"fill":"rgb(51, 51, 51)","font-family":"Arial, sans-serif","font-size":"14px","white-space":"pre"},attrs:{"x":"129.909","y":"202.571"}},[_vm._v("Specific anatomical structure")]),_c('text',{staticStyle:{"fill":"rgb(51, 51, 51)","font-family":"Arial, sans-serif","font-size":"14px","white-space":"pre"},attrs:{"x":"130.215","y":"324.302"}},[_vm._v("Ganglia")]),_c('text',{staticStyle:{"fill":"rgb(51, 51, 51)","font-family":"Arial, sans-serif","font-size":"14px","white-space":"pre"},attrs:{"x":"130.215","y":"385.597"}},[_vm._v("Nerve plexus")])])])}
+var Legendsvue_type_template_id_7da4c83c_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=template&id=7da4c83c&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/Legends.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var Legendsvue_type_script_lang_js_ = ({
+  name: 'SvgLegends'
+});
+// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=script&lang=js&
+ /* harmony default export */ var legends_Legendsvue_type_script_lang_js_ = (Legendsvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/legends/Legends.vue
+
+
+
+
+
+/* normalize component */
+
+var Legends_component = normalizeComponent(
+  legends_Legendsvue_type_script_lang_js_,
+  Legendsvue_type_template_id_7da4c83c_render,
+  Legendsvue_type_template_id_7da4c83c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var Legends = (Legends_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/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
@@ -16161,6 +16296,7 @@ var svg_sprite_ = __webpack_require__("429c");
 //
 //
 //
+//
 
 /* eslint-disable no-alert, no-console */
 
@@ -16169,6 +16305,7 @@ var svg_sprite_ = __webpack_require__("429c");
 
 
 
+
 locale_default.a.use(en_default.a);
 external_vue_default.a.use(lib_checkbox_default.a);
 external_vue_default.a.use(lib_checkbox_group_default.a);
@@ -16191,7 +16328,8 @@ var mapResize = function mapResize(map) {
   components: {
     MapSvgIcon: svg_sprite_["MapSvgIcon"],
     MapSvgSpriteColor: svg_sprite_["MapSvgSpriteColor"],
-    Tooltip: Tooltip
+    Tooltip: Tooltip,
+    SvgLegends: Legends
   },
   beforeCreate: function beforeCreate() {
     this.mapManager = undefined;
@@ -16209,8 +16347,8 @@ var mapResize = function mapResize(map) {
       this.drawerOpen = !this.drawerOpen;
     },
 
-    /**
-     * Function to toggle colour/greyscale of organs.
+    /**
+     * Function to toggle colour/greyscale of organs.
      */
     setColour: function setColour(flag) {
       this.colourRadio = flag;
@@ -16223,8 +16361,8 @@ var mapResize = function mapResize(map) {
       }
     },
 
-    /**
-     * Function to toggle outlines f organs.
+    /**
+     * Function to toggle outlines f organs.
      */
     setOutlines: function setOutlines(flag) {
       this.outlineRadio = flag;
@@ -16237,9 +16375,9 @@ var mapResize = function mapResize(map) {
       }
     },
 
-    /**
-     * Function to toggle paths to default.
-     * Also called when the associated button is pressed.
+    /**
+     * Function to toggle paths to default.
+     * Also called when the associated button is pressed.
      */
     resetView: function resetView() {
       if (this.mapImp) {
@@ -16252,9 +16390,9 @@ var mapResize = function mapResize(map) {
       }
     },
 
-    /**
-     * Function to zoom in.
-     * Also called when the associated button is pressed.
+    /**
+     * Function to zoom in.
+     * Also called when the associated button is pressed.
      */
     zoomIn: function zoomIn() {
       if (this.mapImp) {
@@ -16262,9 +16400,9 @@ var mapResize = function mapResize(map) {
       }
     },
 
-    /**
-     * Function to zoom out.
-     * Also called when the associated button is pressed.
+    /**
+     * Function to zoom out.
+     * Also called when the associated button is pressed.
      */
     zoomOut: function zoomOut() {
       if (this.mapImp) {
@@ -16574,8 +16712,8 @@ var mapResize = function mapResize(map) {
       this.drawerOpen = flag;
     },
 
-    /**
-     * Function to display features with annotation matching the provided term.
+    /**
+     * Function to display features with annotation matching the provided term.
      */
     searchAndShowResult: function searchAndShowResult(term) {
       if (this.mapImp) {
@@ -16584,6 +16722,7 @@ var mapResize = function mapResize(map) {
           return true;
         } else {
           var searchResults = this.mapImp.search(term);
+          console.log(searchResults);
 
           if (searchResults && searchResults.__featureIds.length > 0) {
             this.mapImp.showSearchResults(searchResults);
@@ -16593,6 +16732,14 @@ var mapResize = function mapResize(map) {
       }
 
       return false;
+    },
+
+    /**
+     * Get the list of suggested terms
+     */
+    searchSuggestions: function searchSuggestions(term) {
+      if (this.mapImp) return this.mapImp.search(term);
+      return [];
     }
   },
   props: {
@@ -16646,16 +16793,16 @@ var mapResize = function mapResize(map) {
       default: "Bladder connectivity can now be explored and searched on when selected! To see it, click on any of the paths coming from the bladder. Other pathways will be searchable soon."
     },
 
-    /**
-     * State containing state of the flatmap.
+    /**
+     * State containing state of the flatmap.
      */
     state: {
       type: Object,
       default: undefined
     },
 
-    /**
-     * Specify the endpoint of the flatmap server.
+    /**
+     * Specify the endpoint of the flatmap server.
      */
     flatmapAPI: {
       type: String,
@@ -16732,8 +16879,8 @@ var mapResize = function mapResize(map) {
 });
 // 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=b0476142&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_b0476142_scoped_true_lang_scss_ = __webpack_require__("4d54");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=6d60b094&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_6d60b094_scoped_true_lang_scss_ = __webpack_require__("dfe0");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -16750,13 +16897,13 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "b0476142",
+  "6d60b094",
   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":"f96242d6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=template&id=61ad0a54&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fc602c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=template&id=61ad0a54&scoped=true&
 var MultiFlatmapVuervue_type_template_id_61ad0a54_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"multi-container"},[_c('div',{staticStyle:{"position":"absolute","z-index":"10"}},[_c('div',{staticClass:"species-display-text"},[_vm._v(" Species ")]),_c('el-popover',{ref:"selectPopover",attrs:{"content":"Select a species","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.helpMode),callback:function ($$v) {_vm.helpMode=$$v},expression:"helpMode"}}),_c('el-select',{directives:[{name:"popover",rawName:"v-popover:selectPopover",arg:"selectPopover"}],staticClass:"select-box",attrs:{"id":"flatmap-select","popper-append-to-body":_vm.appendToBody,"placeholder":"Select","popper-class":"flatmap_dropdown"},on:{"change":_vm.flatmapChanged},model:{value:(_vm.activeSpecies),callback:function ($$v) {_vm.activeSpecies=$$v},expression:"activeSpecies"}},_vm._l((_vm.speciesList),function(item,key){return _c('el-option',{key:key,attrs:{"label":key,"value":key}},[_c('el-row',[_c('el-col',{attrs:{"span":8}},[_c('i',{class:item.iconClass})]),_c('el-col',{attrs:{"span":12}},[_vm._v(_vm._s(key))])],1)],1)}),1)],1),_vm._l((_vm.speciesList),function(item,key){return _c('FlatmapVuer',{directives:[{name:"show",rawName:"v-show",value:(_vm.activeSpecies==key),expression:"activeSpecies==key"}],key:key,ref:key,refInFor:true,staticStyle:{"height":"100%"},attrs:{"showLayer":_vm.showLayer,"entry":item.taxo,"displayWarning":item.displayWarning,"warningMessage":_vm.warningMessage,"displayLatestChanges":item.displayLatestChanges,"latestChangesMessage":item.latestChangesMessage,"featureInfo":_vm.featureInfo,"minZoom":_vm.minZoom,"pathControls":_vm.pathControls,"searchable":_vm.searchable,"helpMode":_vm.helpMode,"renderAtMounted":_vm.renderAtMounted,"displayMinimap":_vm.displayMinimap,"flatmapAPI":_vm.flatmapAPI,"sparcAPI":_vm.sparcAPI},on:{"resource-selected":_vm.FlatmapSelected,"ready":_vm.FlatmapReady,"pan-zoom-callback":_vm.panZoomCallback}})})],2)}
 var MultiFlatmapVuervue_type_template_id_61ad0a54_scoped_true_staticRenderFns = []
 
@@ -16959,11 +17106,11 @@ external_vue_default.a.use(lib_popover_default.a);
       this.$emit('flatmapChanged', this.activeSpecies);
     },
 
-    /**
-    * Function used for getting the current states of the scene. This exported states 
-    * can be imported using the importStates method.
-    * 
-    * @public
+    /**
+    * Function used for getting the current states of the scene. This exported states 
+    * can be imported using the importStates method.
+    * 
+    * @public
     */
     getState: function getState() {
       var state = {
@@ -16975,11 +17122,11 @@ external_vue_default.a.use(lib_popover_default.a);
       return state;
     },
 
-    /**
-     * Function used for importing the states of the scene. This exported states 
-     * can be imported using the read states method.
-     * 
-     * @public
+    /**
+     * Function used for importing the states of the scene. This exported states 
+     * can be imported using the read states method.
+     * 
+     * @public
      */
     setState: function setState(state) {
       var _this3 = this;
@@ -17027,9 +17174,9 @@ external_vue_default.a.use(lib_popover_default.a);
       default: false
     },
 
-    /**
-     * Initial species for the flatmap.
-     * This value will be ignored if a valid state object is provided.
+    /**
+     * Initial species for the flatmap.
+     * This value will be ignored if a valid state object is provided.
      */
     initial: {
       type: String,
@@ -17057,16 +17204,16 @@ external_vue_default.a.use(lib_popover_default.a);
     },
     availableSpecies: {},
 
-    /**
-     * State containing state of the flatmap.
+    /**
+     * State containing state of the flatmap.
      */
     state: {
       type: Object,
       default: undefined
     },
 
-    /**
-     * Specify the endpoint of the flatmap server.
+    /**
+     * Specify the endpoint of the flatmap server.
      */
     flatmapAPI: {
       type: String,