@abi-software/flatmapvuer 0.3.8 → 0.3.9

package/dist/flatmapvuer.umd.js

@@ -103,10 +103,10 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ }),
 
-/***/ "0cda":
-/***/ (function(module, exports) {
+/***/ "0875":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.string.split.js");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -197,12 +197,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 139);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 132:
+/***/ 139:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -225,10 +225,7 @@ __webpack_require__.r(__webpack_exports__);
       type: String,
       default: 'start'
     },
-    align: {
-      type: String,
-      default: 'top'
-    }
+    align: String
   },
 
   computed: {
@@ -246,7 +243,7 @@ __webpack_require__.r(__webpack_exports__);
 
   render: function render(h) {
     return h(this.tag, {
-      class: ['el-row', this.justify !== 'start' ? 'is-justify-' + this.justify : '', this.align !== 'top' ? 'is-align-' + this.align : '', { 'el-row--flex': this.type === 'flex' }],
+      class: ['el-row', this.justify !== 'start' ? 'is-justify-' + this.justify : '', this.align ? 'is-align-' + this.align : '', { 'el-row--flex': this.type === 'flex' }],
       style: this.style
     }, this.$slots.default);
   }
@@ -265,6 +262,17 @@ row.install = function (Vue) {
 
 /******/ });
 
+/***/ }),
+
+/***/ "0fa6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Legends_vue_vue_type_style_index_0_id_5dafd4cc_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8493");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Legends_vue_vue_type_style_index_0_id_5dafd4cc_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Legends_vue_vue_type_style_index_0_id_5dafd4cc_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "12f2":
@@ -383,12 +391,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 127);
+/******/ 	return __webpack_require__(__webpack_require__.s = 133);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 127:
+/***/ 133:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -398,7 +406,7 @@ __webpack_require__.r(__webpack_exports__);
 var resize_event_ = __webpack_require__(16);
 
 // EXTERNAL MODULE: external "element-ui/lib/utils/scrollbar-width"
-var scrollbar_width_ = __webpack_require__(38);
+var scrollbar_width_ = __webpack_require__(39);
 var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_);
 
 // EXTERNAL MODULE: external "element-ui/lib/utils/util"
@@ -713,7 +721,7 @@ module.exports = __webpack_require__("8122");
 
 /***/ }),
 
-/***/ 38:
+/***/ 39:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("e62d");
@@ -773,6 +781,13 @@ module.exports = require("throttle-debounce/throttle");
 
 /***/ }),
 
+/***/ "2439":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.push.js");
+
+/***/ }),
+
 /***/ "2a5e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -988,7 +1003,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 111);
+/******/ 	return __webpack_require__(__webpack_require__.s = 112);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -1095,7 +1110,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 111:
+/***/ 112:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1347,13 +1362,6 @@ module.exports = require("core-js/modules/es.regexp.to-string.js");
 
 /***/ }),
 
-/***/ "3356":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "3d2d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1441,7 +1449,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 94);
+/******/ 	return __webpack_require__(__webpack_require__.s = 116);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -1548,7 +1556,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 94:
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1647,6 +1655,13 @@ main.install = function (Vue) {
 
 /***/ }),
 
+/***/ "3ec8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4010":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1660,6 +1675,8 @@ var _resizeObserverPolyfill = __webpack_require__("a1cc");
 
 var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
 
+var _throttleDebounce = __webpack_require__("831f");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var isServer = typeof window === 'undefined';
@@ -1694,7 +1711,7 @@ var addResizeListener = exports.addResizeListener = function addResizeListener(e
   if (isServer) return;
   if (!element.__resizeListeners__) {
     element.__resizeListeners__ = [];
-    element.__ro__ = new _resizeObserverPolyfill2.default(resizeHandler);
+    element.__ro__ = new _resizeObserverPolyfill2.default((0, _throttleDebounce.debounce)(16, resizeHandler));
     element.__ro__.observe(element);
   }
   element.__resizeListeners__.push(fn);
@@ -1825,20 +1842,6 @@ module.exports = require("core-js/modules/es.array.map.js");
 
 /***/ }),
 
-/***/ "451d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "45b8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "4897":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2229,7 +2232,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 61);
+/******/ 	return __webpack_require__(__webpack_require__.s = 62);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -2364,7 +2367,7 @@ module.exports = __webpack_require__("4010");
 
 /***/ }),
 
-/***/ 17:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("7435");
@@ -2392,14 +2395,14 @@ module.exports = __webpack_require__("8122");
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("2a5e");
 
 /***/ }),
 
-/***/ 33:
+/***/ 34:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2650,7 +2653,7 @@ component.options.__file = "packages/select/src/option.vue"
 
 /***/ }),
 
-/***/ 37:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("8bbc");
@@ -2678,7 +2681,7 @@ module.exports = __webpack_require__("6b7c");
 
 /***/ }),
 
-/***/ 61:
+/***/ 62:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2844,7 +2847,7 @@ var render = function() {
                             return null
                           }
                           $event.preventDefault()
-                          _vm.navigateOptions("next")
+                          _vm.handleNavigate("next")
                         },
                         function($event) {
                           if (
@@ -2857,7 +2860,7 @@ var render = function() {
                             return null
                           }
                           $event.preventDefault()
-                          _vm.navigateOptions("prev")
+                          _vm.handleNavigate("prev")
                         },
                         function($event) {
                           if (
@@ -2950,11 +2953,15 @@ var render = function() {
             "validate-event": false,
             tabindex: _vm.multiple && _vm.filterable ? "-1" : null
           },
-          on: { focus: _vm.handleFocus, blur: _vm.handleBlur },
+          on: {
+            focus: _vm.handleFocus,
+            blur: _vm.handleBlur,
+            input: _vm.debouncedOnInputChange,
+            compositionstart: _vm.handleComposition,
+            compositionupdate: _vm.handleComposition,
+            compositionend: _vm.handleComposition
+          },
           nativeOn: {
-            keyup: function($event) {
-              return _vm.debouncedOnInputChange($event)
-            },
             keydown: [
               function($event) {
                 if (
@@ -2968,7 +2975,7 @@ var render = function() {
                 }
                 $event.stopPropagation()
                 $event.preventDefault()
-                _vm.navigateOptions("next")
+                _vm.handleNavigate("next")
               },
               function($event) {
                 if (
@@ -2982,7 +2989,7 @@ var render = function() {
                 }
                 $event.stopPropagation()
                 $event.preventDefault()
-                _vm.navigateOptions("prev")
+                _vm.handleNavigate("prev")
               },
               function($event) {
                 if (
@@ -3018,9 +3025,6 @@ var render = function() {
                 _vm.visible = false
               }
             ],
-            paste: function($event) {
-              return _vm.debouncedOnInputChange($event)
-            },
             mouseenter: function($event) {
               _vm.inputHovering = true
             },
@@ -3306,10 +3310,10 @@ if (false) { var api; }
 component.options.__file = "packages/select/src/select-dropdown.vue"
 /* harmony default export */ var select_dropdown = (component.exports);
 // EXTERNAL MODULE: ./packages/select/src/option.vue + 4 modules
-var src_option = __webpack_require__(33);
+var src_option = __webpack_require__(34);
 
 // EXTERNAL MODULE: external "element-ui/lib/tag"
-var tag_ = __webpack_require__(37);
+var tag_ = __webpack_require__(38);
 var tag_default = /*#__PURE__*/__webpack_require__.n(tag_);
 
 // EXTERNAL MODULE: external "element-ui/lib/scrollbar"
@@ -3317,7 +3321,7 @@ var scrollbar_ = __webpack_require__(15);
 var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_);
 
 // EXTERNAL MODULE: external "throttle-debounce/debounce"
-var debounce_ = __webpack_require__(17);
+var debounce_ = __webpack_require__(19);
 var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
 
 // EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside"
@@ -3328,7 +3332,7 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 var resize_event_ = __webpack_require__(16);
 
 // EXTERNAL MODULE: external "element-ui/lib/utils/scroll-into-view"
-var scroll_into_view_ = __webpack_require__(31);
+var scroll_into_view_ = __webpack_require__(32);
 var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_);
 
 // EXTERNAL MODULE: external "element-ui/lib/utils/util"
@@ -3537,6 +3541,8 @@ var shared_ = __webpack_require__(21);
 //
 //
 //
+//
+//
 
 
 
@@ -3834,6 +3840,11 @@ var shared_ = __webpack_require__(21);
   },
 
   methods: {
+    handleNavigate: function handleNavigate(direction) {
+      if (this.isOnComposition) return;
+
+      this.navigateOptions(direction);
+    },
     handleComposition: function handleComposition(event) {
       var _this5 = this;
 
@@ -3919,7 +3930,7 @@ var shared_ = __webpack_require__(21);
         }
       }
       if (option) return option;
-      var label = !isObject && !isNull && !isUndefined ? value : '';
+      var label = !isObject && !isNull && !isUndefined ? String(value) : '';
       var newOption = {
         value: value,
         currentLabel: label
@@ -3959,10 +3970,10 @@ var shared_ = __webpack_require__(21);
     handleFocus: function handleFocus(event) {
       if (!this.softFocus) {
         if (this.automaticDropdown || this.filterable) {
-          this.visible = true;
-          if (this.filterable) {
+          if (this.filterable && !this.visible) {
             this.menuVisibleOnFocus = true;
           }
+          this.visible = true;
         }
         this.$emit('focus', event);
       } else {
@@ -4036,8 +4047,9 @@ var shared_ = __webpack_require__(21);
           return item.tagName === 'INPUT';
         })[0];
         var tags = _this10.$refs.tags;
+        var tagsHeight = tags ? Math.round(tags.getBoundingClientRect().height) : 0;
         var sizeInMap = _this10.initialInputHeight || 40;
-        input.style.height = _this10.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
+        input.style.height = _this10.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tagsHeight + (tagsHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
         if (_this10.visible && _this10.emptyText !== false) {
           _this10.broadcast('ElSelectDropdown', 'updatePopper');
         }
@@ -4551,13 +4563,6 @@ exports.PopupManager = _popupManager2.default;
 
 /***/ }),
 
-/***/ "547f":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "560b":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -4565,12 +4570,12 @@ exports.PopupManager = _popupManager2.default;
 
 /***/ }),
 
-/***/ "5832":
+/***/ "587b":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("45b8");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_601cf5a4_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a445");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_601cf5a4_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_601cf5a4_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
@@ -4687,7 +4692,7 @@ function addClass(el, cls) {
     }
   }
   if (!el.classList) {
-    el.className = curClass;
+    el.setAttribute('class', curClass);
   }
 };
 
@@ -4708,7 +4713,7 @@ function removeClass(el, cls) {
     }
   }
   if (!el.classList) {
-    el.className = trim(curClass);
+    el.setAttribute('class', trim(curClass));
   }
 };
 
@@ -4772,10 +4777,10 @@ function setStyle(element, styleName, value) {
 var isScroll = exports.isScroll = function isScroll(el, vertical) {
   if (isServer) return;
 
-  var determinedDirection = vertical !== null || vertical !== undefined;
+  var determinedDirection = vertical !== null && vertical !== undefined;
   var overflow = determinedDirection ? vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x') : getStyle(el, 'overflow');
 
-  return overflow.match(/(scroll|auto)/);
+  return overflow.match(/(scroll|auto|overlay)/);
 };
 
 var getScrollContainer = exports.getScrollContainer = function getScrollContainer(el, vertical) {
@@ -4817,14 +4822,10 @@ var isInContainer = exports.isInContainer = function isInContainer(el, container
 
 /***/ }),
 
-/***/ "5c73":
-/***/ (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_Legends_vue_vue_type_style_index_0_id_5dafd4cc_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("451d");
-/* 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_Legends_vue_vue_type_style_index_0_id_5dafd4cc_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_Legends_vue_vue_type_style_index_0_id_5dafd4cc_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "5a3b":
+/***/ (function(module, exports) {
 
+module.exports = require("core-js/modules/es.regexp.test.js");
 
 /***/ }),
 
@@ -6092,21 +6093,21 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
 /***/ }),
 
-/***/ "6378":
-/***/ (function(module, exports) {
+/***/ "6259":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.string.replace.js");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "6611":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "6378":
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
+module.exports = require("core-js/modules/es.string.replace.js");
 
 /***/ }),
 
-/***/ "67da":
+/***/ "6611":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -6200,7 +6201,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 79);
+/******/ 	return __webpack_require__(__webpack_require__.s = 89);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -6314,7 +6315,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 79:
+/***/ 89:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6393,7 +6394,9 @@ var keyCode = Object.freeze({
       return (this.elFormItem || {}).elFormItemSize;
     },
     _elTag: function _elTag() {
-      return (this.$vnode.data || {}).tag || 'div';
+      var tag = (this.$vnode.data || {}).tag;
+      if (!tag || tag === 'component') tag = 'div';
+      return tag;
     },
     radioGroupSize: function radioGroupSize() {
       return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
@@ -6594,7 +6597,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 74);
+/******/ 	return __webpack_require__(__webpack_require__.s = 78);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -6729,7 +6732,7 @@ module.exports = __webpack_require__("8bbf");
 
 /***/ }),
 
-/***/ 74:
+/***/ 78:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7153,14 +7156,17 @@ exports.default = {
 
 /***/ }),
 
-/***/ "6f45":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "712c":
+/***/ (function(module, exports) {
 
-"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_MultiFlatmapVuer_vue_vue_type_style_index_0_id_2328f3de_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("547f");
-/* 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_MultiFlatmapVuer_vue_vue_type_style_index_0_id_2328f3de_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_MultiFlatmapVuer_vue_vue_type_style_index_0_id_2328f3de_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+module.exports = require("core-js/modules/web.url-search-params.js");
+
+/***/ }),
+
+/***/ "722b":
+/***/ (function(module, exports) {
 
+module.exports = require("core-js/modules/es.array.unscopables.flat.js");
 
 /***/ }),
 
@@ -7169,6 +7175,17 @@ exports.default = {
 
 module.exports = require("throttle-debounce/debounce");
 
+/***/ }),
+
+/***/ "7451":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6259");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7a0f":
@@ -7265,7 +7282,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 102);
+/******/ 	return __webpack_require__(__webpack_require__.s = 117);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -7372,7 +7389,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 102:
+/***/ 117:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7575,7 +7592,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 86);
+/******/ 	return __webpack_require__(__webpack_require__.s = 93);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -7689,7 +7706,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 86:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8081,6 +8098,20 @@ function objToArray(obj) {
 
 /***/ }),
 
+/***/ "831f":
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce");
+
+/***/ }),
+
+/***/ "8493":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "8535":
 /***/ (function(module, exports) {
 
@@ -8182,7 +8213,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 68);
+/******/ 	return __webpack_require__(__webpack_require__.s = 73);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -8303,14 +8334,21 @@ module.exports = __webpack_require__("5924");
 
 /***/ }),
 
-/***/ 41:
+/***/ 42:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("c56a");
 
 /***/ }),
 
-/***/ 68:
+/***/ 7:
+/***/ (function(module, exports) {
+
+module.exports = __webpack_require__("8bbf");
+
+/***/ }),
+
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8458,7 +8496,7 @@ var dom_ = __webpack_require__(2);
 var popup_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "element-ui/lib/utils/after-leave"
-var after_leave_ = __webpack_require__(41);
+var after_leave_ = __webpack_require__(42);
 var after_leave_default = /*#__PURE__*/__webpack_require__.n(after_leave_);
 
 // CONCATENATED MODULE: ./packages/loading/src/directive.js
@@ -8522,7 +8560,7 @@ loadingDirective.install = function (Vue) {
         el.mask.style[property] = el.maskStyle[property];
       });
 
-      if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed') {
+      if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed' && el.originalPosition !== 'sticky') {
         Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
       }
       if (binding.modifiers.fullscreen && binding.modifiers.lock) {
@@ -8680,7 +8718,7 @@ var src_Loading = function Loading() {
   });
 
   src_addStyle(options, parent, instance);
-  if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed') {
+  if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
     Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
   }
   if (options.fullscreen && options.lock) {
@@ -8713,13 +8751,6 @@ var src_Loading = function Loading() {
 
 /***/ }),
 
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("8bbf");
-
-/***/ }),
-
 /***/ 9:
 /***/ (function(module, exports) {
 
@@ -8818,7 +8849,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 124);
+/******/ 	return __webpack_require__(__webpack_require__.s = 132);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -8925,7 +8956,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 124:
+/***/ 132:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9059,17 +9090,6 @@ module.exports = require("vue");
 
 module.exports = require("core-js/modules/es.object.to-string.js");
 
-/***/ }),
-
-/***/ "98f7":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_6fc981d7_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3356");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_6fc981d7_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_6fc981d7_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9b22":
@@ -9180,7 +9200,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 85);
+/******/ 	return __webpack_require__(__webpack_require__.s = 111);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -9287,21 +9307,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("4010");
-
-/***/ }),
-
-/***/ 25:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("1e79");
-
-/***/ }),
-
-/***/ 85:
+/***/ 111:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9686,6 +9692,10 @@ var resize_event_ = __webpack_require__(16);
       if (this.interval <= 0 || !this.autoplay || this.timer) return;
       this.timer = setInterval(this.playSlides, this.interval);
     },
+    resetTimer: function resetTimer() {
+      this.pauseTimer();
+      this.startTimer();
+    },
     setActiveItem: function setActiveItem(index) {
       if (typeof index === 'string') {
         var filteredItems = this.items.filter(function (item) {
@@ -9712,6 +9722,7 @@ var resize_event_ = __webpack_require__(16);
       if (oldIndex === this.activeIndex) {
         this.resetItemPosition(oldIndex);
       }
+      this.resetTimer();
     },
     prev: function prev() {
       this.setActiveItem(this.activeIndex - 1);
@@ -9794,6 +9805,20 @@ main.install = function (Vue) {
 
 /* harmony default export */ var carousel = __webpack_exports__["default"] = (main);
 
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = __webpack_require__("4010");
+
+/***/ }),
+
+/***/ 25:
+/***/ (function(module, exports) {
+
+module.exports = __webpack_require__("1e79");
+
 /***/ })
 
 /******/ });
@@ -9870,14 +9895,10 @@ module.exports = require("resize-observer-polyfill");
 
 /***/ }),
 
-/***/ "a390":
-/***/ (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_4a14f4de_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("67da");
-/* 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_4a14f4de_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_4a14f4de_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "a445":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -9968,7 +9989,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 120);
+/******/ 	return __webpack_require__(__webpack_require__.s = 122);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -10075,7 +10096,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 120:
+/***/ 122:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10303,7 +10324,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 109);
+/******/ 	return __webpack_require__(__webpack_require__.s = 103);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -10410,7 +10431,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 109:
+/***/ 103:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10552,6 +10573,13 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
+/***/ "a9ee":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.json.stringify.js");
+
+/***/ }),
+
 /***/ "aaa5":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -10571,6 +10599,17 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 module.exports = require("css-element-queries/src/ResizeSensor");
 
+/***/ }),
+
+/***/ "b1da":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3ec8");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b2d6":
@@ -10697,6 +10736,9 @@ exports.default = {
     popconfirm: {
       confirmButtonText: 'Yes',
       cancelButtonText: 'No'
+    },
+    empty: {
+      description: 'No Data'
     }
   }
 };
@@ -10710,17 +10752,21 @@ exports.default = {
 
 /***/ }),
 
-/***/ "b94f":
-/***/ (function(module, exports) {
+/***/ "be4f":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("core-js/modules/web.url.js");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "be4f":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "bec2":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0875");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -10811,12 +10857,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 134);
+/******/ 	return __webpack_require__(__webpack_require__.s = 140);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 134:
+/***/ 140:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11035,7 +11081,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 113);
+/******/ 	return __webpack_require__(__webpack_require__.s = 119);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -11142,7 +11188,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 113:
+/***/ 119:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11321,6 +11367,13 @@ module.exports = require("core-js/modules/es.function.name.js");
 
 /***/ }),
 
+/***/ "dc50":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.error.cause.js");
+
+/***/ }),
+
 /***/ "dcdc":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11408,7 +11461,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 83);
+/******/ 	return __webpack_require__(__webpack_require__.s = 91);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -11522,7 +11575,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 83:
+/***/ 91:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12093,7 +12146,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 53);
+/******/ 	return __webpack_require__(__webpack_require__.s = 54);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -12207,7 +12260,7 @@ module.exports = __webpack_require__("8122");
 
 /***/ }),
 
-/***/ 33:
+/***/ 34:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12465,12 +12518,12 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 53:
+/***/ 54:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _select_src_option__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33);
+/* harmony import */ var _select_src_option__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(34);
 
 
 /* istanbul ignore next */
@@ -12803,7 +12856,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 97);
+/******/ 	return __webpack_require__(__webpack_require__.s = 96);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -12910,7 +12963,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 97:
+/***/ 96:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13024,7 +13077,7 @@ render._withStripped = true
       return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
     },
     buttonDisabled: function buttonDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
+      return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled;
     }
   },
 
@@ -13202,6 +13255,9 @@ exports.default = {
     popconfirm: {
       confirmButtonText: '确定',
       cancelButtonText: '取消'
+    },
+    empty: {
+      description: '暂无数据'
     }
   }
 };
@@ -13295,7 +13351,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 76);
+/******/ 	return __webpack_require__(__webpack_require__.s = 75);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -13423,7 +13479,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 76:
+/***/ 75:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -14065,15 +14121,18 @@ var shared_ = __webpack_require__(21);
       this.focused = true;
       this.$emit('focus', event);
     },
-    handleCompositionStart: function handleCompositionStart() {
+    handleCompositionStart: function handleCompositionStart(event) {
+      this.$emit('compositionstart', event);
       this.isComposing = true;
     },
     handleCompositionUpdate: function handleCompositionUpdate(event) {
+      this.$emit('compositionupdate', event);
       var text = event.target.value;
       var lastCharacter = text[text.length - 1] || '';
       this.isComposing = !Object(shared_["isKorean"])(lastCharacter);
     },
     handleCompositionEnd: function handleCompositionEnd(event) {
+      this.$emit('compositionend', event);
       if (this.isComposing) {
         this.isComposing = false;
         this.handleInput(event);
@@ -14295,7 +14354,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 116);
+/******/ 	return __webpack_require__(__webpack_require__.s = 88);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -14402,7 +14461,14 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 116:
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = __webpack_require__("d010");
+
+/***/ }),
+
+/***/ 88:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -14472,7 +14538,8 @@ var render = function() {
               "aria-hidden": "true",
               name: _vm.name,
               disabled: _vm.isDisabled,
-              tabindex: "-1"
+              tabindex: "-1",
+              autocomplete: "off"
             },
             domProps: {
               value: _vm.label,
@@ -14569,6 +14636,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 //
 //
 //
+//
 
 
 
@@ -14695,13 +14763,6 @@ src_radio.install = function (Vue) {
 
 /* harmony default export */ var packages_radio = __webpack_exports__["default"] = (src_radio);
 
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("d010");
-
 /***/ })
 
 /******/ });
@@ -14757,51 +14818,517 @@ 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":"347e5940-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=6fc981d7&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('svg-legends',{staticClass:"svg-legends-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 = []
-
-
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=6fc981d7&scoped=true&
-
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
-var es_symbol_js_ = __webpack_require__("9b22");
-
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
-var es_symbol_description_js_ = __webpack_require__("4933");
-
-// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
-var es_object_to_string_js_ = __webpack_require__("97d3");
-
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.iterator.js"
-var es_symbol_iterator_js_ = __webpack_require__("2ff9");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
-var es_array_iterator_js_ = __webpack_require__("4ccb");
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
-var es_string_iterator_js_ = __webpack_require__("9bb5");
-
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator.js"
-var web_dom_collections_iterator_js_ = __webpack_require__("1a25");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.slice.js"
-var es_array_slice_js_ = __webpack_require__("ea12");
-
-// EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
-var es_function_name_js_ = __webpack_require__("db0a");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.from.js"
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1e556412-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=601cf5a4&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"
+    }],
+    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 callback($$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 mouseover($event) {
+        return _vm.showToolitip(6);
+      },
+      "mouseout": function mouseout($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 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('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.pathways.length > 0 && _vm.pathControls ? _c('div', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:checkBoxPopover",
+      arg: "checkBoxPopover"
+    }],
+    staticClass: "pathway-container"
+  }, [_c('svg-legends', {
+    staticClass: "svg-legends-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 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)
+    }
+  }), _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 callback($$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 callback($$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 change($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 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 background color",
+      "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: {
+      "content": _vm.tooltipContent
+    },
+    on: {
+      "resource-selected": _vm.resourceSelected
+    }
+  })], 1)], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=601cf5a4&scoped=true&
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
+var es_symbol_js_ = __webpack_require__("9b22");
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
+var es_symbol_description_js_ = __webpack_require__("4933");
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
+var es_object_to_string_js_ = __webpack_require__("97d3");
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.iterator.js"
+var es_symbol_iterator_js_ = __webpack_require__("2ff9");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
+var es_array_iterator_js_ = __webpack_require__("4ccb");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
+var es_string_iterator_js_ = __webpack_require__("9bb5");
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator.js"
+var web_dom_collections_iterator_js_ = __webpack_require__("1a25");
+
+// EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
+var es_error_cause_js_ = __webpack_require__("dc50");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.slice.js"
+var es_array_slice_js_ = __webpack_require__("ea12");
+
+// EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
+var es_function_name_js_ = __webpack_require__("db0a");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.from.js"
 var es_array_from_js_ = __webpack_require__("4362");
 
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
+var es_regexp_exec_js_ = __webpack_require__("c8a6");
+
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.test.js"
+var es_regexp_test_js_ = __webpack_require__("5a3b");
+
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
@@ -14811,6 +15338,8 @@ function _arrayLikeToArray(arr, len) {
 
 
 
+
+
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -14828,16 +15357,14 @@ function _unsupportedIterableToArray(o, minLen) {
 
 
 
+
 function _createForOfIteratorHelper(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
   if (!it) {
     if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
       if (it) o = it;
       var i = 0;
-
       var F = function F() {};
-
       return {
         s: F,
         n: function n() {
@@ -14855,13 +15382,11 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
         f: F
       };
     }
-
     throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
   var normalCompletion = true,
-      didErr = false,
-      err;
+    didErr = false,
+    err;
   return {
     s: function s() {
       it = it.call(o);
@@ -14945,11 +15470,8 @@ var es_array_includes_js_ = __webpack_require__("85f7");
 // EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
 var es_string_includes_js_ = __webpack_require__("fd22");
 
-// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
-var es_regexp_exec_js_ = __webpack_require__("c8a6");
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.split.js"
-var es_string_split_js_ = __webpack_require__("0cda");
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__("2439");
 
 // EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
 var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
@@ -14967,10 +15489,157 @@ 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":"347e5940-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=4a14f4de&scoped=true&
-var Tooltipvue_type_template_id_4a14f4de_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tooltip-container"},[(_vm.content)?_c('el-main',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"main"},[(_vm.content.title)?_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.capitalise(_vm.content.title)))])]):_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.content.featureId))])]),_c('div',{staticClass:"content-container scrollbar"},[(_vm.content.featureIds)?_c('pubmed-viewer',{directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],staticClass:"block",attrs:{"entry":_vm.content},on:{"pubmedSearchUrl":_vm.pubmedSearchUrlUpdate}}):_vm._e(),_vm._v(" "+_vm._s(_vm.content.paths)+" "),(this.origins)?_c('div',{staticClass:"block"},[_c('div',[_c('span',{staticClass:"attribute-title"},[_vm._v("Origin")]),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('span',{staticStyle:{"word-break":"keep-all"}},[_c('i',[_vm._v("Origin")]),_vm._v(" "+_vm._s(_vm.originDescription)+" ")])])],1),_vm._l((_vm.origins),function(origin,i){return _c('div',{key:origin,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(origin))+" "),(i != _vm.origins.length - 1)?_c('div',{staticClass:"seperator"}):_vm._e()])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.originsWithDatasets.length > 0),expression:"originsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openDendrites}},[_vm._v(" Explore origin data ")])],2):_vm._e(),(this.components)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Components")]),_vm._l((_vm.components),function(component,i){return _c('div',{key:component,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(component))+" "),(i != _vm.components.length - 1)?_c('div',{staticClass:"seperator"}):_vm._e()])})],2):_vm._e(),(this.destinations)?_c('div',{staticClass:"block"},[_c('div',[_c('span',{staticClass:"attribute-title"},[_vm._v("Destination")]),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('span',{staticStyle:{"word-break":"keep-all"}},[_c('i',[_vm._v("Destination")]),_vm._v(" is where the axons terminate ")])])],1),_vm._l((_vm.destinations),function(destination,i){return _c('div',{key:destination,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(destination))+" "),(i != _vm.destinations.length - 1)?_c('div',{staticClass:"seperator"}):_vm._e()])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.destinationsWithDatasets.length > 0),expression:"destinationsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openAxons}},[_vm._v(" Explore destination data ")])],2):_vm._e(),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.components.length > 0),expression:"components.length > 0"}],staticClass:"button",on:{"click":_vm.openAll}},[_vm._v(" Search for data on components ")]),(_vm.pubmedSearchUrl != '')?_c('el-button',{staticClass:"button",attrs:{"icon":"el-icon-notebook-2"},on:{"click":function($event){return _vm.openUrl(_vm.pubmedSearchUrl)}}},[_vm._v(" Open publications in pubmed ")]):_vm._e()],1)]):_vm._e()],1)}
-var Tooltipvue_type_template_id_4a14f4de_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1e556412-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=4a14f4de&scoped=true&
+var Tooltipvue_type_template_id_4a14f4de_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "tooltip-container"
+  }, [_vm.content ? _c('el-main', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    staticClass: "main"
+  }, [_vm.content.title ? _c('div', {
+    staticClass: "block"
+  }, [_c('span', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.capitalise(_vm.content.title)))])]) : _c('div', {
+    staticClass: "block"
+  }, [_c('span', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.content.featureId))])]), _c('div', {
+    staticClass: "content-container scrollbar"
+  }, [_vm.content.featureIds ? _c('pubmed-viewer', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: false,
+      expression: "false"
+    }],
+    staticClass: "block",
+    attrs: {
+      "entry": _vm.content
+    },
+    on: {
+      "pubmedSearchUrl": _vm.pubmedSearchUrlUpdate
+    }
+  }) : _vm._e(), _vm._v(" " + _vm._s(_vm.content.paths) + " "), this.origins ? _c('div', {
+    staticClass: "block"
+  }, [_c('div', [_c('span', {
+    staticClass: "attribute-title"
+  }, [_vm._v("Origin")]), _c('el-popover', {
+    attrs: {
+      "width": "250",
+      "trigger": "hover",
+      "append-to-body": false,
+      "popper-class": "popover-origin-help"
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-warning-outline info",
+    attrs: {
+      "slot": "reference"
+    },
+    slot: "reference"
+  }), _c('span', {
+    staticStyle: {
+      "word-break": "keep-all"
+    }
+  }, [_c('i', [_vm._v("Origin")]), _vm._v(" " + _vm._s(_vm.originDescription) + " ")])])], 1), _vm._l(_vm.origins, function (origin, i) {
+    return _c('div', {
+      key: origin,
+      staticClass: "attribute-content"
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(origin)) + " "), i != _vm.origins.length - 1 ? _c('div', {
+      staticClass: "seperator"
+    }) : _vm._e()]);
+  }), _c('el-button', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.originsWithDatasets.length > 0,
+      expression: "originsWithDatasets.length > 0"
+    }],
+    staticClass: "button",
+    on: {
+      "click": _vm.openDendrites
+    }
+  }, [_vm._v(" Explore origin data ")])], 2) : _vm._e(), this.components ? _c('div', {
+    staticClass: "block"
+  }, [_c('div', {
+    staticClass: "attribute-title"
+  }, [_vm._v("Components")]), _vm._l(_vm.components, function (component, i) {
+    return _c('div', {
+      key: component,
+      staticClass: "attribute-content"
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(component)) + " "), i != _vm.components.length - 1 ? _c('div', {
+      staticClass: "seperator"
+    }) : _vm._e()]);
+  })], 2) : _vm._e(), this.destinations ? _c('div', {
+    staticClass: "block"
+  }, [_c('div', [_c('span', {
+    staticClass: "attribute-title"
+  }, [_vm._v("Destination")]), _c('el-popover', {
+    attrs: {
+      "width": "250",
+      "trigger": "hover",
+      "append-to-body": false,
+      "popper-class": "popover-origin-help"
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-warning-outline info",
+    attrs: {
+      "slot": "reference"
+    },
+    slot: "reference"
+  }), _c('span', {
+    staticStyle: {
+      "word-break": "keep-all"
+    }
+  }, [_c('i', [_vm._v("Destination")]), _vm._v(" is where the axons terminate ")])])], 1), _vm._l(_vm.destinations, function (destination, i) {
+    return _c('div', {
+      key: destination,
+      staticClass: "attribute-content"
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(destination)) + " "), i != _vm.destinations.length - 1 ? _c('div', {
+      staticClass: "seperator"
+    }) : _vm._e()]);
+  }), _c('el-button', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.destinationsWithDatasets.length > 0,
+      expression: "destinationsWithDatasets.length > 0"
+    }],
+    staticClass: "button",
+    on: {
+      "click": _vm.openAxons
+    }
+  }, [_vm._v(" Explore destination data ")])], 2) : _vm._e(), _c('el-button', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.components.length > 0,
+      expression: "components.length > 0"
+    }],
+    staticClass: "button",
+    on: {
+      "click": _vm.openAll
+    }
+  }, [_vm._v(" Search for data on components ")]), _vm.pubmedSearchUrl != '' ? _c('el-button', {
+    staticClass: "button",
+    attrs: {
+      "icon": "el-icon-notebook-2"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.openUrl(_vm.pubmedSearchUrl);
+      }
+    }
+  }, [_vm._v(" Open publications in pubmed ")]) : _vm._e()], 1)]) : _vm._e()], 1);
+};
+var Tooltipvue_type_template_id_4a14f4de_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=4a14f4de&scoped=true&
 
@@ -14992,6 +15661,7 @@ function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -15041,9 +15711,15 @@ var lib_button_default = /*#__PURE__*/__webpack_require__.n(lib_button);
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
+// EXTERNAL MODULE: external "core-js/modules/es.json.stringify.js"
+var es_json_stringify_js_ = __webpack_require__("a9ee");
+
 // EXTERNAL MODULE: external "core-js/modules/es.array.flat.js"
 var es_array_flat_js_ = __webpack_require__("da6e");
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.unscopables.flat.js"
+var es_array_unscopables_flat_js_ = __webpack_require__("722b");
+
 // EXTERNAL MODULE: external "core-js/modules/es.promise.js"
 var es_promise_js_ = __webpack_require__("ec71");
 
@@ -15061,10 +15737,49 @@ 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":"347e5940-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=aae60614&scoped=true&
-var PubmedViewervue_type_template_id_aae60614_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_aae60614_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1e556412-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=template&id=aae60614&scoped=true&
+var PubmedViewervue_type_template_id_aae60614_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  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_aae60614_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=template&id=aae60614&scoped=true&
 
@@ -15080,36 +15795,38 @@ function _arrayWithHoles(arr) {
 
 
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
 
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -15142,14 +15859,13 @@ var theme_chalk_link = __webpack_require__("fd71");
 var lib_link = __webpack_require__("a447");
 var lib_link_default = /*#__PURE__*/__webpack_require__.n(lib_link);
 
-// EXTERNAL MODULE: external "core-js/modules/web.url.js"
-var web_url_js_ = __webpack_require__("b94f");
+// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.js"
+var web_url_search_params_js_ = __webpack_require__("712c");
 
 // EXTERNAL MODULE: external "core-js/modules/es.regexp.to-string.js"
 var es_regexp_to_string_js_ = __webpack_require__("30df");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=script&lang=js&
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=script&lang=js&
 
 
 
@@ -15174,28 +15890,6 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -15217,7 +15911,6 @@ external_vue_default.a.use(lib_button_default.a);
   watch: {
     'entry.featureId': function entryFeatureId(val) {
       var _this = this;
-
       this.flatmapQuery(val).then(function (pb) {
         return _this.pubmeds = pb;
       });
@@ -15264,7 +15957,6 @@ external_vue_default.a.use(lib_button_default.a);
     },
     buildPubmedSqlStatement: function buildPubmedSqlStatement(keastIds) {
       var sql = 'select distinct publication from publications where entity in (';
-
       if (keastIds.length === 1) {
         sql += "'".concat(keastIds[0], "')");
       } else if (keastIds.length > 1) {
@@ -15272,16 +15964,15 @@ external_vue_default.a.use(lib_button_default.a);
           sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
         }
       }
-
       return sql;
     },
     flatmapQuery: function flatmapQuery(keastIds) {
       var _this2 = this;
-
       if (!keastIds || keastIds.length === 0) return;
       this.pubmeds = [];
-      this.loading.response = true; // fetch pubmed publications for the given ids
+      this.loading.response = true;
 
+      // fetch pubmed publications for the given ids
       var data = {
         sql: this.buildPubmedSqlStatement(keastIds)
       };
@@ -15295,18 +15986,17 @@ external_vue_default.a.use(lib_button_default.a);
         return response.json();
       }).then(function (data) {
         _this2.responseData = data;
-        _this2.loading.response = false; // create links for each pubmedId
+        _this2.loading.response = false;
 
+        // create links for each pubmedId
         if (data.values.length > 0) {
           data.values.forEach(function (identifier) {
             var ids = _this2.stripPMIDPrefix(identifier[0]);
-
             _this2.titleFromPubmed(ids).then(function (bib) {
               var _this2$splitLink = _this2.splitLink(bib),
-                  _this2$splitLink2 = _slicedToArray(_this2$splitLink, 2),
-                  html = _this2$splitLink2[0],
-                  link = _this2$splitLink2[1];
-
+                _this2$splitLink2 = _slicedToArray(_this2$splitLink, 2),
+                html = _this2$splitLink2[0],
+                link = _this2$splitLink2[1];
               _this2.pubmeds.push({
                 identifier: identifier[0],
                 html: html,
@@ -15314,13 +16004,11 @@ external_vue_default.a.use(lib_button_default.a);
               });
             });
           });
-
           _this2.$emit('pubmedSearchUrl', _this2.pubmedSearchUrl(data.values.map(function (id) {
             return _this2.stripPMIDPrefix(id[0]);
           })));
         } else {
           _this2.$emit('pubmedSearchUrl', ''); // Clears the pubmed search button 
-
         }
       }).catch(function (error) {
         console.error('Error:', error);
@@ -15336,8 +16024,8 @@ external_vue_default.a.use(lib_button_default.a);
 });
 // CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_PubmedViewervue_type_script_lang_js_ = (PubmedViewervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/PubmedViewer.vue?vue&type=style&index=0&id=aae60614&scoped=true&lang=scss&
-var PubmedViewervue_type_style_index_0_id_aae60614_scoped_true_lang_scss_ = __webpack_require__("5832");
+// EXTERNAL MODULE: ./src/components/PubmedViewer.vue?vue&type=style&index=0&id=aae60614&prod&scoped=true&lang=scss&
+var PubmedViewervue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss_ = __webpack_require__("7451");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -15346,20 +16034,19 @@ var PubmedViewervue_type_style_index_0_id_aae60614_scoped_true_lang_scss_ = __we
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -15379,7 +16066,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -15405,11 +16093,11 @@ function normalizeComponent (
   } else if (injectStyles) {
     hook = shadowMode
       ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -15420,16 +16108,14 @@ function normalizeComponent (
       options._injectStyles = hook
       // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
@@ -15464,7 +16150,9 @@ var component = normalizeComponent(
 
 var EventBus = new external_vue_default.a();
 /* harmony default export */ var components_EventBus = (EventBus);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=script&lang=js&
+
+
 
 
 
@@ -15498,93 +16186,6 @@ var EventBus = new external_vue_default.a();
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -15595,9 +16196,9 @@ external_vue_default.a.use(lib_button_default.a);
 external_vue_default.a.use(lib_container_default.a);
 external_vue_default.a.use(lib_header_default.a);
 external_vue_default.a.use(lib_icon_default.a);
-external_vue_default.a.use(lib_main_default.a); // pubmedviewer is currently not in use, but still under review so not ready to delete yet
-
+external_vue_default.a.use(lib_main_default.a);
 
+// pubmedviewer is currently not in use, but still under review so not ready to delete yet
 
 
 var _titleCase = function titleCase(str) {
@@ -15605,14 +16206,13 @@ var _titleCase = function titleCase(str) {
     return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase();
   });
 };
-
 var inArray = function inArray(ar1, ar2) {
   var as1 = JSON.stringify(ar1);
   var as2 = JSON.stringify(ar2);
   return as1.indexOf(as2) !== -1;
-}; // remove duplicates by stringifying the objects
-
+};
 
+// remove duplicates by stringifying the objects
 var Tooltipvue_type_script_lang_js_removeDuplicates = function removeDuplicates(arrayOfAnything) {
   return _toConsumableArray(new Set(arrayOfAnything.map(function (e) {
     return JSON.stringify(e);
@@ -15620,12 +16220,10 @@ var Tooltipvue_type_script_lang_js_removeDuplicates = function removeDuplicates(
     return JSON.parse(e);
   });
 };
-
 var _capitalise = function capitalise(str) {
   if (str) return str.charAt(0).toUpperCase() + str.slice(1);
   return "";
 };
-
 /* harmony default export */ var Tooltipvue_type_script_lang_js_ = ({
   components: {
     PubmedViewer: PubmedViewer
@@ -15726,10 +16324,7 @@ var _capitalise = function capitalise(str) {
     },
     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)) {
@@ -15742,10 +16337,7 @@ var _capitalise = function capitalise(str) {
     },
     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)) {
@@ -15758,21 +16350,18 @@ var _capitalise = function capitalise(str) {
     },
     findComponents: function findComponents(connectivity) {
       var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
-
       var nodes = Tooltipvue_type_script_lang_js_removeDuplicates(dnodes);
       var found = [];
       var terminal = false;
       nodes.forEach(function (node) {
-        terminal = false; // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
-
+        terminal = false;
+        // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
         if (inArray(connectivity.axons, node)) {
           terminal = true;
         }
-
         if (inArray(connectivity.dendrites, node)) {
           terminal = true;
         }
-
         if (!terminal) {
           found.push(node);
         }
@@ -15781,7 +16370,6 @@ var _capitalise = function capitalise(str) {
     },
     getOrganCuries: function getOrganCuries() {
       var _this = this;
-
       fetch("".concat(this.sparcAPI, "get-organ-curies/")).then(function (response) {
         return response.json();
       }).then(function (data) {
@@ -15790,7 +16378,6 @@ var _capitalise = function capitalise(str) {
     },
     buildConnectivitySqlStatement: function buildConnectivitySqlStatement(keastIds) {
       var sql = 'select knowledge from knowledge where entity in (';
-
       if (keastIds.length === 1) {
         sql += "'".concat(keastIds[0], "')");
       } else if (keastIds.length > 1) {
@@ -15798,12 +16385,10 @@ var _capitalise = function capitalise(str) {
           sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
         }
       }
-
       return sql;
     },
     buildLabelSqlStatement: function buildLabelSqlStatement(uberons) {
       var sql = 'select entity, label from labels where entity in (';
-
       if (uberons.length === 1) {
         sql += "'".concat(uberons[0], "')");
       } else if (uberons.length > 1) {
@@ -15811,12 +16396,10 @@ var _capitalise = function capitalise(str) {
           sql += "'".concat(uberons[i], "'").concat(i >= uberons.length - 1 ? ')' : ',', " ");
         }
       }
-
       return sql;
     },
     createLabelLookup: function createLabelLookup(uberons) {
       var _this2 = this;
-
       return new Promise(function (resolve) {
         var uberonMap = {};
         var data = {
@@ -15833,24 +16416,20 @@ var _capitalise = function capitalise(str) {
         }).then(function (payload) {
           var entity = payload.keys.indexOf("entity");
           var label = payload.keys.indexOf("label");
-
           if (entity > -1 && label > -1) {
             payload.values.forEach(function (pair) {
               uberonMap[pair[entity]] = pair[label];
             });
           }
-
           resolve(uberonMap);
         });
       });
     },
     createComponentsLabelList: function createComponentsLabelList(components, lookUp) {
       var _this3 = this;
-
       var labelList = [];
       components.forEach(function (n) {
         labelList.push(_this3.createLabelFromNeuralNode(n[0]), lookUp);
-
         if (n.length === 2) {
           labelList.push(_this3.createLabelFromNeuralNode(n[1]), lookUp);
         }
@@ -15859,7 +16438,6 @@ var _capitalise = function capitalise(str) {
     },
     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) {
@@ -15869,12 +16447,10 @@ var _capitalise = function capitalise(str) {
           }
         });
       }
-
       return label;
     },
     pathwayQuery: function pathwayQuery(keastIds) {
       var _this4 = this;
-
       this.destinations = [];
       this.origins = [];
       this.components = [];
@@ -15892,24 +16468,19 @@ var _capitalise = function capitalise(str) {
       }).then(function (response) {
         return response.json();
       }).then(function (data) {
-        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 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 componentsFlat = _this4.flattenConntectivity(components);
-
         var axons = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.axons);
         var dendrites = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.dendrites);
-
         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
-
 
+        // 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);
@@ -15920,9 +16491,9 @@ var _capitalise = function capitalise(str) {
           _this4.components = components.map(function (c) {
             return _this4.createLabelFromNeuralNode(c, lookUp);
           });
-        }); // Filter for the anatomy which is annotated on datasets
-
+        });
 
+        // Filter for the anatomy which is annotated on datasets
         _this4.destinationsWithDatasets = _this4.uberons.filter(function (ub) {
           return axonsFlat.indexOf(ub.id) !== -1;
         });
@@ -15941,8 +16512,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=4a14f4de&scoped=true&lang=scss&
-var Tooltipvue_type_style_index_0_id_4a14f4de_scoped_true_lang_scss_ = __webpack_require__("a390");
+// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=4a14f4de&prod&scoped=true&lang=scss&
+var Tooltipvue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss_ = __webpack_require__("bec2");
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue
 
@@ -15954,366 +16525,172 @@ var Tooltipvue_type_style_index_0_id_4a14f4de_scoped_true_lang_scss_ = __webpack
 /* normalize component */
 
 var Tooltip_component = normalizeComponent(
-  components_Tooltipvue_type_script_lang_js_,
-  Tooltipvue_type_template_id_4a14f4de_scoped_true_render,
-  Tooltipvue_type_template_id_4a14f4de_scoped_true_staticRenderFns,
-  false,
-  null,
-  "4a14f4de",
-  null
-  
-)
-
-/* harmony default export */ var Tooltip = (Tooltip_component.exports);
-// 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":"347e5940-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/Legends.vue?vue&type=template&id=5dafd4cc&scoped=true&
-var Legendsvue_type_template_id_5dafd4cc_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 Legendsvue_type_template_id_5dafd4cc_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=template&id=5dafd4cc&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/Legends.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ var Legendsvue_type_script_lang_js_ = ({
-  name: 'SvgLegends'
-});
-// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=script&lang=js&
- /* harmony default export */ var legends_Legendsvue_type_script_lang_js_ = (Legendsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/legends/Legends.vue?vue&type=style&index=0&id=5dafd4cc&scoped=true&lang=scss&
-var Legendsvue_type_style_index_0_id_5dafd4cc_scoped_true_lang_scss_ = __webpack_require__("5c73");
-
-// CONCATENATED MODULE: ./src/components/legends/Legends.vue
-
-
-
-
-
-
-/* normalize component */
-
-var Legends_component = normalizeComponent(
-  legends_Legendsvue_type_script_lang_js_,
-  Legendsvue_type_template_id_5dafd4cc_scoped_true_render,
-  Legendsvue_type_template_id_5dafd4cc_scoped_true_staticRenderFns,
-  false,
-  null,
-  "5dafd4cc",
-  null
-  
-)
-
-/* harmony default export */ var Legends = (Legends_component.exports);
-// CONCATENATED MODULE: ./src/icons/flatmap-marker.js
-/* harmony default export */ var flatmap_marker = ('<div class="flatmap-marker"><svg display="block" height="41px" width="27px" viewBox="0 0 27 41"><g fill-rule="nonzero"><g transform="translate(3.0, 29.0)" fill="#000000"><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="9.5" ry="4.77275007"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="8.5" ry="4.29549936"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="7.5" ry="3.81822308"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="6.5" ry="3.34094679"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="5.5" ry="2.86367051"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="4.5" ry="2.38636864"></ellipse></g><g fill="#005974"><path d="M27,13.5 C27,19.074644 20.250001,27.000002 14.75,34.500002 C14.016665,35.500004 12.983335,35.500004 12.25,34.500002 C6.7499993,27.000002 0,19.222562 0,13.5 C0,6.0441559 6.0441559,0 13.5,0 C20.955844,0 27,6.0441559 27,13.5 Z"></path></g><g opacity="0.25" fill="#000000"><path d="M13.5,0 C6.0441559,0 0,6.0441559 0,13.5 C0,19.222562 6.7499993,27 12.25,34.5 C13,35.522727 14.016664,35.500004 14.75,34.5 C20.250001,27 27,19.074644 27,13.5 C27,6.0441559 20.955844,0 13.5,0 Z M13.5,1 C20.415404,1 26,6.584596 26,13.5 C26,15.898657 24.495584,19.181431 22.220703,22.738281 C19.945823,26.295132 16.705119,30.142167 13.943359,33.908203 C13.743445,34.180814 13.612715,34.322738 13.5,34.441406 C13.387285,34.322738 13.256555,34.180814 13.056641,33.908203 C10.284481,30.127985 7.4148684,26.314159 5.015625,22.773438 C2.6163816,19.232715 1,15.953538 1,13.5 C1,6.584596 6.584596,1 13.5,1 Z"></path></g><g transform="translate(6.0, 7.0)" fill="#FFFFFF"></g><g transform="translate(8.0, 8.0)"><circle fill="#000000" opacity="0.25" cx="5.5" cy="5.5" r="5.4999962"></circle><circle fill="#FFFFFF" cx="5.5" cy="5.5" r="5.4999962"></circle></g></g></svg></div>');
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+  components_Tooltipvue_type_script_lang_js_,
+  Tooltipvue_type_template_id_4a14f4de_scoped_true_render,
+  Tooltipvue_type_template_id_4a14f4de_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4a14f4de",
+  null
+  
+)
+
+/* harmony default export */ var Tooltip = (Tooltip_component.exports);
+// 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":"1e556412-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/Legends.vue?vue&type=template&id=5dafd4cc&scoped=true&
+var Legendsvue_type_template_id_5dafd4cc_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 Legendsvue_type_template_id_5dafd4cc_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=template&id=5dafd4cc&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/Legends.vue?vue&type=script&lang=js&
+/* harmony default export */ var Legendsvue_type_script_lang_js_ = ({
+  name: 'SvgLegends'
+});
+// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=script&lang=js&
+ /* harmony default export */ var legends_Legendsvue_type_script_lang_js_ = (Legendsvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/legends/Legends.vue?vue&type=style&index=0&id=5dafd4cc&prod&scoped=true&lang=scss&
+var Legendsvue_type_style_index_0_id_5dafd4cc_prod_scoped_true_lang_scss_ = __webpack_require__("0fa6");
+
+// CONCATENATED MODULE: ./src/components/legends/Legends.vue
+
+
+
+
+
+
+/* normalize component */
+
+var Legends_component = normalizeComponent(
+  legends_Legendsvue_type_script_lang_js_,
+  Legendsvue_type_template_id_5dafd4cc_scoped_true_render,
+  Legendsvue_type_template_id_5dafd4cc_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5dafd4cc",
+  null
+  
+)
+
+/* harmony default export */ var Legends = (Legends_component.exports);
+// CONCATENATED MODULE: ./src/icons/flatmap-marker.js
+/* harmony default export */ var flatmap_marker = ('<div class="flatmap-marker"><svg display="block" height="41px" width="27px" viewBox="0 0 27 41"><g fill-rule="nonzero"><g transform="translate(3.0, 29.0)" fill="#000000"><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="9.5" ry="4.77275007"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="8.5" ry="4.29549936"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="7.5" ry="3.81822308"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="6.5" ry="3.34094679"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="5.5" ry="2.86367051"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="4.5" ry="2.38636864"></ellipse></g><g fill="#005974"><path d="M27,13.5 C27,19.074644 20.250001,27.000002 14.75,34.500002 C14.016665,35.500004 12.983335,35.500004 12.25,34.500002 C6.7499993,27.000002 0,19.222562 0,13.5 C0,6.0441559 6.0441559,0 13.5,0 C20.955844,0 27,6.0441559 27,13.5 Z"></path></g><g opacity="0.25" fill="#000000"><path d="M13.5,0 C6.0441559,0 0,6.0441559 0,13.5 C0,19.222562 6.7499993,27 12.25,34.5 C13,35.522727 14.016664,35.500004 14.75,34.5 C20.250001,27 27,19.074644 27,13.5 C27,6.0441559 20.955844,0 13.5,0 Z M13.5,1 C20.415404,1 26,6.584596 26,13.5 C26,15.898657 24.495584,19.181431 22.220703,22.738281 C19.945823,26.295132 16.705119,30.142167 13.943359,33.908203 C13.743445,34.180814 13.612715,34.322738 13.5,34.441406 C13.387285,34.322738 13.256555,34.180814 13.056641,33.908203 C10.284481,30.127985 7.4148684,26.314159 5.015625,22.773438 C2.6163816,19.232715 1,15.953538 1,13.5 C1,6.584596 6.584596,1 13.5,1 Z"></path></g><g transform="translate(6.0, 7.0)" fill="#FFFFFF"></g><g transform="translate(8.0, 8.0)"><circle fill="#000000" opacity="0.25" cx="5.5" cy="5.5" r="5.4999962"></circle><circle fill="#FFFFFF" cx="5.5" cy="5.5" r="5.4999962"></circle></g></g></svg></div>');
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 /* eslint-disable no-alert, no-console */
 
@@ -16331,15 +16708,12 @@ external_vue_default.a.use(lib_loading_default.a.directive);
 external_vue_default.a.use(lib_radio_default.a);
 external_vue_default.a.use(lib_radio_group_default.a);
 external_vue_default.a.use(lib_row_default.a);
-
 var ResizeSensor = __webpack_require__("ae66");
-
 var mapResize = function mapResize(map) {
   return function () {
     if (map) map.resize();
   };
 };
-
 /* harmony default export */ var FlatmapVuervue_type_script_lang_js_ = ({
   name: "FlatmapVuer",
   components: {
@@ -16355,7 +16729,6 @@ var mapResize = function mapResize(map) {
   methods: {
     backgroundChangeCallback: function backgroundChangeCallback(colour) {
       this.currentBackground = colour;
-
       if (this.mapImp) {
         this.mapImp.setBackgroundColour(this.currentBackground, 1);
       }
@@ -16363,13 +16736,11 @@ var mapResize = function mapResize(map) {
     toggleDrawer: function toggleDrawer() {
       this.drawerOpen = !this.drawerOpen;
     },
-
     /**
      * Function to toggle colour/greyscale of organs.
      */
     setColour: function setColour(flag) {
       this.colourRadio = flag;
-
       if (this.mapImp) {
         this.mapImp.setColour({
           colour: flag,
@@ -16377,13 +16748,11 @@ var mapResize = function mapResize(map) {
         });
       }
     },
-
     /**
      * Function to toggle outlines f organs.
      */
     setOutlines: function setOutlines(flag) {
       this.outlineRadio = flag;
-
       if (this.mapImp) {
         this.mapImp.setColour({
           colour: this.colourRadio,
@@ -16391,7 +16760,6 @@ var mapResize = function mapResize(map) {
         });
       }
     },
-
     /**
      * Function to toggle paths to default.
      * Also called when the associated button is pressed.
@@ -16406,7 +16774,6 @@ var mapResize = function mapResize(map) {
         this.checkAll = true;
       }
     },
-
     /**
      * Function to zoom in.
      * Also called when the associated button is pressed.
@@ -16416,7 +16783,6 @@ var mapResize = function mapResize(map) {
         this.mapImp.zoomIn();
       }
     },
-
     /**
      * Function to zoom out.
      * Also called when the associated button is pressed.
@@ -16441,7 +16807,6 @@ var mapResize = function mapResize(map) {
         return a.type;
       }) : [];
       this.isIndeterminate = false;
-
       if (this.mapImp) {
         this.mapImp.showPaths(this.checkedItems);
       }
@@ -16451,31 +16816,27 @@ var mapResize = function mapResize(map) {
     },
     eventCallback: function eventCallback() {
       var _this = this;
-
       return function (eventType, data) {
         if (eventType !== "pan-zoom") {
           var label = data.label;
           var resource = [data.models];
           var taxonomy = _this.entry;
-          var flatmapId = _this.flatmapId;
-
+          var biologicalSex = _this.biologicalSex;
           for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
             args[_key - 2] = arguments[_key];
           }
-
           var payload = {
             dataset: data.dataset,
-            flatmapId: flatmapId,
+            biologicalSex: biologicalSex,
             taxonomy: taxonomy,
             resource: resource,
             label: label,
             feature: data,
             userData: args,
             eventType: eventType
-          }; // Disable the nueron pop up for now.
-
+          };
+          // Disable the nueron pop up for now.
           if (data && data.type !== "marker") _this.checkAndCreatePopups(payload);
-
           _this.$emit("resource-selected", payload);
         } else {
           _this.$emit("pan-zoom-callback", data);
@@ -16499,7 +16860,6 @@ var mapResize = function mapResize(map) {
       if (ftooltip) ftooltip.style.display = "none";
       document.querySelector(".mapboxgl-popup-close-button").style.display = "block";
       this.$refs.tooltip.$el.style.display = "flex";
-
       document.querySelector(".mapboxgl-popup-close-button").onclick = function () {
         document.querySelector(".flatmap-tooltip-popup").style.display = "block";
       };
@@ -16513,14 +16873,13 @@ var mapResize = function mapResize(map) {
         if (data.resource[0].includes('ilxtr:neuron')) {
           return true;
         }
-      } // annotated with datset check
-
-
+      }
+      // annotated with datset check
       if (data.dataset) {
         return true;
-      } // if there is no cuff, neural data, or dataset we do not display neuron tooltip
-
+      }
 
+      // if there is no cuff, neural data, or dataset we do not display neuron tooltip
       return false;
     },
     createTooltipFromNeuronCuration: function createTooltipFromNeuronCuration(data) {
@@ -16532,8 +16891,9 @@ var mapResize = function mapResize(map) {
         distribution: undefined,
         actions: []
       };
-      this.tooltipVisible = false; // neural data check
+      this.tooltipVisible = false;
 
+      // neural data check
       if (feature) {
         if (feature.includes('ilxtr:neuron')) {
           this.tooltipVisible = true;
@@ -16550,9 +16910,8 @@ var mapResize = function mapResize(map) {
             nervePath: true
           });
         }
-      } // annotated with datset check
-
-
+      }
+      // annotated with datset check
       if (data.dataset) {
         this.tooltipVisible = true;
         this.tooltipContent = content;
@@ -16570,7 +16929,6 @@ var mapResize = function mapResize(map) {
     // Keeping this as an API
     showPopup: function showPopup(featureId, node, options) {
       var myOptions = options;
-
       if (this.mapImp) {
         if (myOptions) {
           if (!myOptions.className) myOptions.className = "flatmapvuer-popover";
@@ -16580,7 +16938,6 @@ var mapResize = function mapResize(map) {
             positionAtLastClick: true
           };
         }
-
         this.mapImp.showPopup(featureId, node, myOptions);
       }
     },
@@ -16606,7 +16963,6 @@ var mapResize = function mapResize(map) {
     },
     showToolitip: function showToolitip(tooltipNumber) {
       var _this2 = this;
-
       if (!this.inHelp) {
         this.tooltipWait = setTimeout(function () {
           _this2.hoverVisibilities[tooltipNumber].value = true;
@@ -16636,13 +16992,10 @@ var mapResize = function mapResize(map) {
     },
     getLabels: function getLabels() {
       var labels = [];
-
       if (this.mapImp) {
         var annotations = this.mapImp.annotations;
-
         var _iterator = _createForOfIteratorHelper(annotations.values()),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var value = _step.value;
@@ -16653,7 +17006,6 @@ var mapResize = function mapResize(map) {
         } finally {
           _iterator.f();
         }
-
         return Array.from(new Set(labels));
       }
     },
@@ -16661,18 +17013,17 @@ var mapResize = function mapResize(map) {
       if (this.mapImp) {
         var state = {
           entry: this.entry,
-          flatmapId: this.flatmapId,
+          biologicalSex: this.biologicalSex,
           viewport: this.mapImp.getState()
         };
         return state;
       }
-
       return undefined;
     },
     setState: function setState(state) {
       if (state) {
-        if (this.mapImp && (state.entry || state.flatmapId)) {
-          if (this.flatmapId && this.flatmapId == state.flatmapId || this.entry == state.entry) if (state.viewport) {
+        if (this.mapImp && state.entry && this.entry == state.entry && (!state.biologicalSex || state.biologicalSex === this.biologicalSex)) {
+          if (state.viewport) {
             this.mapImp.setState(state.viewport);
           }
         } else {
@@ -16682,26 +17033,50 @@ var mapResize = function mapResize(map) {
     },
     createFlatmap: function createFlatmap(state) {
       var _this3 = this;
-
       if (!this.mapImp && !this.loading) {
         this.loading = true;
         var minimap = false;
-
         if (this.displayMinimap) {
           minimap = {
             position: "top-right"
           };
         }
 
-        var entry = this.flatmapId;
-        if (state && state.flatmapId) entry = state.flatmapId;
-
-        if (!entry) {
-          entry = this.entry;
-          if (state && state.entry) entry = state.entry;
+        //As for flatmap-viewer@2.2.6, see belowf for the documentation 
+        //for the identifier:
+
+        //@arg identifier {string|Object}
+        // A string or object identifying the map to load. If a string its
+        // value can be either the map's ``uuid``, assigned at generation time,
+        // or taxon and biological sex identifiers of the species that the map
+        // represents. The latest version of a map is loaded unless it has been
+        // identified using a ``uuid`` (see below).
+        // @arg identifier.taxon {string} The taxon identifier of the species 
+        //  represented by the map. This is specified as metadata in the map's source file.
+        // @arg identifier.biologicalSex {string} The biological sex of the species
+        // represented by the map. This is specified as metadatain the map's source file.
+        // @arg identifier.uuid {string} The unique uuid the flatmap. If given then this exact map will
+        //  be loaded, overriding ``taxon`` and ``biologicalSex``.
+
+        var identifier = {
+          taxon: this.entry
+        };
+        if (state && state.entry) {
+          identifier.taxon = state.entry;
+          if (state.biologicalSex) {
+            identifier["biologicalSex"] = state.biologicalSex;
+          } else if (identifier.taxon === "NCBITaxon:9606") {
+            //For backward compatibility
+            identifier["biologicalSex"] = "PATO:0000384";
+          }
+        } else {
+          // Set the bioloicalSex now if map is not resumed from
+          // a saved state
+          if (this.biologicalSex) {
+            identifier["biologicalSex"] = this.biologicalSex;
+          }
         }
-
-        var promise1 = this.mapManager.loadMap(entry, this.$refs.display, this.eventCallback(), {
+        var promise1 = this.mapManager.loadMap(identifier, this.$refs.display, this.eventCallback(), {
           //fullscreenControl: false,
           //annotatable: false,
           //debug: true,
@@ -16715,20 +17090,15 @@ var mapResize = function mapResize(map) {
         promise1.then(function (returnedObject) {
           _this3.mapImp = returnedObject;
           _this3.sensor = new ResizeSensor(_this3.$refs.display, mapResize(_this3.mapImp));
-
           _this3.mapImp.setBackgroundOpacity(1);
-
           _this3.backgroundChangeCallback(_this3.currentBackground);
-
           _this3.pathways = _this3.mapImp.pathTypes();
-
           _this3.$emit("ready", _this3);
-
           _this3.loading = false;
           if (_this3._viewportToBeSet) _this3.mapImp.setState(_this3._viewportToBeSet);else if (state && state.viewport) _this3.mapImp.setState(state.viewport);
         });
       } else if (state) {
-        if (this.flatmapId == state.flatmapId || this.entry == state.entry) this._viewportToBeSet = state.viewport;
+        if (this.entry == state.entry) this._viewportToBeSet = state.viewport;
       }
     },
     showMinimap: function showMinimap(flag) {
@@ -16737,7 +17107,6 @@ var mapResize = function mapResize(map) {
     showPathwaysDrawer: function showPathwaysDrawer(flag) {
       this.drawerOpen = flag;
     },
-
     /**
      * Function to display features with annotation matching the provided term.
      */
@@ -16748,17 +17117,14 @@ var mapResize = function mapResize(map) {
           return true;
         } else {
           var searchResults = this.mapImp.search(term);
-
           if (searchResults && searchResults.__featureIds.length > 0) {
             this.mapImp.showSearchResults(searchResults);
             return true;
           } else this.mapImp.clearSearchResults();
         }
       }
-
       return false;
     },
-
     /**
      * Get the list of suggested terms
      */
@@ -16769,7 +17135,7 @@ var mapResize = function mapResize(map) {
   },
   props: {
     entry: String,
-    flatmapId: String,
+    biologicalSex: String,
     featureInfo: {
       type: Boolean,
       default: false
@@ -16818,7 +17184,6 @@ var mapResize = function mapResize(map) {
       type: String,
       default: "Search now provide suggested terms. Add new legends. New tilesets. New female map. Improve upstream downstream information"
     },
-
     /**
      * State containing state of the flatmap.
      */
@@ -16826,7 +17191,6 @@ var mapResize = function mapResize(map) {
       type: Object,
       default: undefined
     },
-
     /**
      * Specify the endpoint of the flatmap server.
      */
@@ -16885,9 +17249,6 @@ var mapResize = function mapResize(map) {
     entry: function entry() {
       if (!this.state) this.createFlatmap();
     },
-    flatmapId: function flatmapId() {
-      if (!this.state) this.createFlatmap();
-    },
     helpMode: function helpMode(val) {
       this.setHelpMode(val);
     },
@@ -16901,15 +17262,14 @@ var mapResize = function mapResize(map) {
   },
   mounted: function mounted() {
     var flatmap = __webpack_require__("4979");
-
     this.mapManager = new flatmap.MapManager(this.flatmapAPI);
     if (this.renderAtMounted) this.createFlatmap();
   }
 });
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=6fc981d7&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_6fc981d7_scoped_true_lang_scss_ = __webpack_require__("98f7");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=601cf5a4&prod&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_601cf5a4_prod_scoped_true_lang_scss_ = __webpack_require__("587b");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -16926,18 +17286,125 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "6fc981d7",
+  "601cf5a4",
   null
   
 )
 
 /* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"347e5940-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=2328f3de&scoped=true&
-var MultiFlatmapVuervue_type_template_id_2328f3de_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,"flatmap-id":item.id,"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_2328f3de_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1e556412-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=0ad8a77b&scoped=true&
+var MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  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 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.flatmapChanged
+    },
+    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,
+        "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_0ad8a77b_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=2328f3de&scoped=true&
+// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0ad8a77b&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/popover.css
 var popover = __webpack_require__("06f1");
@@ -16963,8 +17430,7 @@ var lib_option_default = /*#__PURE__*/__webpack_require__.n(lib_option);
 // EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
 var es_object_keys_js_ = __webpack_require__("ea64");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=script&lang=js&
-
+// 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/MultiFlatmapVuer.vue?vue&type=script&lang=js&
 
 
 
@@ -16984,63 +17450,6 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -17061,7 +17470,6 @@ external_vue_default.a.use(lib_popover_default.a);
   },
   mounted: function mounted() {
     var _this = this;
-
     this.initialise();
     components_EventBus.$on('onActionClick', function (action) {
       _this.FlatmapSelected(action);
@@ -17070,40 +17478,36 @@ external_vue_default.a.use(lib_popover_default.a);
   methods: {
     initialise: function initialise() {
       var _this2 = this;
-
       return new Promise(function (resolve) {
         fetch(_this2.flatmapAPI).then(function (response) {
           return response.json();
         }).then(function (data) {
-          _this2.speciesLis = {};
+          _this2.speciesList = {};
           Object.keys(_this2.availableSpecies).forEach(function (key) {
             for (var i = 0; i < data.length; i++) {
-              if (_this2.availableSpecies[key].id === data[i].id) {
-                _this2.speciesList[key] = _this2.availableSpecies[key];
-                break;
-              }
-
               if (_this2.availableSpecies[key].taxo === data[i].taxon) {
-                _this2.speciesList[key] = _this2.availableSpecies[key]; //make sure the id is unset as it fails to match the one on
-
-                _this2.speciesList[key].id = undefined;
-                break;
+                if (_this2.availableSpecies[key].biologicalSex) {
+                  if (data[i].biologicalSex && data[i].biologicalSex === _this2.availableSpecies[key].biologicalSex) {
+                    _this2.speciesList[key] = _this2.availableSpecies[key];
+                    break;
+                  }
+                } else {
+                  _this2.speciesList[key] = _this2.availableSpecies[key];
+                  break;
+                }
               }
             }
           });
-
           if (!_this2.state) {
             if (_this2.initial && _this2.speciesList[_this2.initial] !== undefined) {
               _this2.activeSpecies = _this2.initial;
             } else {
               _this2.activeSpecies = Object.keys(_this2.speciesList)[0];
             }
-
             external_vue_default.a.nextTick(function () {
               if (_this2.$refs[_this2.activeSpecies]) _this2.$refs[_this2.activeSpecies][0].createFlatmap();
             });
           }
-
           resolve();
         });
       });
@@ -17116,11 +17520,9 @@ external_vue_default.a.use(lib_popover_default.a);
     },
     getCoordinatesOfLastClick: function getCoordinatesOfLastClick() {
       var flatmap = this.$refs[this.activeSpecies];
-
       if (flatmap && flatmap[0]) {
         return flatmap[0].getCoordinatesOfLastClick();
       }
-
       return undefined;
     },
     getCurrentFlatmap: function getCurrentFlatmap() {
@@ -17142,7 +17544,6 @@ external_vue_default.a.use(lib_popover_default.a);
       this.$refs[this.activeSpecies][0].createFlatmap();
       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.
@@ -17158,7 +17559,6 @@ external_vue_default.a.use(lib_popover_default.a);
       state.state = map.getState();
       return state;
     },
-
     /**
      * Function used for importing the states of the scene. This exported states 
      * can be imported using the read states method.
@@ -17167,23 +17567,19 @@ external_vue_default.a.use(lib_popover_default.a);
      */
     setState: function setState(state) {
       var _this3 = this;
-
       if (state) {
         this.initialise().then(function () {
           if (state.species && state.species !== _this3.activeSpecies) {
             _this3.activeSpecies = state.species;
-
             if (state.state) {
               //Wait for next tick when the refs are ready for rendering
               _this3.$nextTick(function () {
                 _this3.$refs[_this3.activeSpecies][0].createFlatmap(state.state);
-
                 _this3.$emit('flatmapChanged', _this3.activeSpecies);
               });
             }
           } else if (state.state) {
             var map = _this3.getCurrentFlatmap();
-
             map.setState(state.state);
           }
         });
@@ -17210,7 +17606,6 @@ external_vue_default.a.use(lib_popover_default.a);
       type: Boolean,
       default: false
     },
-
     /**
      * Initial species for the flatmap.
      * This value will be ignored if a valid state object is provided.
@@ -17240,7 +17635,6 @@ external_vue_default.a.use(lib_popover_default.a);
       default: "Beta feature - This map is based on the connectivity of a rat. New connectivity and species specificity will be added as the SPARC program progress."
     },
     availableSpecies: {},
-
     /**
      * State containing state of the flatmap.
      */
@@ -17248,7 +17642,6 @@ external_vue_default.a.use(lib_popover_default.a);
       type: Object,
       default: undefined
     },
-
     /**
      * Specify the endpoint of the flatmap server.
      */
@@ -17280,8 +17673,8 @@ external_vue_default.a.use(lib_popover_default.a);
 });
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_MultiFlatmapVuervue_type_script_lang_js_ = (MultiFlatmapVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=2328f3de&scoped=true&lang=scss&
-var MultiFlatmapVuervue_type_style_index_0_id_2328f3de_scoped_true_lang_scss_ = __webpack_require__("6f45");
+// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=0ad8a77b&prod&scoped=true&lang=scss&
+var MultiFlatmapVuervue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss_ = __webpack_require__("b1da");
 
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue
 
@@ -17294,11 +17687,11 @@ var MultiFlatmapVuervue_type_style_index_0_id_2328f3de_scoped_true_lang_scss_ =
 
 var MultiFlatmapVuer_component = normalizeComponent(
   components_MultiFlatmapVuervue_type_script_lang_js_,
-  MultiFlatmapVuervue_type_template_id_2328f3de_scoped_true_render,
-  MultiFlatmapVuervue_type_template_id_2328f3de_scoped_true_staticRenderFns,
+  MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_render,
+  MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_staticRenderFns,
   false,
   null,
-  "2328f3de",
+  "0ad8a77b",
   null
   
 )