@abi-software/flatmapvuer 0.3.3 → 0.3.5

package/dist/flatmapvuer.umd.js

@@ -9036,13 +9036,6 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 
 /***/ }),
 
-/***/ "99f8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "9b22":
 /***/ (function(module, exports) {
 
@@ -10531,6 +10524,17 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 module.exports = require("css-element-queries/src/ResizeSensor");
 
+/***/ }),
+
+/***/ "b2d3":
+/***/ (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_b8a1a320_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f37d");
+/* 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_b8a1a320_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_b8a1a320_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b2d6":
@@ -11189,17 +11193,6 @@ module.exports = require("core-js/modules/es.regexp.exec.js");
 
 module.exports = require("core-js/modules/es.array.concat.js");
 
-/***/ }),
-
-/***/ "d006":
-/***/ (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_1e355414_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("99f8");
-/* 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_1e355414_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_1e355414_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "d010":
@@ -13190,6 +13183,13 @@ exports.default = {
 
 /***/ }),
 
+/***/ "f37d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f3ad":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -14739,7 +14739,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":"473a3d75-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&
+// 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)}
 var staticRenderFns = []
 
@@ -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":"473a3d75-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=1e355414&scoped=true&
-var Tooltipvue_type_template_id_1e355414_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_1e355414_scoped_true_staticRenderFns = []
+// 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=b8a1a320&scoped=true&
+var Tooltipvue_type_template_id_b8a1a320_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('div',{staticClass:"seperator"})])}),_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))+" "),_c('div',{staticClass:"seperator"})])})],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('div',{staticClass:"seperator"})])}),_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_b8a1a320_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=1e355414&scoped=true&
+// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=b8a1a320&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
@@ -15043,7 +15043,7 @@ 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":"473a3d75-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&
+// 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 = []
 
@@ -15559,6 +15559,9 @@ var EventBus = new external_vue_default.a();
 //
 //
 //
+//
+//
+//
 
 /* eslint-disable no-alert, no-console */
 
@@ -15580,6 +15583,12 @@ 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;
+};
+
 var _capitalise = function capitalise(str) {
   if (str) return str.charAt(0).toUpperCase() + str.slice(1);
   return "";
@@ -15683,6 +15692,38 @@ var _capitalise = function capitalise(str) {
     pubmedSearchUrlUpdate: function pubmedSearchUrlUpdate(val) {
       this.pubmedSearchUrl = val;
     },
+    findAllIdsFromConnectivity: function findAllIdsFromConnectivity(connectivity) {
+      var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
+
+      var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
+
+
+      var found = [];
+      nodes.forEach(function (n) {
+        if (Array.isArray(n)) {
+          found.push(n.flat());
+        } else {
+          found.push(n);
+        }
+      });
+      return _toConsumableArray(new Set(found.flat()));
+    },
+    flattenConntectivity: function flattenConntectivity(connectivity) {
+      var dnodes = connectivity.flat(); // get nodes from edgelist
+
+      var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
+
+
+      var found = [];
+      nodes.forEach(function (n) {
+        if (Array.isArray(n)) {
+          found.push(n.flat());
+        } else {
+          found.push(n);
+        }
+      });
+      return found.flat();
+    },
     findComponents: function findComponents(connectivity) {
       var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
 
@@ -15692,30 +15733,21 @@ var _capitalise = function capitalise(str) {
       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 +15814,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,36 +15862,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 = _this4.findComponents(connectivity); // process the nodes for finding datasets
 
-        var components = _this3.findComponents(connectivity); // Create list of ids to get labels for
 
+        var componentsFlat = _this4.flattenConntectivity(components);
 
-        var conIds = connectivity.axons.concat(connectivity.dendrites.concat(components));
+        var axons = connectivity.axons;
+        var dendrites = connectivity.dendrites;
 
-        _this3.createLabelLookup(conIds).then(function (lookUp) {
-          _this3.destinations = connectivity.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 = connectivity.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 connectivity.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 connectivity.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 connectivity.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);
       });
@@ -15840,8 +15911,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=1e355414&scoped=true&lang=scss&
-var Tooltipvue_type_style_index_0_id_1e355414_scoped_true_lang_scss_ = __webpack_require__("d006");
+// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=b8a1a320&scoped=true&lang=scss&
+var Tooltipvue_type_style_index_0_id_b8a1a320_scoped_true_lang_scss_ = __webpack_require__("b2d3");
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue
 
@@ -15854,11 +15925,11 @@ var Tooltipvue_type_style_index_0_id_1e355414_scoped_true_lang_scss_ = __webpack
 
 var Tooltip_component = normalizeComponent(
   components_Tooltipvue_type_script_lang_js_,
-  Tooltipvue_type_template_id_1e355414_scoped_true_render,
-  Tooltipvue_type_template_id_1e355414_scoped_true_staticRenderFns,
+  Tooltipvue_type_template_id_b8a1a320_scoped_true_render,
+  Tooltipvue_type_template_id_b8a1a320_scoped_true_staticRenderFns,
   false,
   null,
-  "1e355414",
+  "b8a1a320",
   null
   
 )
@@ -16201,8 +16272,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;
@@ -16215,8 +16286,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;
@@ -16229,9 +16300,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) {
@@ -16244,9 +16315,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) {
@@ -16254,9 +16325,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) {
@@ -16566,8 +16637,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) {
@@ -16638,16 +16709,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,
@@ -16748,7 +16819,7 @@ var FlatmapVuer_component = normalizeComponent(
 )
 
 /* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"473a3d75-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":"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&
 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 = []
 
@@ -16951,11 +17022,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 = {
@@ -16967,11 +17038,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;
@@ -17019,9 +17090,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,
@@ -17049,16 +17120,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,