@abi-software/flatmapvuer 0.5.0 → 0.5.1-beta.1

package/dist/flatmapvuer.umd.js

@@ -13378,10 +13378,505 @@ 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":"82e3b2d4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=37e16dd3&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"}],ref:"flatmapContainer",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:{"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.isLegacy)?_c('p',{on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_vm._v(" This is a legacy map, you may view the latest map instead. ")]):(_vm.isFC)?_c('p',{on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_vm._v(" This map displays the connectivity of individual neurons. Specifically, those which align with (parts of) the neuron populations from the "),_c('a',{attrs:{"href":"https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew","target":"_blank"}},[_vm._v(" ApiNATOMY ")]),_vm._v(" models available in "),_c('a',{attrs:{"href":"https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD","target":"_blank"}},[_vm._v(" SCKAN ")]),_vm._v(". ")]):_c('p',{on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_vm._v(" This map displays the connectivity of neuron populations. Specifically, those from the primarily rat-based "),_c('a',{attrs:{"href":"https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew","target":"_blank"}},[_vm._v(" ApiNATOMY ")]),_vm._v(" models available in "),_c('a',{attrs:{"href":"https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD","target":"_blank"}},[_vm._v(" SCKAN ")]),_vm._v(". New connectivity and species specificity will be added as the SPARC program progresses. ")])]),(_vm.displayWarning)?_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)}}},[(_vm.isLegacy)?[_c('span',{staticClass:"warning-text"},[_vm._v("Legacy Map")]),_c('div',{staticClass:"latest-map-text",on:{"click":_vm.viewLatestMap}},[_vm._v("Click here for the latest map")])]:[_c('span',{staticClass:"warning-text"},[_vm._v("Beta")])]],2):_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('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.minimapResizeShow),expression:"minimapResizeShow"}],ref:"minimapResize",staticClass:"el-icon-arrow-down minimap-resize",class:{ enlarge: _vm.minimapSmall, shrink: !_vm.minimapSmall},on:{"click":_vm.closeMinimap}}),_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.pathControls)?_c('div',{directives:[{name:"popover",rawName:"v-popover:checkBoxPopover",arg:"checkBoxPopover"}],staticClass:"pathway-container",style:({'max-height': _vm.pathwaysMaxHeight + 'px'})},[(!_vm.isFC)?_c('svg-legends',{staticClass:"svg-legends-container"}):_vm._e(),_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)}}),(_vm.isFC && _vm.systems && _vm.systems.length > 0)?_c('selections-group',{key:"systemsSelection",ref:"systemsSelection",attrs:{"title":"Systems","labelKey":"name","identifierKey":"id","selections":_vm.systems,"colourStyle":"background"},on:{"changed":_vm.systemSelected,"checkAll":_vm.checkAllSystems}}):_vm._e(),(_vm.pathways && _vm.pathways.length > 0)?_c('selections-group',{key:"pathwaysSelection",ref:"pathwaysSelection",attrs:{"title":"Pathways","labelKey":"label","identifierKey":"type","colourStyle":"line","selections":_vm.pathways},on:{"changed":_vm.pathwaysSelected,"checkAll":_vm.checkAllPathways}}):_vm._e()],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 settings","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:{"entry":_vm.tooltipEntry},on:{"resource-selected":_vm.resourceSelected}})],1)],1)}
-var staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"163279d9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=37e16dd3&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    ref: "flatmapContainer",
+    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: {
+      "placement": "right",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "warning-popper flatmap-popper right-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[6].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[6], "value", $$v);
+      },
+      expression: "hoverVisibilities[6].value"
+    }
+  }, [_vm.isLegacy ? _c('p', {
+    on: {
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(6);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(6);
+      }
+    }
+  }, [_vm._v(" This is a legacy map, you may view the latest map instead. ")]) : _vm.isFC ? _c('p', {
+    on: {
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(6);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(6);
+      }
+    }
+  }, [_vm._v(" This map displays the connectivity of individual neurons. Specifically, those which align with (parts of) the neuron populations from the "), _c('a', {
+    attrs: {
+      "href": "https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew",
+      "target": "_blank"
+    }
+  }, [_vm._v(" ApiNATOMY ")]), _vm._v(" models available in "), _c('a', {
+    attrs: {
+      "href": "https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD",
+      "target": "_blank"
+    }
+  }, [_vm._v(" SCKAN ")]), _vm._v(". ")]) : _c('p', {
+    on: {
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(6);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(6);
+      }
+    }
+  }, [_vm._v(" This map displays the connectivity of neuron populations. Specifically, those from the primarily rat-based "), _c('a', {
+    attrs: {
+      "href": "https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew",
+      "target": "_blank"
+    }
+  }, [_vm._v(" ApiNATOMY ")]), _vm._v(" models available in "), _c('a', {
+    attrs: {
+      "href": "https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD",
+      "target": "_blank"
+    }
+  }, [_vm._v(" SCKAN ")]), _vm._v(". New connectivity and species specificity will be added as the SPARC program progresses. ")])]), _vm.displayWarning ? _c('i', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:warningPopover",
+      arg: "warningPopover"
+    }],
+    staticClass: "el-icon-warning warning-icon",
+    on: {
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(6);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(6);
+      }
+    }
+  }, [_vm.isLegacy ? [_c('span', {
+    staticClass: "warning-text"
+  }, [_vm._v("Legacy Map")]), _c('div', {
+    staticClass: "latest-map-text",
+    on: {
+      "click": _vm.viewLatestMap
+    }
+  }, [_vm._v("Click here for the latest map")])] : [_c('span', {
+    staticClass: "warning-text"
+  }, [_vm._v("Beta")])]], 2) : _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 callback($$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 mouseover($event) {
+        return _vm.showToolitip(7);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(7);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "warning-text"
+  }, [_vm._v("What's new?")])]) : _vm._e()], 1), _c('i', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.minimapResizeShow,
+      expression: "minimapResizeShow"
+    }],
+    ref: "minimapResize",
+    staticClass: "el-icon-arrow-down minimap-resize",
+    class: {
+      enlarge: _vm.minimapSmall,
+      shrink: !_vm.minimapSmall
+    },
+    on: {
+      "click": _vm.closeMinimap
+    }
+  }), _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 callback($$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 click($event) {
+        return _vm.zoomIn();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(0);
+      },
+      "mouseout": function mouseout($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 callback($$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 click($event) {
+        return _vm.zoomOut();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(1);
+      },
+      "mouseout": function mouseout($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 callback($$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 click($event) {
+        return _vm.resetView();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(2);
+      },
+      "mouseout": function mouseout($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 callback($$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.pathControls ? _c('div', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:checkBoxPopover",
+      arg: "checkBoxPopover"
+    }],
+    staticClass: "pathway-container",
+    style: {
+      'max-height': _vm.pathwaysMaxHeight + 'px'
+    }
+  }, [!_vm.isFC ? _c('svg-legends', {
+    staticClass: "svg-legends-container"
+  }) : _vm._e(), _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 callback($$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)
+    }
+  }), _vm.isFC && _vm.systems && _vm.systems.length > 0 ? _c('selections-group', {
+    key: "systemsSelection",
+    ref: "systemsSelection",
+    attrs: {
+      "title": "Systems",
+      "labelKey": "name",
+      "identifierKey": "id",
+      "selections": _vm.systems,
+      "colourStyle": "background"
+    },
+    on: {
+      "changed": _vm.systemSelected,
+      "checkAll": _vm.checkAllSystems
+    }
+  }) : _vm._e(), _vm.pathways && _vm.pathways.length > 0 ? _c('selections-group', {
+    key: "pathwaysSelection",
+    ref: "pathwaysSelection",
+    attrs: {
+      "title": "Pathways",
+      "labelKey": "label",
+      "identifierKey": "type",
+      "colourStyle": "line",
+      "selections": _vm.pathways
+    },
+    on: {
+      "changed": _vm.pathwaysSelected,
+      "checkAll": _vm.checkAllPathways
+    }
+  }) : _vm._e()], 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 callback($$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 callback($$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 click($event) {
+          return _vm.backgroundChangeCallback(item);
+        }
+      }
+    });
+  }), 0)], 1), _c('el-popover', {
+    attrs: {
+      "content": "Change settings",
+      "placement": "right",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper right-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[3].value,
+      callback: function callback($$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 mouseover($event) {
+        return _vm.showToolitip(3);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(3);
+      }
+    },
+    slot: "reference"
+  })], 1), _c('Tooltip', {
+    ref: "tooltip",
+    staticClass: "tooltip",
+    attrs: {
+      "entry": _vm.tooltipEntry
+    },
+    on: {
+      "resource-selected": _vm.resourceSelected
+    }
+  })], 1)], 1);
+};
+var staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=37e16dd3&scoped=true&
 
@@ -13973,10 +14468,137 @@ 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":"82e3b2d4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=template&id=63935114&scoped=true&
-var Tooltipvue_type_template_id_63935114_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tooltip-container"},[(_vm.entry)?_c('el-main',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"main"},[(_vm.entry.title)?_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.capitalise(_vm.entry.title)))])]):_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.entry.featureId))])]),_c('div',{staticClass:"content-container scrollbar"},[_vm._v(" "+_vm._s(_vm.entry.paths)+" "),(_vm.entry.origins && _vm.entry.origins.length > 0)?_c('div',{staticClass:"block"},[_c('div',[_c('span',{staticClass:"attribute-title"},[_vm._v("Origin")]),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_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.entry.origins),function(origin,i){return _c('div',{key:origin,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(origin))+" "),(i != _vm.entry.origins.length - 1)?_c('div',{staticClass:"seperator"}):_vm._e()])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.entry.originsWithDatasets && _vm.entry.originsWithDatasets.length > 0),expression:"entry.originsWithDatasets && entry.originsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openDendrites}},[_vm._v(" Explore origin data ")])],2):_vm._e(),(_vm.entry.components && _vm.entry.components.length > 0)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Components")]),_vm._l((_vm.entry.components),function(component,i){return _c('div',{key:component,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(component))+" "),(i != _vm.entry.components.length - 1)?_c('div',{staticClass:"seperator"}):_vm._e()])})],2):_vm._e(),(_vm.entry.destinations && _vm.entry.destinations.length > 0)?_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.entry.destinations),function(destination,i){return _c('div',{key:destination,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(destination))+" "),(i != _vm.entry.destinations.length - 1)?_c('div',{staticClass:"seperator"}):_vm._e()])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.entry.destinationsWithDatasets && _vm.entry.destinationsWithDatasets.length > 0),expression:"entry.destinationsWithDatasets && entry.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.entry.componentsWithDatasets && _vm.entry.componentsWithDatasets.length > 0),expression:"entry.componentsWithDatasets && entry.componentsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openAll}},[_vm._v(" Search for data on components ")]),_c('external-resource-card',{attrs:{"resources":_vm.resources}})],1)]):_vm._e()],1)}
-var Tooltipvue_type_template_id_63935114_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"163279d9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=template&id=63935114&scoped=true&
+var Tooltipvue_type_template_id_63935114_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "tooltip-container"
+  }, [_vm.entry ? _c('el-main', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    staticClass: "main"
+  }, [_vm.entry.title ? _c('div', {
+    staticClass: "block"
+  }, [_c('span', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.capitalise(_vm.entry.title)))])]) : _c('div', {
+    staticClass: "block"
+  }, [_c('span', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.entry.featureId))])]), _c('div', {
+    staticClass: "content-container scrollbar"
+  }, [_vm._v(" " + _vm._s(_vm.entry.paths) + " "), _vm.entry.origins && _vm.entry.origins.length > 0 ? _c('div', {
+    staticClass: "block"
+  }, [_c('div', [_c('span', {
+    staticClass: "attribute-title"
+  }, [_vm._v("Origin")]), _c('el-popover', {
+    attrs: {
+      "width": "250",
+      "trigger": "hover",
+      "append-to-body": false,
+      "popper-class": "popover-origin-help"
+    }
+  }, [_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.entry.origins, function (origin, i) {
+    return _c('div', {
+      key: origin,
+      staticClass: "attribute-content"
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(origin)) + " "), i != _vm.entry.origins.length - 1 ? _c('div', {
+      staticClass: "seperator"
+    }) : _vm._e()]);
+  }), _c('el-button', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.entry.originsWithDatasets && _vm.entry.originsWithDatasets.length > 0,
+      expression: "entry.originsWithDatasets && entry.originsWithDatasets.length > 0"
+    }],
+    staticClass: "button",
+    on: {
+      "click": _vm.openDendrites
+    }
+  }, [_vm._v(" Explore origin data ")])], 2) : _vm._e(), _vm.entry.components && _vm.entry.components.length > 0 ? _c('div', {
+    staticClass: "block"
+  }, [_c('div', {
+    staticClass: "attribute-title"
+  }, [_vm._v("Components")]), _vm._l(_vm.entry.components, function (component, i) {
+    return _c('div', {
+      key: component,
+      staticClass: "attribute-content"
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(component)) + " "), i != _vm.entry.components.length - 1 ? _c('div', {
+      staticClass: "seperator"
+    }) : _vm._e()]);
+  })], 2) : _vm._e(), _vm.entry.destinations && _vm.entry.destinations.length > 0 ? _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.entry.destinations, function (destination, i) {
+    return _c('div', {
+      key: destination,
+      staticClass: "attribute-content"
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(destination)) + " "), i != _vm.entry.destinations.length - 1 ? _c('div', {
+      staticClass: "seperator"
+    }) : _vm._e()]);
+  }), _c('el-button', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.entry.destinationsWithDatasets && _vm.entry.destinationsWithDatasets.length > 0,
+      expression: "entry.destinationsWithDatasets && entry.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.entry.componentsWithDatasets && _vm.entry.componentsWithDatasets.length > 0,
+      expression: "entry.componentsWithDatasets && entry.componentsWithDatasets.length > 0"
+    }],
+    staticClass: "button",
+    on: {
+      "click": _vm.openAll
+    }
+  }, [_vm._v(" Search for data on components ")]), _c('external-resource-card', {
+    attrs: {
+      "resources": _vm.resources
+    }
+  })], 1)]) : _vm._e()], 1);
+};
+var Tooltipvue_type_template_id_63935114_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=63935114&scoped=true&
 
@@ -14039,10 +14661,30 @@ var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
 
 var EventBus = new external_vue_default.a();
 /* harmony default export */ var components_EventBus = (EventBus);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"82e3b2d4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ExternalResourceCard.vue?vue&type=template&id=14172b61&scoped=true&
-var ExternalResourceCardvue_type_template_id_14172b61_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"resource-container"},[_vm._l((_vm.resources),function(resource){return [_c('div',{key:resource.id,staticClass:"resource"},[(resource.id === 'pubmed')?_c('el-button',{staticClass:"button",attrs:{"icon":"el-icon-notebook-2"},on:{"click":function($event){return _vm.openUrl(resource.url)}}},[_vm._v(" Open publications in pubmed ")]):_vm._e()],1)]})],2)}
-var ExternalResourceCardvue_type_template_id_14172b61_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"163279d9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ExternalResourceCard.vue?vue&type=template&id=14172b61&scoped=true&
+var ExternalResourceCardvue_type_template_id_14172b61_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "resource-container"
+  }, [_vm._l(_vm.resources, function (resource) {
+    return [_c('div', {
+      key: resource.id,
+      staticClass: "resource"
+    }, [resource.id === 'pubmed' ? _c('el-button', {
+      staticClass: "button",
+      attrs: {
+        "icon": "el-icon-notebook-2"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.openUrl(resource.url);
+        }
+      }
+    }, [_vm._v(" Open publications in pubmed ")]) : _vm._e()], 1)];
+  })], 2);
+};
+var ExternalResourceCardvue_type_template_id_14172b61_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/ExternalResourceCard.vue?vue&type=template&id=14172b61&scoped=true&
 
@@ -14051,21 +14693,6 @@ var ExternalResourceCardvue_type_template_id_14172b61_scoped_true_staticRenderFn
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* eslint-disable no-alert, no-console */
 
 external_vue_default.a.use(lib_button_default.a);
@@ -14240,84 +14867,6 @@ var component = normalizeComponent(
 
 
 
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -14476,10 +15025,93 @@ var Tooltip_component = normalizeComponent(
 )
 
 /* harmony default export */ var Tooltip = (Tooltip_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"82e3b2d4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectionsGroup.vue?vue&type=template&id=404813f2&scoped=true&
-var SelectionsGroupvue_type_template_id_404813f2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"selections-container"},[_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"checkall-display-text"},[_vm._v(_vm._s(_vm.title))])]),_c('el-col',{attrs:{"span":12}},[(_vm.selections && _vm.selections.length > 1)?_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")]):_vm._e()],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.selections),function(item){return _c('el-row',{key:item[_vm.identifierKey],attrs:{"label":item[_vm.identifierKey]}},[_c('div',{staticClass:"checkbox-container"},[_c('el-checkbox',{staticClass:"my-checkbox",attrs:{"label":item[_vm.identifierKey],"checked":!('enabled' in item) || (item.enabled === true)},on:{"change":function($event){return _vm.visibilityToggle(item[_vm.identifierKey], $event)}}},[_c('el-row',{staticClass:"checkbox-row"},[_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"path-visual",style:(_vm.getLineStyles(item))})]),_c('el-col',{attrs:{"span":20}},[_c('div',{staticClass:"label-text",style:(_vm.getBackgroundStyles(item))},[_vm._v(" "+_vm._s(item[_vm.labelKey])+" ")])])],1)],1)],1)])}),1)])],1)}
-var SelectionsGroupvue_type_template_id_404813f2_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"163279d9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectionsGroup.vue?vue&type=template&id=404813f2&scoped=true&
+var SelectionsGroupvue_type_template_id_404813f2_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "selections-container"
+  }, [_c('el-row', [_c('el-col', {
+    attrs: {
+      "span": 12
+    }
+  }, [_c('div', {
+    staticClass: "checkall-display-text"
+  }, [_vm._v(_vm._s(_vm.title))])]), _c('el-col', {
+    attrs: {
+      "span": 12
+    }
+  }, [_vm.selections && _vm.selections.length > 1 ? _c('el-checkbox', {
+    staticClass: "all-checkbox",
+    attrs: {
+      "indeterminate": _vm.isIndeterminate
+    },
+    on: {
+      "change": _vm.handleCheckAllChange
+    },
+    model: {
+      value: _vm.checkAll,
+      callback: function callback($$v) {
+        _vm.checkAll = $$v;
+      },
+      expression: "checkAll"
+    }
+  }, [_vm._v("Display all")]) : _vm._e()], 1)], 1), _c('el-checkbox-group', {
+    staticClass: "checkbox-group",
+    attrs: {
+      "size": "small"
+    },
+    on: {
+      "change": _vm.handleCheckedItemsChange
+    },
+    model: {
+      value: _vm.checkedItems,
+      callback: function callback($$v) {
+        _vm.checkedItems = $$v;
+      },
+      expression: "checkedItems"
+    }
+  }, [_c('div', {
+    staticClass: "checkbox-group-inner"
+  }, _vm._l(_vm.selections, function (item) {
+    return _c('el-row', {
+      key: item[_vm.identifierKey],
+      attrs: {
+        "label": item[_vm.identifierKey]
+      }
+    }, [_c('div', {
+      staticClass: "checkbox-container"
+    }, [_c('el-checkbox', {
+      staticClass: "my-checkbox",
+      attrs: {
+        "label": item[_vm.identifierKey],
+        "checked": !('enabled' in item) || item.enabled === true
+      },
+      on: {
+        "change": function change($event) {
+          return _vm.visibilityToggle(item[_vm.identifierKey], $event);
+        }
+      }
+    }, [_c('el-row', {
+      staticClass: "checkbox-row"
+    }, [_c('el-col', {
+      attrs: {
+        "span": 4
+      }
+    }, [_c('div', {
+      staticClass: "path-visual",
+      style: _vm.getLineStyles(item)
+    })]), _c('el-col', {
+      attrs: {
+        "span": 20
+      }
+    }, [_c('div', {
+      staticClass: "label-text",
+      style: _vm.getBackgroundStyles(item)
+    }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")])])], 1)], 1)], 1)]);
+  }), 1)])], 1);
+};
+var SelectionsGroupvue_type_template_id_404813f2_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/SelectionsGroup.vue?vue&type=template&id=404813f2&scoped=true&
 
@@ -14518,55 +15150,6 @@ var es_array_concat_js_ = __webpack_require__("ccb0");
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* eslint-disable no-alert, no-console */
 
 
@@ -14715,37 +15298,91 @@ var SelectionsGroup_component = normalizeComponent(
 // EXTERNAL MODULE: external "@abi-software/svg-sprite"
 var svg_sprite_ = __webpack_require__("429c");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"82e3b2d4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/SvgLegends.vue?vue&type=template&id=3d3218c8&scoped=true&
-var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"legends-container"},[_c('svg',{staticStyle:{"enable-background":"new 0 0 500 500"},attrs:{"version":"1.1","id":"Layer_1","x":"0px","y":"0px","viewBox":"0 0 500 500","xmlns":"http://www.w3.org/2000/svg","xmlns:bx":"https://boxy-svg.com"}},[_c('defs',[_c('bx:grid',{attrs:{"height":"30.447","width":"32.516","x":"0","y":"0"}})],1),_c('path',{staticClass:"st0 st0-translate",attrs:{"d":"M61.3,103.8c-15.9,0-28.8-12.3-28.8-27.3c0-15,13-27.3,28.8-27.3s28.8,12.3,28.8,27.3 C90.1,91.5,77.2,103.8,61.3,103.8z"}}),_c('path',{staticClass:"st1",attrs:{"d":"M40.3,356.1C29.5,345,29.8,328,41.5,317.5c11.7-10.5,29.6-9.9,40.7,1.1c11.1,11,10.5,28.1-1.2,38.5 C69.3,367.4,51.1,366.9,40.3,356.1z"}}),_c('path',{staticClass:"st2",attrs:{"d":"M61.2,396.9c-5.3,9.3-15.3,15.1-26.1,15.1l-0.4,0.6c5.1,9,5.1,20,0,29l0.4,0.6c10.7,0,20.8,5.8,26.1,15.1 c5.3-9.3,15.3-15.1,26.1-15.1c-5.3-9.3-5.3-20.9,0-30.4C76.6,412.1,66.7,406.3,61.2,396.9z"}}),_c('text',{staticClass:"st3 st4 st5",staticStyle:{"white-space":"pre"},attrs:{"transform":"matrix(0.9908 0 0 1 118.0161 171.7975)"}},[_vm._v("Tissue region")]),_c('path',{staticClass:"st6",attrs:{"d":"M40.9,231.1c11.3-10.6,29.5-10.6,40.8,0c11.3,10.6,11.3,27.9,0,38.5c-11.3,10.6-29.5,10.6-40.8,0 C29.7,259,29.7,241.7,40.9,231.1z"}}),_c('text',{staticClass:"st3 st4 st5",staticStyle:{"white-space":"pre"},attrs:{"transform":"matrix(0.9908 0 0 1 118.0161 257.675)"}},[_vm._v("Brain nuclei")]),_c('text',{staticClass:"st3 st4 st5",staticStyle:{"white-space":"pre"},attrs:{"transform":"matrix(0.9908 0 0 1 118.0903 345.5266)"}},[_vm._v("Ganglia")]),_c('text',{staticClass:"st3 st4 st5",staticStyle:{"white-space":"pre"},attrs:{"transform":"matrix(0.9908 0 0 1 118.0903 433.1613)"}},[_vm._v("Nerve plexus")])])])}
-var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"163279d9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/SvgLegends.vue?vue&type=template&id=3d3218c8&scoped=true&
+var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "legends-container"
+  }, [_c('svg', {
+    staticStyle: {
+      "enable-background": "new 0 0 500 500"
+    },
+    attrs: {
+      "version": "1.1",
+      "id": "Layer_1",
+      "x": "0px",
+      "y": "0px",
+      "viewBox": "0 0 500 500",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:bx": "https://boxy-svg.com"
+    }
+  }, [_c('defs', [_c('bx:grid', {
+    attrs: {
+      "height": "30.447",
+      "width": "32.516",
+      "x": "0",
+      "y": "0"
+    }
+  })], 1), _c('path', {
+    staticClass: "st0 st0-translate",
+    attrs: {
+      "d": "M61.3,103.8c-15.9,0-28.8-12.3-28.8-27.3c0-15,13-27.3,28.8-27.3s28.8,12.3,28.8,27.3 C90.1,91.5,77.2,103.8,61.3,103.8z"
+    }
+  }), _c('path', {
+    staticClass: "st1",
+    attrs: {
+      "d": "M40.3,356.1C29.5,345,29.8,328,41.5,317.5c11.7-10.5,29.6-9.9,40.7,1.1c11.1,11,10.5,28.1-1.2,38.5 C69.3,367.4,51.1,366.9,40.3,356.1z"
+    }
+  }), _c('path', {
+    staticClass: "st2",
+    attrs: {
+      "d": "M61.2,396.9c-5.3,9.3-15.3,15.1-26.1,15.1l-0.4,0.6c5.1,9,5.1,20,0,29l0.4,0.6c10.7,0,20.8,5.8,26.1,15.1 c5.3-9.3,15.3-15.1,26.1-15.1c-5.3-9.3-5.3-20.9,0-30.4C76.6,412.1,66.7,406.3,61.2,396.9z"
+    }
+  }), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0161 171.7975)"
+    }
+  }, [_vm._v("Tissue region")]), _c('path', {
+    staticClass: "st6",
+    attrs: {
+      "d": "M40.9,231.1c11.3-10.6,29.5-10.6,40.8,0c11.3,10.6,11.3,27.9,0,38.5c-11.3,10.6-29.5,10.6-40.8,0 C29.7,259,29.7,241.7,40.9,231.1z"
+    }
+  }), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0161 257.675)"
+    }
+  }, [_vm._v("Brain nuclei")]), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0903 345.5266)"
+    }
+  }, [_vm._v("Ganglia")]), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0903 433.1613)"
+    }
+  }, [_vm._v("Nerve plexus")])])]);
+};
+var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/legends/SvgLegends.vue?vue&type=template&id=3d3218c8&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/SvgLegends.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ var SvgLegendsvue_type_script_lang_js_ = ({
   name: 'SvgLegends'
 });
@@ -15297,317 +15934,6 @@ var flatmapQueries_FlatmapQueries = function FlatmapQueries() {
 
 
 
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -16382,10 +16708,120 @@ 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":"82e3b2d4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0732c3a0&scoped=true&
-var MultiFlatmapVuervue_type_template_id_0732c3a0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"multiContainer",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.setSpecies},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,"biologicalSex":item.biologicalSex,"displayWarning":item.displayWarning,"displayLatestChanges":item.displayLatestChanges,"latestChangesMessage":item.latestChangesMessage,"isLegacy":item.isLegacy,"featureInfo":_vm.featureInfo,"minZoom":_vm.minZoom,"pathControls":_vm.pathControls,"searchable":_vm.searchable,"layerControl":_vm.layerControl,"helpMode":_vm.helpMode,"renderAtMounted":_vm.renderAtMounted,"displayMinimap":_vm.displayMinimap,"flatmapAPI":_vm.flatmapAPI,"sparcAPI":_vm.sparcAPI},on:{"view-latest-map":_vm.viewLatestMap,"resource-selected":_vm.FlatmapSelected,"ready":_vm.FlatmapReady,"pan-zoom-callback":_vm.panZoomCallback}})})],2)}
-var MultiFlatmapVuervue_type_template_id_0732c3a0_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"163279d9-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0732c3a0&scoped=true&
+var MultiFlatmapVuervue_type_template_id_0732c3a0_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "multiContainer",
+    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 callback($$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.setSpecies
+    },
+    model: {
+      value: _vm.activeSpecies,
+      callback: function callback($$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,
+        "biologicalSex": item.biologicalSex,
+        "displayWarning": item.displayWarning,
+        "displayLatestChanges": item.displayLatestChanges,
+        "latestChangesMessage": item.latestChangesMessage,
+        "isLegacy": item.isLegacy,
+        "featureInfo": _vm.featureInfo,
+        "minZoom": _vm.minZoom,
+        "pathControls": _vm.pathControls,
+        "searchable": _vm.searchable,
+        "layerControl": _vm.layerControl,
+        "helpMode": _vm.helpMode,
+        "renderAtMounted": _vm.renderAtMounted,
+        "displayMinimap": _vm.displayMinimap,
+        "flatmapAPI": _vm.flatmapAPI,
+        "sparcAPI": _vm.sparcAPI
+      },
+      on: {
+        "view-latest-map": _vm.viewLatestMap,
+        "resource-selected": _vm.FlatmapSelected,
+        "ready": _vm.FlatmapReady,
+        "pan-zoom-callback": _vm.panZoomCallback
+      }
+    });
+  })], 2);
+};
+var MultiFlatmapVuervue_type_template_id_0732c3a0_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0732c3a0&scoped=true&
 
@@ -16435,66 +16871,6 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 
 
 
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */