@abi-software/flatmapvuer 0.3.14 → 0.4.0-beta-0

package/dist/flatmapvuer.umd.js

@@ -96,13 +96,6 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ "0242":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "06f1":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -110,13 +103,6 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ }),
 
-/***/ "0cda":
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.split.js");
-
-/***/ }),
-
 /***/ "0f6c":
 /***/ (function(module, exports) {
 
@@ -204,12 +190,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";
@@ -232,10 +218,7 @@ __webpack_require__.r(__webpack_exports__);
       type: String,
       default: 'start'
     },
-    align: {
-      type: String,
-      default: 'top'
-    }
+    align: String
   },
 
   computed: {
@@ -253,7 +236,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);
   }
@@ -294,17 +277,6 @@ exports.default = function (ref) {
 
 ;
 
-/***/ }),
-
-/***/ "13aa":
-/***/ (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_6d6dee76_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c4c7");
-/* 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_6d6dee76_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_6d6dee76_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "13e3":
@@ -401,12 +373,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";
@@ -416,7 +388,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"
@@ -731,7 +703,7 @@ module.exports = __webpack_require__("8122");
 
 /***/ }),
 
-/***/ 38:
+/***/ 39:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("e62d");
@@ -761,17 +733,6 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 
 module.exports = require("core-js/modules/es.array.filter.js");
 
-/***/ }),
-
-/***/ "1b11":
-/***/ (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_20b4e460_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5ca3");
-/* 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_20b4e460_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_20b4e460_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1c32":
@@ -788,6 +749,31 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 /***/ }),
 
+/***/ "21d1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "233b":
+/***/ (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_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7a9a");
+/* 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_58832c92_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_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "2439":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.push.js");
+
+/***/ }),
+
 /***/ "2a5e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -921,6 +907,17 @@ module.exports = require("core-js/modules/es.symbol.iterator.js");
 
 module.exports = require("core-js/modules/es.regexp.to-string.js");
 
+/***/ }),
+
+/***/ "3c15":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_66e8be2a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5ac6");
+/* 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_66e8be2a_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_66e8be2a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3d2d":
@@ -1010,7 +1007,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 94);
+/******/ 	return __webpack_require__(__webpack_require__.s = 116);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -1117,7 +1114,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 94:
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1216,6 +1213,13 @@ main.install = function (Vue) {
 
 /***/ }),
 
+/***/ "400b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4010":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1229,6 +1233,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';
@@ -1263,7 +1269,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);
@@ -1697,6 +1703,13 @@ module.exports = require("core-js/modules/es.array.iterator.js");
 
 /***/ }),
 
+/***/ "4d90":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4e4b":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1784,7 +1797,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 61);
+/******/ 	return __webpack_require__(__webpack_require__.s = 62);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -1919,7 +1932,7 @@ module.exports = __webpack_require__("4010");
 
 /***/ }),
 
-/***/ 17:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("7435");
@@ -1947,14 +1960,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";
@@ -2205,7 +2218,7 @@ component.options.__file = "packages/select/src/option.vue"
 
 /***/ }),
 
-/***/ 37:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = __webpack_require__("8bbc");
@@ -2233,7 +2246,7 @@ module.exports = __webpack_require__("6b7c");
 
 /***/ }),
 
-/***/ 61:
+/***/ 62:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2399,7 +2412,7 @@ var render = function() {
                             return null
                           }
                           $event.preventDefault()
-                          _vm.navigateOptions("next")
+                          _vm.handleNavigate("next")
                         },
                         function($event) {
                           if (
@@ -2412,7 +2425,7 @@ var render = function() {
                             return null
                           }
                           $event.preventDefault()
-                          _vm.navigateOptions("prev")
+                          _vm.handleNavigate("prev")
                         },
                         function($event) {
                           if (
@@ -2505,11 +2518,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 (
@@ -2523,7 +2540,7 @@ var render = function() {
                 }
                 $event.stopPropagation()
                 $event.preventDefault()
-                _vm.navigateOptions("next")
+                _vm.handleNavigate("next")
               },
               function($event) {
                 if (
@@ -2537,7 +2554,7 @@ var render = function() {
                 }
                 $event.stopPropagation()
                 $event.preventDefault()
-                _vm.navigateOptions("prev")
+                _vm.handleNavigate("prev")
               },
               function($event) {
                 if (
@@ -2573,9 +2590,6 @@ var render = function() {
                 _vm.visible = false
               }
             ],
-            paste: function($event) {
-              return _vm.debouncedOnInputChange($event)
-            },
             mouseenter: function($event) {
               _vm.inputHovering = true
             },
@@ -2861,10 +2875,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"
@@ -2872,7 +2886,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"
@@ -2883,7 +2897,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"
@@ -3092,6 +3106,8 @@ var shared_ = __webpack_require__(21);
 //
 //
 //
+//
+//
 
 
 
@@ -3389,6 +3405,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;
 
@@ -3474,7 +3495,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
@@ -3514,10 +3535,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 {
@@ -3591,8 +3612,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');
         }
@@ -4113,13 +4135,6 @@ exports.PopupManager = _popupManager2.default;
 
 /***/ }),
 
-/***/ "58e9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5924":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -4231,7 +4246,7 @@ function addClass(el, cls) {
     }
   }
   if (!el.classList) {
-    el.className = curClass;
+    el.setAttribute('class', curClass);
   }
 };
 
@@ -4252,7 +4267,7 @@ function removeClass(el, cls) {
     }
   }
   if (!el.classList) {
-    el.className = trim(curClass);
+    el.setAttribute('class', trim(curClass));
   }
 };
 
@@ -4316,10 +4331,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) {
@@ -4361,7 +4376,14 @@ var isInContainer = exports.isInContainer = function isInContainer(el, container
 
 /***/ }),
 
-/***/ "5ca3":
+/***/ "5a3b":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.regexp.test.js");
+
+/***/ }),
+
+/***/ "5ac6":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -5733,7 +5755,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 79);
+/******/ 	return __webpack_require__(__webpack_require__.s = 89);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -5847,7 +5869,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 79:
+/***/ 89:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5926,7 +5948,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;
@@ -6127,7 +6151,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 74);
+/******/ 	return __webpack_require__(__webpack_require__.s = 78);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -6262,7 +6286,7 @@ module.exports = __webpack_require__("8bbf");
 
 /***/ }),
 
-/***/ 74:
+/***/ 78:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6686,6 +6710,20 @@ exports.default = {
 
 /***/ }),
 
+/***/ "712c":
+/***/ (function(module, exports) {
+
+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");
+
+/***/ }),
+
 /***/ "7435":
 /***/ (function(module, exports) {
 
@@ -6700,6 +6738,13 @@ module.exports = require("throttle-debounce/debounce");
 
 /***/ }),
 
+/***/ "7a9a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "7b31":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6787,7 +6832,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 102);
+/******/ 	return __webpack_require__(__webpack_require__.s = 117);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -6894,7 +6939,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 102:
+/***/ 117:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7097,7 +7142,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 86);
+/******/ 	return __webpack_require__(__webpack_require__.s = 93);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -7211,7 +7256,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 86:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7601,6 +7646,31 @@ function objToArray(obj) {
   return isEmpty(obj) ? [] : [obj];
 }
 
+/***/ }),
+
+/***/ "82cc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "831f":
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce");
+
+/***/ }),
+
+/***/ "83af":
+/***/ (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_SvgLegends_vue_vue_type_style_index_0_id_3d3218c8_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("82cc");
+/* 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_SvgLegends_vue_vue_type_style_index_0_id_3d3218c8_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_SvgLegends_vue_vue_type_style_index_0_id_3d3218c8_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8535":
@@ -7704,7 +7774,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 68);
+/******/ 	return __webpack_require__(__webpack_require__.s = 73);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -7825,14 +7895,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";
@@ -7980,7 +8057,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
@@ -8044,7 +8121,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) {
@@ -8202,7 +8279,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) {
@@ -8235,13 +8312,6 @@ var src_Loading = function Loading() {
 
 /***/ }),
 
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("8bbf");
-
-/***/ }),
-
 /***/ 9:
 /***/ (function(module, exports) {
 
@@ -8340,7 +8410,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 124);
+/******/ 	return __webpack_require__(__webpack_require__.s = 132);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -8447,7 +8517,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 124:
+/***/ 132:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8569,13 +8639,6 @@ module.exports = require("vue");
 
 /***/ }),
 
-/***/ "940c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "97d3":
 /***/ (function(module, exports) {
 
@@ -8665,17 +8728,6 @@ var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
  *    https://github.com/Matt-Esch/string-template/index.js
  */
 
-/***/ }),
-
-/***/ "9e82":
-/***/ (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_514dd6be_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0242");
-/* 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_514dd6be_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_514dd6be_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a1cc":
@@ -8772,7 +8824,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 109);
+/******/ 	return __webpack_require__(__webpack_require__.s = 103);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -8879,7 +8931,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 109:
+/***/ 103:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9021,6 +9073,24 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
+/***/ "a79a":
+/***/ (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_SelectionsGroup_vue_vue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("400b");
+/* 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_SelectionsGroup_vue_vue_type_style_index_0_id_f6ac6e34_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_SelectionsGroup_vue_vue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "a9ee":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.json.stringify.js");
+
+/***/ }),
+
 /***/ "aaa5":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -9040,17 +9110,6 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 module.exports = require("css-element-queries/src/ResizeSensor");
 
-/***/ }),
-
-/***/ "b191":
-/***/ (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_58832c92_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("940c");
-/* 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_58832c92_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_58832c92_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b2d6":
@@ -9177,6 +9236,9 @@ exports.default = {
     popconfirm: {
       confirmButtonText: 'Yes',
       cancelButtonText: 'No'
+    },
+    empty: {
+      description: 'No Data'
     }
   }
 };
@@ -9190,10 +9252,14 @@ exports.default = {
 
 /***/ }),
 
-/***/ "b94f":
-/***/ (function(module, exports) {
+/***/ "b64b":
+/***/ (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_6d6dee76_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("21d1");
+/* 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_6d6dee76_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_6d6dee76_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-module.exports = require("core-js/modules/web.url.js");
 
 /***/ }),
 
@@ -9202,17 +9268,6 @@ module.exports = require("core-js/modules/web.url.js");
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "c033":
-/***/ (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_MultiFlatmapVuer_vue_vue_type_style_index_0_id_6b4bad1c_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("58e9");
-/* 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_6b4bad1c_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_6b4bad1c_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "c2cc":
@@ -9302,12 +9357,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";
@@ -9397,13 +9452,6 @@ col.install = function (Vue) {
 
 /***/ }),
 
-/***/ "c4c7":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "c56a":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -9533,7 +9581,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 113);
+/******/ 	return __webpack_require__(__webpack_require__.s = 119);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -9640,7 +9688,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 113:
+/***/ 119:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9819,6 +9867,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__) {
 
@@ -9906,7 +9961,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 83);
+/******/ 	return __webpack_require__(__webpack_require__.s = 91);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -10020,7 +10075,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 83:
+/***/ 91:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10591,7 +10646,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 53);
+/******/ 	return __webpack_require__(__webpack_require__.s = 54);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -10705,7 +10760,7 @@ module.exports = __webpack_require__("8122");
 
 /***/ }),
 
-/***/ 33:
+/***/ 34:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10963,12 +11018,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 */
@@ -10982,6 +11037,17 @@ _select_src_option__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].install = fun
 
 /******/ });
 
+/***/ }),
+
+/***/ "e8bf":
+/***/ (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_DynamicLegends_vue_vue_type_style_index_0_id_7ea6eb51_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f765");
+/* 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_DynamicLegends_vue_vue_type_style_index_0_id_7ea6eb51_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_DynamicLegends_vue_vue_type_style_index_0_id_7ea6eb51_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e974":
@@ -11205,6 +11271,17 @@ module.exports = require("core-js/modules/es.array.slice.js");
 
 module.exports = require("core-js/modules/es.object.keys.js");
 
+/***/ }),
+
+/***/ "ec09":
+/***/ (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_0d8bc999_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4d90");
+/* 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_0d8bc999_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_0d8bc999_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ec71":
@@ -11301,7 +11378,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 97);
+/******/ 	return __webpack_require__(__webpack_require__.s = 96);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -11408,7 +11485,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 97:
+/***/ 96:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11522,7 +11599,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;
     }
   },
 
@@ -11700,6 +11777,9 @@ exports.default = {
     popconfirm: {
       confirmButtonText: '确定',
       cancelButtonText: '取消'
+    },
+    empty: {
+      description: '暂无数据'
     }
   }
 };
@@ -11793,7 +11873,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 76);
+/******/ 	return __webpack_require__(__webpack_require__.s = 75);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -11921,7 +12001,7 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
-/***/ 76:
+/***/ 75:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12563,15 +12643,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);
@@ -12793,7 +12876,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 116);
+/******/ 	return __webpack_require__(__webpack_require__.s = 88);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -12900,7 +12983,14 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 116:
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = __webpack_require__("d010");
+
+/***/ }),
+
+/***/ 88:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12970,7 +13060,8 @@ var render = function() {
               "aria-hidden": "true",
               name: _vm.name,
               disabled: _vm.isDisabled,
-              tabindex: "-1"
+              tabindex: "-1",
+              autocomplete: "off"
             },
             domProps: {
               value: _vm.label,
@@ -13067,6 +13158,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 //
 //
 //
+//
 
 
 
@@ -13193,13 +13285,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");
-
 /***/ })
 
 /******/ });
@@ -13213,6 +13298,13 @@ module.exports = __webpack_require__("d010");
 
 /***/ }),
 
+/***/ "f765":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f989":
 /***/ (function(module, exports) {
 
@@ -13255,16 +13347,495 @@ 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":"6f2858b2-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=20b4e460&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],ref:"flatmapContainer",staticClass:"flatmap-container",attrs:{"element-loading-text":"Loading...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.3)"}},[_c('map-svg-sprite-color'),_c('div',{staticStyle:{"height":"100%","width":"100%","position":"relative","overflow-y":"none"}},[_c('div',{ref:"display",staticStyle:{"height":"100%","width":"100%"}}),_c('div',{staticClass:"beta-popovers"},[_c('div',[_c('el-popover',{ref:"warningPopover",attrs:{"content":_vm.isLegacy ? 'This is a legacy map, you may view the latest map instead.' : _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)}}},[(_vm.isLegacy)?[_c('span',{staticClass:"warning-text"},[_vm._v("Legacy Map")]),_c('div',{staticClass:"latest-map-text",on:{"click":_vm.viewLatestMap}},[_vm._v("Click here for the latest map")])]:[_c('span',{staticClass:"warning-text"},[_vm._v("Beta")])]],2):_vm._e()],1),(_vm.displayLatestChanges)?_c('el-popover',{ref:"latestChangesPopover",attrs:{"content":_vm.latestChangesMessage,"placement":"right","appendToBody":false,"trigger":"manual","popper-class":"warning-popper flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[7].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[7], "value", $$v)},expression:"hoverVisibilities[7].value"}}):_vm._e(),(_vm.displayLatestChanges && _vm.latestChangesMessage)?_c('i',{directives:[{name:"popover",rawName:"v-popover:latestChangesPopover",arg:"latestChangesPopover"}],staticClass:"el-icon-warning latest-changesicon",on:{"mouseover":function($event){return _vm.showToolitip(7)},"mouseout":function($event){return _vm.hideToolitip(7)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("What's new?")])]):_vm._e()],1),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.minimapResizeShow),expression:"minimapResizeShow"}],ref:"minimapResize",staticClass:"el-icon-arrow-down minimap-resize",class:{ enlarge: _vm.minimapSmall, shrink: !_vm.minimapSmall},on:{"click":_vm.closeMinimap}}),_c('div',{staticClass:"bottom-right-control"},[_c('el-popover',{attrs:{"content":"Zoom in","placement":"left","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper left-popper"},model:{value:(_vm.hoverVisibilities[0].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[0], "value", $$v)},expression:"hoverVisibilities[0].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomIn",attrs:{"slot":"reference","icon":"zoomIn"},nativeOn:{"click":function($event){return _vm.zoomIn()},"mouseover":function($event){return _vm.showToolitip(0)},"mouseout":function($event){return _vm.hideToolitip(0)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Zoom out","placement":"top-end","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-zoomout"},model:{value:(_vm.hoverVisibilities[1].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[1], "value", $$v)},expression:"hoverVisibilities[1].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomOut",attrs:{"slot":"reference","icon":"zoomOut"},nativeOn:{"click":function($event){return _vm.zoomOut()},"mouseover":function($event){return _vm.showToolitip(1)},"mouseout":function($event){return _vm.hideToolitip(1)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Reset","placement":"top","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper"},model:{value:(_vm.hoverVisibilities[2].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[2], "value", $$v)},expression:"hoverVisibilities[2].value"}},[_c('div',[_vm._v(" Fit to "),_c('br'),_vm._v(" window ")]),_c('map-svg-icon',{staticClass:"icon-button fitWindow",attrs:{"slot":"reference","icon":"fitWindow"},nativeOn:{"click":function($event){return _vm.resetView()},"mouseover":function($event){return _vm.showToolitip(2)},"mouseout":function($event){return _vm.hideToolitip(2)}},slot:"reference"})],1)],1),_c('el-popover',{ref:"checkBoxPopover",attrs:{"content":"Change pathway visibility","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[4].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[4], "value", $$v)},expression:"hoverVisibilities[4].value"}}),_c('div',{staticClass:"pathway-location",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen }},[(_vm.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=20b4e460&scoped=true&
-
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
-var es_symbol_js_ = __webpack_require__("9b22");
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e8f1c40a-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=66e8be2a&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    ref: "flatmapContainer",
+    staticClass: "flatmap-container",
+    attrs: {
+      "element-loading-text": "Loading...",
+      "element-loading-spinner": "el-icon-loading",
+      "element-loading-background": "rgba(0, 0, 0, 0.3)"
+    }
+  }, [_c('map-svg-sprite-color'), _c('div', {
+    staticStyle: {
+      "height": "100%",
+      "width": "100%",
+      "position": "relative",
+      "overflow-y": "none"
+    }
+  }, [_c('div', {
+    ref: "display",
+    staticStyle: {
+      "height": "100%",
+      "width": "100%"
+    }
+  }), _c('div', {
+    staticClass: "beta-popovers"
+  }, [_c('div', [_c('el-popover', {
+    ref: "warningPopover",
+    attrs: {
+      "content": _vm.isLegacy ? 'This is a legacy map, you may view the latest map instead.' : _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);
+      }
+    }
+  }, [_vm.isLegacy ? [_c('span', {
+    staticClass: "warning-text"
+  }, [_vm._v("Legacy Map")]), _c('div', {
+    staticClass: "latest-map-text",
+    on: {
+      "click": _vm.viewLatestMap
+    }
+  }, [_vm._v("Click here for the latest map")])] : [_c('span', {
+    staticClass: "warning-text"
+  }, [_vm._v("Beta")])]], 2) : _vm._e()], 1), _vm.displayLatestChanges ? _c('el-popover', {
+    ref: "latestChangesPopover",
+    attrs: {
+      "content": _vm.latestChangesMessage,
+      "placement": "right",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "warning-popper flatmap-popper right-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[7].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[7], "value", $$v);
+      },
+      expression: "hoverVisibilities[7].value"
+    }
+  }) : _vm._e(), _vm.displayLatestChanges && _vm.latestChangesMessage ? _c('i', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:latestChangesPopover",
+      arg: "latestChangesPopover"
+    }],
+    staticClass: "el-icon-warning latest-changesicon",
+    on: {
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(7);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(7);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "warning-text"
+  }, [_vm._v("What's new?")])]) : _vm._e()], 1), _c('i', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.minimapResizeShow,
+      expression: "minimapResizeShow"
+    }],
+    ref: "minimapResize",
+    staticClass: "el-icon-arrow-down minimap-resize",
+    class: {
+      enlarge: _vm.minimapSmall,
+      shrink: !_vm.minimapSmall
+    },
+    on: {
+      "click": _vm.closeMinimap
+    }
+  }), _c('div', {
+    staticClass: "bottom-right-control"
+  }, [_c('el-popover', {
+    attrs: {
+      "content": "Zoom in",
+      "placement": "left",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper left-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[0].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[0], "value", $$v);
+      },
+      expression: "hoverVisibilities[0].value"
+    }
+  }, [_c('map-svg-icon', {
+    staticClass: "icon-button zoomIn",
+    attrs: {
+      "slot": "reference",
+      "icon": "zoomIn"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.zoomIn();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(0);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(0);
+      }
+    },
+    slot: "reference"
+  })], 1), _c('el-popover', {
+    attrs: {
+      "content": "Zoom out",
+      "placement": "top-end",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper popper-zoomout"
+    },
+    model: {
+      value: _vm.hoverVisibilities[1].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[1], "value", $$v);
+      },
+      expression: "hoverVisibilities[1].value"
+    }
+  }, [_c('map-svg-icon', {
+    staticClass: "icon-button zoomOut",
+    attrs: {
+      "slot": "reference",
+      "icon": "zoomOut"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.zoomOut();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(1);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(1);
+      }
+    },
+    slot: "reference"
+  })], 1), _c('el-popover', {
+    attrs: {
+      "content": "Reset",
+      "placement": "top",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[2].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[2], "value", $$v);
+      },
+      expression: "hoverVisibilities[2].value"
+    }
+  }, [_c('div', [_vm._v(" Fit to "), _c('br'), _vm._v(" window ")]), _c('map-svg-icon', {
+    staticClass: "icon-button fitWindow",
+    attrs: {
+      "slot": "reference",
+      "icon": "fitWindow"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.resetView();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(2);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(2);
+      }
+    },
+    slot: "reference"
+  })], 1)], 1), _c('el-popover', {
+    ref: "checkBoxPopover",
+    attrs: {
+      "content": "Change pathway visibility",
+      "placement": "right",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper right-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[4].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[4], "value", $$v);
+      },
+      expression: "hoverVisibilities[4].value"
+    }
+  }), _c('div', {
+    staticClass: "pathway-location",
+    class: {
+      open: _vm.drawerOpen,
+      close: !_vm.drawerOpen
+    }
+  }, [_vm.pathControls ? _c('div', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:checkBoxPopover",
+      arg: "checkBoxPopover"
+    }],
+    staticClass: "pathway-container",
+    style: {
+      'max-height': _vm.pathwaysMaxHeight + 'px'
+    }
+  }, [!_vm.isFC ? _c('svg-legends', {
+    staticClass: "svg-legends-container"
+  }) : _vm._e(), _c('el-popover', {
+    ref: "markerPopover",
+    attrs: {
+      "content": "Find these markers for data",
+      "placement": "right",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper popper-bump-right  right-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[5].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[5], "value", $$v);
+      },
+      expression: "hoverVisibilities[5].value"
+    }
+  }), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.hoverVisibilities[5].value,
+      expression: "hoverVisibilities[5].value"
+    }, {
+      name: "popover",
+      rawName: "v-popover:markerPopover",
+      arg: "markerPopover"
+    }],
+    staticClass: "flatmap-marker-help",
+    domProps: {
+      "innerHTML": _vm._s(_vm.flatmapMarker)
+    }
+  }), _vm.isFC && _vm.systems && _vm.systems.length > 0 ? _c('dynamic-legends', {
+    key: "systemslegends",
+    attrs: {
+      "title": "Systems",
+      "identifierKey": "name",
+      "lists": _vm.systems
+    }
+  }) : _vm._e(), !_vm.isFC && _vm.centreLines && _vm.centreLines.length > 0 ? _c('selections-group', {
+    key: "centrelinesSelection",
+    ref: "centrelinesSelection",
+    attrs: {
+      "title": "Centrelines",
+      "labelKey": "label",
+      "identifierKey": "key",
+      "selections": _vm.centreLines
+    },
+    on: {
+      "changed": _vm.centreLinesSelected
+    }
+  }) : _vm._e(), _vm.isFC && _vm.sckanDisplay && _vm.sckanDisplay.length > 0 ? _c('selections-group', {
+    key: "skcanSelection",
+    ref: "skcanSelection",
+    attrs: {
+      "title": "SCKAN",
+      "labelKey": "label",
+      "identifierKey": "key",
+      "selections": _vm.sckanDisplay
+    },
+    on: {
+      "changed": _vm.sckanSelected,
+      "checkAll": _vm.checkAllSCKAN
+    }
+  }) : _vm._e(), _vm.layers && _vm.layers.length > 0 ? _c('selections-group', {
+    key: "layersSelection",
+    ref: "layersSelection",
+    attrs: {
+      "title": "Layers",
+      "labelKey": "description",
+      "identifierKey": "id",
+      "selections": _vm.layers
+    },
+    on: {
+      "changed": _vm.layersSelected,
+      "checkAll": _vm.checkAllLayers
+    }
+  }) : _vm._e(), _vm.pathways && _vm.pathways.length > 0 ? _c('selections-group', {
+    key: "pathwaysSelection",
+    ref: "pathwaysSelection",
+    attrs: {
+      "title": "Pathways",
+      "labelKey": "label",
+      "identifierKey": "type",
+      "selections": _vm.pathways
+    },
+    on: {
+      "changed": _vm.pathwaysSelected,
+      "checkAll": _vm.checkAllPathways
+    }
+  }) : _vm._e()], 1) : _vm._e(), _c('div', {
+    staticClass: "drawer-button",
+    class: {
+      open: _vm.drawerOpen,
+      close: !_vm.drawerOpen
+    },
+    on: {
+      "click": _vm.toggleDrawer
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-left"
+  })])]), _c('el-popover', {
+    ref: "backgroundPopover",
+    attrs: {
+      "placement": "top-start",
+      "width": "175",
+      "appendToBody": false,
+      "trigger": "click",
+      "popper-class": "background-popper"
+    }
+  }, [_c('el-row', {
+    staticClass: "backgroundText"
+  }, [_vm._v("Organs display")]), _c('el-row', {
+    staticClass: "backgroundControl"
+  }, [_c('el-radio-group', {
+    staticClass: "flatmap-radio",
+    on: {
+      "change": _vm.setColour
+    },
+    model: {
+      value: _vm.colourRadio,
+      callback: function callback($$v) {
+        _vm.colourRadio = $$v;
+      },
+      expression: "colourRadio"
+    }
+  }, [_c('el-radio', {
+    attrs: {
+      "label": true
+    }
+  }, [_vm._v("Colour")]), _c('el-radio', {
+    attrs: {
+      "label": false
+    }
+  }, [_vm._v("Greyscale")])], 1)], 1), _c('el-row', {
+    staticClass: "backgroundSpacer"
+  }), _c('el-row', {
+    staticClass: "backgroundText"
+  }, [_vm._v("Outlines display")]), _c('el-row', {
+    staticClass: "backgroundControl"
+  }, [_c('el-radio-group', {
+    staticClass: "flatmap-radio",
+    on: {
+      "change": _vm.setOutlines
+    },
+    model: {
+      value: _vm.outlinesRadio,
+      callback: function callback($$v) {
+        _vm.outlinesRadio = $$v;
+      },
+      expression: "outlinesRadio"
+    }
+  }, [_c('el-radio', {
+    attrs: {
+      "label": true
+    }
+  }, [_vm._v("Show")]), _c('el-radio', {
+    attrs: {
+      "label": false
+    }
+  }, [_vm._v("Hide")])], 1)], 1), _c('el-row', {
+    staticClass: "backgroundSpacer"
+  }), _c('el-row', {
+    staticClass: "backgroundText"
+  }, [_vm._v("Change background")]), _c('el-row', {
+    staticClass: "backgroundControl"
+  }, _vm._l(_vm.availableBackground, function (item) {
+    return _c('div', {
+      key: item,
+      class: ['backgroundChoice', item, item == _vm.currentBackground ? 'active' : ''],
+      on: {
+        "click": function click($event) {
+          return _vm.backgroundChangeCallback(item);
+        }
+      }
+    });
+  }), 0)], 1), _c('el-popover', {
+    attrs: {
+      "content": "Change settings",
+      "placement": "right",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper right-popper"
+    },
+    model: {
+      value: _vm.hoverVisibilities[3].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[3], "value", $$v);
+      },
+      expression: "hoverVisibilities[3].value"
+    }
+  }, [_c('map-svg-icon', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:backgroundPopover",
+      arg: "backgroundPopover"
+    }],
+    staticClass: "icon-button background-colour",
+    class: {
+      open: _vm.drawerOpen,
+      close: !_vm.drawerOpen
+    },
+    attrs: {
+      "slot": "reference",
+      "icon": "changeBckgd"
+    },
+    nativeOn: {
+      "mouseover": function mouseover($event) {
+        return _vm.showToolitip(3);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideToolitip(3);
+      }
+    },
+    slot: "reference"
+  })], 1), _c('Tooltip', {
+    ref: "tooltip",
+    staticClass: "tooltip",
+    attrs: {
+      "content": _vm.tooltipContent
+    },
+    on: {
+      "resource-selected": _vm.resourceSelected
+    }
+  })], 1)], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=66e8be2a&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");
 
@@ -13283,6 +13854,9 @@ 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");
 
@@ -13292,14 +13866,18 @@ 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
@@ -13309,6 +13887,8 @@ function _arrayLikeToArray(arr, len) {
 
 
 
+
+
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -13326,16 +13906,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() {
@@ -13353,13 +13931,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);
@@ -13420,22 +13996,8 @@ var col = __webpack_require__("f4f9");
 var lib_col = __webpack_require__("c2cc");
 var lib_col_default = /*#__PURE__*/__webpack_require__.n(lib_col);
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/checkbox-group.css
-var checkbox_group = __webpack_require__("d4df");
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/checkbox-group.js
-var lib_checkbox_group = __webpack_require__("7fc1");
-var lib_checkbox_group_default = /*#__PURE__*/__webpack_require__.n(lib_checkbox_group);
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/checkbox.css
-var theme_chalk_checkbox = __webpack_require__("560b");
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/checkbox.js
-var lib_checkbox = __webpack_require__("dcdc");
-var lib_checkbox_default = /*#__PURE__*/__webpack_require__.n(lib_checkbox);
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
-var es_array_map_js_ = __webpack_require__("4391");
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
+var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
 var es_array_includes_js_ = __webpack_require__("85f7");
@@ -13443,14 +14005,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/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__("2439");
 
 // EXTERNAL MODULE: external "core-js/modules/es.set.js"
 var es_set_js_ = __webpack_require__("8535");
@@ -13465,10 +14021,156 @@ 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":"6f2858b2-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=6d6dee76&scoped=true&
-var Tooltipvue_type_template_id_6d6dee76_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._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.content.featureIds)?_c('pubmed-viewer',{directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],attrs:{"entry":_vm.content},on:{"pubmedSearchUrl":_vm.pubmedSearchUrlUpdate}}):_vm._e(),(_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_6d6dee76_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e8f1c40a-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=6d6dee76&scoped=true&
+var Tooltipvue_type_template_id_6d6dee76_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._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.content.featureIds ? _c('pubmed-viewer', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: false,
+      expression: "false"
+    }],
+    attrs: {
+      "entry": _vm.content
+    },
+    on: {
+      "pubmedSearchUrl": _vm.pubmedSearchUrlUpdate
+    }
+  }) : _vm._e(), _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_6d6dee76_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=6d6dee76&scoped=true&
 
@@ -13490,6 +14192,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.");
 }
@@ -13539,9 +14242,18 @@ 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.map.js"
+var es_array_map_js_ = __webpack_require__("4391");
+
 // 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");
 
@@ -13559,20 +14271,25 @@ 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":"6f2858b2-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=58832c92&scoped=true&
-var PubmedViewervue_type_template_id_58832c92_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pubmed-container"})}
-var PubmedViewervue_type_template_id_58832c92_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e8f1c40a-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=58832c92&scoped=true&
+var PubmedViewervue_type_template_id_58832c92_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "pubmed-container"
+  });
+};
+var PubmedViewervue_type_template_id_58832c92_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=template&id=58832c92&scoped=true&
 
-// 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&
 
 
 
@@ -13583,16 +14300,8 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
 
 
 
-
-//
-//
-//
-//
-//
-//
-//
-
 /* eslint-disable no-alert, no-console */
+
 /* harmony default export */ var PubmedViewervue_type_script_lang_js_ = ({
   name: "Tooltip",
   props: {
@@ -13624,7 +14333,6 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
     },
     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) {
@@ -13632,7 +14340,6 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
           sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
         }
       }
-
       return sql;
     },
     buildPubmedSqlStatementForModels: function buildPubmedSqlStatementForModels(model) {
@@ -13656,12 +14363,11 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
     },
     pubmedQueryOnIds: function pubmedQueryOnIds(keastIds) {
       var _this = this;
-
       if (!keastIds || keastIds.length === 0) return;
       var sql = this.buildPubmedSqlStatement(keastIds);
       this.flatmapQuery(sql).then(function (data) {
-        _this.responseData = data; // Create pubmed url on paths if we have them
-
+        _this.responseData = data;
+        // Create pubmed url on paths if we have them
         if (data.values.length > 0) {
           _this.$emit('pubmedSearchUrl', _this.pubmedSearchUrl(data.values.map(function (id) {
             return _this.stripPMIDPrefix(id[0]);
@@ -13674,7 +14380,6 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
     },
     pubmedQueryOnModels: function pubmedQueryOnModels(source) {
       var _this2 = this;
-
       this.flatmapQuery(this.buildPubmedSqlStatementForModels(source)).then(function (data) {
         if (Array.isArray(data.values) && data.values.length > 0) {
           _this2.$emit('pubmedSearchUrl', _this2.pubmedSearchUrl(data.values.map(function (id) {
@@ -13682,10 +14387,10 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
           })));
         } else {
           _this2.$emit('pubmedSearchUrl', ''); // Clears the pubmed search button 
-
         }
       });
     },
+
     pubmedSearchUrl: function pubmedSearchUrl(ids) {
       var url = 'https://pubmed.ncbi.nlm.nih.gov/?';
       var params = new URLSearchParams();
@@ -13696,8 +14401,8 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
 });
 // 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=58832c92&scoped=true&lang=scss&
-var PubmedViewervue_type_style_index_0_id_58832c92_scoped_true_lang_scss_ = __webpack_require__("b191");
+// EXTERNAL MODULE: ./src/components/PubmedViewer.vue?vue&type=style&index=0&id=58832c92&prod&scoped=true&lang=scss&
+var PubmedViewervue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss_ = __webpack_require__("233b");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -13706,20 +14411,19 @@ var PubmedViewervue_type_style_index_0_id_58832c92_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) {
@@ -13739,7 +14443,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -13765,11 +14470,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
   }
 
@@ -13780,16 +14485,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]
     }
   }
 
@@ -13824,7 +14527,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&
+
+
 
 
 
@@ -13858,86 +14563,6 @@ var EventBus = new external_vue_default.a();
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -13948,9 +14573,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) {
@@ -13958,14 +14583,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);
@@ -13973,12 +14597,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
@@ -14079,10 +14701,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)) {
@@ -14095,10 +14714,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)) {
@@ -14111,21 +14727,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);
         }
@@ -14134,7 +14747,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) {
@@ -14143,7 +14755,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) {
@@ -14151,12 +14762,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) {
@@ -14164,12 +14773,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 = {
@@ -14186,24 +14793,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);
         }
@@ -14212,7 +14815,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) {
@@ -14222,20 +14824,21 @@ var _capitalise = function capitalise(str) {
           }
         });
       }
-
       return label;
     },
     processConnectivity: function processConnectivity(connectivity) {
       var _this4 = this;
-
       // Filter the origin and destinations from components
-      var components = this.findComponents(connectivity); // Remove duplicates
+      var components = this.findComponents(connectivity);
 
+      // Remove duplicates
       var axons = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.axons);
-      var dendrites = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.dendrites); // Create list of ids to get labels for
+      var dendrites = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.dendrites);
 
-      var conIds = this.findAllIdsFromConnectivity(connectivity); // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
+      // Create list of ids to get labels for
+      var conIds = this.findAllIdsFromConnectivity(connectivity);
 
+      // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
       this.createLabelLookup(conIds).then(function (lookUp) {
         _this4.destinations = axons.map(function (a) {
           return _this4.createLabelFromNeuralNode(a, lookUp);
@@ -14253,8 +14856,9 @@ var _capitalise = function capitalise(str) {
       // process the nodes for finding datasets (Note this is not critical to the tooltip, only for the 'search on components' button)
       var componentsFlat = this.flattenConntectivity(components);
       var axonsFlat = this.flattenConntectivity(axons);
-      var dendritesFlat = this.flattenConntectivity(dendrites); // Filter for the anatomy which is annotated on datasets
+      var dendritesFlat = this.flattenConntectivity(dendrites);
 
+      // Filter for the anatomy which is annotated on datasets
       this.destinationsWithDatasets = this.uberons.filter(function (ub) {
         return axonsFlat.indexOf(ub.id) !== -1;
       });
@@ -14267,7 +14871,6 @@ var _capitalise = function capitalise(str) {
     },
     pathwayQuery: function pathwayQuery(keastIds) {
       var _this5 = this;
-
       this.destinations = [];
       this.origins = [];
       this.components = [];
@@ -14286,9 +14889,7 @@ var _capitalise = function capitalise(str) {
         return response.json();
       }).then(function (data) {
         var connectivity = JSON.parse(data.values[0][0]);
-
         _this5.processConnectivity(connectivity);
-
         _this5.loading = false;
       }).catch(function (error) {
         console.error('Error:', error);
@@ -14298,8 +14899,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=6d6dee76&scoped=true&lang=scss&
-var Tooltipvue_type_style_index_0_id_6d6dee76_scoped_true_lang_scss_ = __webpack_require__("13aa");
+// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=6d6dee76&prod&scoped=true&lang=scss&
+var Tooltipvue_type_style_index_0_id_6d6dee76_prod_scoped_true_lang_scss_ = __webpack_require__("b64b");
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue
 
@@ -14322,48 +14923,227 @@ var Tooltip_component = normalizeComponent(
 )
 
 /* 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":"e8f1c40a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectionsGroup.vue?vue&type=template&id=f6ac6e34&scoped=true&
+var SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "selections-container"
+  }, [_c('el-row', [_c('el-col', {
+    attrs: {
+      "span": 12
+    }
+  }, [_c('div', {
+    staticClass: "checkall-display-text"
+  }, [_vm._v(_vm._s(_vm.title))])]), _c('el-col', {
+    attrs: {
+      "span": 12
+    }
+  }, [_vm.selections && _vm.selections.length > 1 ? _c('el-checkbox', {
+    staticClass: "all-checkbox",
+    attrs: {
+      "indeterminate": _vm.isIndeterminate
+    },
+    on: {
+      "change": _vm.handleCheckAllChange
+    },
+    model: {
+      value: _vm.checkAll,
+      callback: function callback($$v) {
+        _vm.checkAll = $$v;
+      },
+      expression: "checkAll"
+    }
+  }, [_vm._v("Display all")]) : _vm._e()], 1)], 1), _c('el-checkbox-group', {
+    staticClass: "checkbox-group",
+    attrs: {
+      "size": "small"
+    },
+    on: {
+      "change": _vm.handleCheckedItemsChange
+    },
+    model: {
+      value: _vm.checkedItems,
+      callback: function callback($$v) {
+        _vm.checkedItems = $$v;
+      },
+      expression: "checkedItems"
+    }
+  }, [_c('div', {
+    staticClass: "checkbox-group-inner"
+  }, _vm._l(_vm.selections, function (item) {
+    return _c('el-row', {
+      key: item[_vm.identifierKey],
+      attrs: {
+        "label": item[_vm.identifierKey]
+      }
+    }, [_c('div', {
+      staticClass: "checkbox-container"
+    }, [_c('el-checkbox', {
+      staticClass: "my-checkbox",
+      attrs: {
+        "label": item[_vm.identifierKey],
+        "checked": !('enable' in item && item.enable === false)
+      },
+      on: {
+        "change": function change($event) {
+          return _vm.visibilityToggle(item[_vm.identifierKey], $event);
+        }
+      }
+    }, [_c('div', {
+      staticClass: "path-visual",
+      style: _vm.getVisualStyles(item)
+    }), _vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")])], 1)]);
+  }), 1)])], 1);
+};
+var SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/SelectionsGroup.vue?vue&type=template&id=f6ac6e34&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/checkbox-group.css
+var checkbox_group = __webpack_require__("d4df");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6f2858b2-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=514dd6be&scoped=true&
-var Legendsvue_type_template_id_514dd6be_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_514dd6be_scoped_true_staticRenderFns = []
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/checkbox-group.js
+var lib_checkbox_group = __webpack_require__("7fc1");
+var lib_checkbox_group_default = /*#__PURE__*/__webpack_require__.n(lib_checkbox_group);
 
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/checkbox.css
+var theme_chalk_checkbox = __webpack_require__("560b");
 
-// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=template&id=514dd6be&scoped=true&
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/checkbox.js
+var lib_checkbox = __webpack_require__("dcdc");
+var lib_checkbox_default = /*#__PURE__*/__webpack_require__.n(lib_checkbox);
 
-// 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: ./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/SelectionsGroup.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* eslint-disable no-alert, no-console */
+
+
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(lib_checkbox_default.a);
+external_vue_default.a.use(lib_checkbox_group_default.a);
+external_vue_default.a.use(lib_col_default.a);
+external_vue_default.a.use(lib_row_default.a);
+/* harmony default export */ var SelectionsGroupvue_type_script_lang_js_ = ({
+  name: "SelectionsGroup",
+  methods: {
+    /**
+     * Function to toggle paths to default.
+     * Also called when the associated button is pressed.
+     */
+    reset: function reset() {
+      var _this = this;
+      this.checkAll = true;
+      this.checkedItems = [];
+      this.selections.forEach(function (item) {
+        if (!('enable' in item && item.enable === false)) {
+          _this.checkedItems.push(item[_this.identifierKey]);
+        } else {
+          _this.checkAll = false;
+        }
+      });
+    },
+    visibilityToggle: function visibilityToggle(key, value) {
+      this.$emit("changed", {
+        key: key,
+        value: value
+      });
+    },
+    handleCheckedItemsChange: function handleCheckedItemsChange(value) {
+      var checkedCount = value.length;
+      this.checkAll = checkedCount === this.selections.length;
+    },
+    handleCheckAllChange: function handleCheckAllChange(val) {
+      var _this2 = this;
+      this.checkedItems = val ? this.selections.map(function (a) {
+        return a[_this2.identifierKey];
+      }) : [];
+      this.$emit("checkAll", {
+        keys: this.selections.map(function (a) {
+          return a[_this2.identifierKey];
+        }),
+        value: val
+      });
+    },
+    getVisualStyles: function getVisualStyles(item) {
+      if ('colour' in item) {
+        if ('dashed' in item && item.dashed === true) {
+          var background = "repeating-linear-gradient(90deg,".concat(item.colour, ",").concat(item.colour, " 6px,transparent 0,transparent 9px)");
+          return {
+            'background': background
+          };
+        } else {
+          var _background = item.colour;
+          return {
+            background: _background
+          };
+        }
+      }
+      return {};
+    }
+  },
+  props: {
+    identifierKey: {
+      type: String,
+      default: "id"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    selections: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  computed: {
+    isIndeterminate: function isIndeterminate() {
+      var count = this.checkedItems.length;
+      if (count === 0 || this.checkAll) {
+        return false;
+      }
+      return true;
+    }
+  },
+  data: function data() {
+    return {
+      checkedItems: [],
+      checkAll: true
+    };
+  },
+  mounted: function mounted() {
+    this.reset();
+  }
 });
-// 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=514dd6be&scoped=true&lang=scss&
-var Legendsvue_type_style_index_0_id_514dd6be_scoped_true_lang_scss_ = __webpack_require__("9e82");
+// CONCATENATED MODULE: ./src/components/SelectionsGroup.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_SelectionsGroupvue_type_script_lang_js_ = (SelectionsGroupvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/SelectionsGroup.vue?vue&type=style&index=0&id=f6ac6e34&prod&scoped=true&lang=scss&
+var SelectionsGroupvue_type_style_index_0_id_f6ac6e34_prod_scoped_true_lang_scss_ = __webpack_require__("a79a");
 
-// CONCATENATED MODULE: ./src/components/legends/Legends.vue
+// CONCATENATED MODULE: ./src/components/SelectionsGroup.vue
 
 
 
@@ -14372,24 +15152,56 @@ var Legendsvue_type_style_index_0_id_514dd6be_scoped_true_lang_scss_ = __webpack
 
 /* normalize component */
 
-var Legends_component = normalizeComponent(
-  legends_Legendsvue_type_script_lang_js_,
-  Legendsvue_type_template_id_514dd6be_scoped_true_render,
-  Legendsvue_type_template_id_514dd6be_scoped_true_staticRenderFns,
+var SelectionsGroup_component = normalizeComponent(
+  components_SelectionsGroupvue_type_script_lang_js_,
+  SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_render,
+  SelectionsGroupvue_type_template_id_f6ac6e34_scoped_true_staticRenderFns,
   false,
   null,
-  "514dd6be",
+  "f6ac6e34",
   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&
+/* harmony default export */ var SelectionsGroup = (SelectionsGroup_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":"e8f1c40a-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/DynamicLegends.vue?vue&type=template&id=7ea6eb51&scoped=true&
+var DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_c('el-row', [_c('el-col', {
+    attrs: {
+      "span": 12
+    }
+  }, [_c('div', {
+    staticClass: "title-display-text"
+  }, [_vm._v(_vm._s(_vm.title))])])], 1), _c('div', {
+    staticClass: "legends-group"
+  }, _vm._l(_vm.lists, function (item) {
+    return _c('el-row', {
+      key: item[_vm.identifierKey],
+      attrs: {
+        "label": item[_vm.identifierKey]
+      }
+    }, [_c('div', {
+      staticClass: "legends-container"
+    }, [_c('div', {
+      staticClass: "legends-visual",
+      style: {
+        background: item[_vm.colourKey]
+      }
+    }), _c('div', {
+      staticClass: "label"
+    }, [_vm._v(" " + _vm._s(_vm.capitalise(item[_vm.identifierKey])) + " ")])])]);
+  }), 1)], 1);
+};
+var DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_staticRenderFns = [];
 
+// CONCATENATED MODULE: ./src/components/legends/DynamicLegends.vue?vue&type=template&id=7ea6eb51&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/DynamicLegends.vue?vue&type=script&lang=js&
 
 
 
@@ -14397,6 +15209,186 @@ var Legends_component = normalizeComponent(
 
 
 
+/* eslint-disable no-alert, no-console */
+
+
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(lib_col_default.a);
+external_vue_default.a.use(lib_row_default.a);
+/* harmony default export */ var DynamicLegendsvue_type_script_lang_js_ = ({
+  name: "DynamicLegends",
+  props: {
+    identifierKey: {
+      type: String,
+      default: "id"
+    },
+    colourKey: {
+      type: String,
+      default: "colour"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    lists: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  methods: {
+    capitalise: function capitalise(label) {
+      return label.charAt(0).toUpperCase() + label.slice(1).toLowerCase();
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/legends/DynamicLegends.vue?vue&type=script&lang=js&
+ /* harmony default export */ var legends_DynamicLegendsvue_type_script_lang_js_ = (DynamicLegendsvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/legends/DynamicLegends.vue?vue&type=style&index=0&id=7ea6eb51&prod&scoped=true&lang=scss&
+var DynamicLegendsvue_type_style_index_0_id_7ea6eb51_prod_scoped_true_lang_scss_ = __webpack_require__("e8bf");
+
+// CONCATENATED MODULE: ./src/components/legends/DynamicLegends.vue
+
+
+
+
+
+
+/* normalize component */
+
+var DynamicLegends_component = normalizeComponent(
+  legends_DynamicLegendsvue_type_script_lang_js_,
+  DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_render,
+  DynamicLegendsvue_type_template_id_7ea6eb51_scoped_true_staticRenderFns,
+  false,
+  null,
+  "7ea6eb51",
+  null
+  
+)
+
+/* harmony default export */ var DynamicLegends = (DynamicLegends_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e8f1c40a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/SvgLegends.vue?vue&type=template&id=3d3218c8&scoped=true&
+var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "legends-container"
+  }, [_c('svg', {
+    staticStyle: {
+      "enable-background": "new 0 0 500 500"
+    },
+    attrs: {
+      "version": "1.1",
+      "id": "Layer_1",
+      "x": "0px",
+      "y": "0px",
+      "viewBox": "0 0 500 500",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:bx": "https://boxy-svg.com"
+    }
+  }, [_c('defs', [_c('bx:grid', {
+    attrs: {
+      "height": "30.447",
+      "width": "32.516",
+      "x": "0",
+      "y": "0"
+    }
+  })], 1), _c('path', {
+    staticClass: "st0 st0-translate",
+    attrs: {
+      "d": "M61.3,103.8c-15.9,0-28.8-12.3-28.8-27.3c0-15,13-27.3,28.8-27.3s28.8,12.3,28.8,27.3 C90.1,91.5,77.2,103.8,61.3,103.8z"
+    }
+  }), _c('path', {
+    staticClass: "st1",
+    attrs: {
+      "d": "M40.3,356.1C29.5,345,29.8,328,41.5,317.5c11.7-10.5,29.6-9.9,40.7,1.1c11.1,11,10.5,28.1-1.2,38.5 C69.3,367.4,51.1,366.9,40.3,356.1z"
+    }
+  }), _c('path', {
+    staticClass: "st2",
+    attrs: {
+      "d": "M61.2,396.9c-5.3,9.3-15.3,15.1-26.1,15.1l-0.4,0.6c5.1,9,5.1,20,0,29l0.4,0.6c10.7,0,20.8,5.8,26.1,15.1 c5.3-9.3,15.3-15.1,26.1-15.1c-5.3-9.3-5.3-20.9,0-30.4C76.6,412.1,66.7,406.3,61.2,396.9z"
+    }
+  }), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0161 171.7975)"
+    }
+  }, [_vm._v("Tissue region")]), _c('path', {
+    staticClass: "st6",
+    attrs: {
+      "d": "M40.9,231.1c11.3-10.6,29.5-10.6,40.8,0c11.3,10.6,11.3,27.9,0,38.5c-11.3,10.6-29.5,10.6-40.8,0 C29.7,259,29.7,241.7,40.9,231.1z"
+    }
+  }), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0161 257.675)"
+    }
+  }, [_vm._v("Brain nuclei")]), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0903 345.5266)"
+    }
+  }, [_vm._v("Ganglia")]), _c('text', {
+    staticClass: "st3 st4 st5",
+    staticStyle: {
+      "white-space": "pre"
+    },
+    attrs: {
+      "transform": "matrix(0.9908 0 0 1 118.0903 433.1613)"
+    }
+  }, [_vm._v("Nerve plexus")])])]);
+};
+var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/legends/SvgLegends.vue?vue&type=template&id=3d3218c8&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/SvgLegends.vue?vue&type=script&lang=js&
+/* harmony default export */ var SvgLegendsvue_type_script_lang_js_ = ({
+  name: 'SvgLegends'
+});
+// CONCATENATED MODULE: ./src/components/legends/SvgLegends.vue?vue&type=script&lang=js&
+ /* harmony default export */ var legends_SvgLegendsvue_type_script_lang_js_ = (SvgLegendsvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/legends/SvgLegends.vue?vue&type=style&index=0&id=3d3218c8&prod&scoped=true&lang=scss&
+var SvgLegendsvue_type_style_index_0_id_3d3218c8_prod_scoped_true_lang_scss_ = __webpack_require__("83af");
+
+// CONCATENATED MODULE: ./src/components/legends/SvgLegends.vue
+
+
+
+
+
+
+/* normalize component */
+
+var SvgLegends_component = normalizeComponent(
+  legends_SvgLegendsvue_type_script_lang_js_,
+  SvgLegendsvue_type_template_id_3d3218c8_scoped_true_render,
+  SvgLegendsvue_type_template_id_3d3218c8_scoped_true_staticRenderFns,
+  false,
+  null,
+  "3d3218c8",
+  null
+  
+)
+
+/* harmony default export */ var SvgLegends = (SvgLegends_component.exports);
+// CONCATENATED MODULE: ./src/icons/flatmap-marker.js
+/* harmony default export */ var flatmap_marker = ('<div class="flatmap-marker"><svg display="block" height="41px" width="27px" viewBox="0 0 27 41"><g fill-rule="nonzero"><g transform="translate(3.0, 29.0)" fill="#000000"><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="9.5" ry="4.77275007"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="8.5" ry="4.29549936"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="7.5" ry="3.81822308"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="6.5" ry="3.34094679"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="5.5" ry="2.86367051"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="4.5" ry="2.38636864"></ellipse></g><g fill="#005974"><path d="M27,13.5 C27,19.074644 20.250001,27.000002 14.75,34.500002 C14.016665,35.500004 12.983335,35.500004 12.25,34.500002 C6.7499993,27.000002 0,19.222562 0,13.5 C0,6.0441559 6.0441559,0 13.5,0 C20.955844,0 27,6.0441559 27,13.5 Z"></path></g><g opacity="0.25" fill="#000000"><path d="M13.5,0 C6.0441559,0 0,6.0441559 0,13.5 C0,19.222562 6.7499993,27 12.25,34.5 C13,35.522727 14.016664,35.500004 14.75,34.5 C20.250001,27 27,19.074644 27,13.5 C27,6.0441559 20.955844,0 13.5,0 Z M13.5,1 C20.415404,1 26,6.584596 26,13.5 C26,15.898657 24.495584,19.181431 22.220703,22.738281 C19.945823,26.295132 16.705119,30.142167 13.943359,33.908203 C13.743445,34.180814 13.612715,34.322738 13.5,34.441406 C13.387285,34.322738 13.256555,34.180814 13.056641,33.908203 C10.284481,30.127985 7.4148684,26.314159 5.015625,22.773438 C2.6163816,19.232715 1,15.953538 1,13.5 C1,6.584596 6.584596,1 13.5,1 Z"></path></g><g transform="translate(6.0, 7.0)" fill="#FFFFFF"></g><g transform="translate(8.0, 8.0)"><circle fill="#000000" opacity="0.25" cx="5.5" cy="5.5" r="5.4999962"></circle><circle fill="#FFFFFF" cx="5.5" cy="5.5" r="5.4999962"></circle></g></g></svg></div>');
+// CONCATENATED MODULE: ./node_modules/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&
+
+
 
 
 
@@ -14423,264 +15415,6 @@ var Legends_component = normalizeComponent(
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -14690,30 +15424,24 @@ var Legends_component = normalizeComponent(
 
 
 
+
+
 locale_default.a.use(en_default.a);
-external_vue_default.a.use(lib_checkbox_default.a);
-external_vue_default.a.use(lib_checkbox_group_default.a);
 external_vue_default.a.use(lib_col_default.a);
 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: {
+    DynamicLegends: DynamicLegends,
     MapSvgIcon: svg_sprite_["MapSvgIcon"],
     MapSvgSpriteColor: svg_sprite_["MapSvgSpriteColor"],
     Tooltip: Tooltip,
-    SvgLegends: Legends
+    SelectionsGroup: SelectionsGroup,
+    SvgLegends: SvgLegends
   },
   beforeCreate: function beforeCreate() {
     this.mapManager = undefined;
@@ -14721,12 +15449,11 @@ var mapResize = function mapResize(map) {
   },
   methods: {
     viewLatestMap: function viewLatestMap() {
-      var biologicalSex = this.biologicalSex ? this.biologicalSex : undefined; //Human requires special handling
-
+      var biologicalSex = this.biologicalSex ? this.biologicalSex : undefined;
+      //Human requires special handling
       if (this.entry === "NCBITaxon:9606") {
         biologicalSex = "PATO:0000384";
       }
-
       var state = {
         entry: this.entry,
         biologicalSex: biologicalSex,
@@ -14736,7 +15463,6 @@ var mapResize = function mapResize(map) {
     },
     backgroundChangeCallback: function backgroundChangeCallback(colour) {
       this.currentBackground = colour;
-
       if (this.mapImp) {
         this.mapImp.setBackgroundColour(this.currentBackground, 1);
       }
@@ -14744,13 +15470,11 @@ var mapResize = function mapResize(map) {
     toggleDrawer: function toggleDrawer() {
       this.drawerOpen = !this.drawerOpen;
     },
-
-    /**
-     * Function to toggle colour/greyscale of organs.
+    /**
+     * Function to toggle colour/greyscale of organs.
      */
     setColour: function setColour(flag) {
       this.colourRadio = flag;
-
       if (this.mapImp) {
         this.mapImp.setColour({
           colour: flag,
@@ -14758,13 +15482,11 @@ var mapResize = function mapResize(map) {
         });
       }
     },
-
-    /**
-     * Function to toggle outlines f organs.
+    /**
+     * Function to toggle outlines f organs.
      */
     setOutlines: function setOutlines(flag) {
       this.outlineRadio = flag;
-
       if (this.mapImp) {
         this.mapImp.setColour({
           colour: this.colourRadio,
@@ -14772,78 +15494,103 @@ var mapResize = function mapResize(map) {
         });
       }
     },
-
-    /**
-     * Function to toggle paths to default.
-     * Also called when the associated button is pressed.
+    /**
+     * Function to toggle paths to default.
+     * Also called when the associated button is pressed.
      */
     resetView: function resetView() {
       if (this.mapImp) {
         this.mapImp.resetMap();
-        this.checkedItems = this.mapImp.pathTypes().map(function (item) {
-          return item.type;
-        });
-        this.isIndeterminate = false;
-        this.checkAll = true;
+        if (this.$refs.centrelinesSelection) {
+          this.$refs.centrelinesSelection.reset();
+        }
+        if (this.$refs.skcanSelection) {
+          this.$refs.skcanSelection.reset();
+        }
+        if (this.$refs.layersSelection) {
+          this.$refs.layersSelection.reset();
+        }
+        if (this.$refs.pathwaysSelection) {
+          this.$refs.pathwaysSelection.reset();
+        }
       }
     },
-
-    /**
-     * Function to zoom in.
-     * Also called when the associated button is pressed.
+    /**
+     * Function to zoom in.
+     * Also called when the associated button is pressed.
      */
     zoomIn: function zoomIn() {
       if (this.mapImp) {
         this.mapImp.zoomIn();
       }
     },
-
-    /**
-     * Function to zoom out.
-     * Also called when the associated button is pressed.
+    /**
+     * Function to zoom out.
+     * Also called when the associated button is pressed.
      */
     zoomOut: function zoomOut() {
       if (this.mapImp) {
         this.mapImp.zoomOut();
       }
     },
-    visibilityToggle: function visibilityToggle() {
+    centreLinesSelected: function centreLinesSelected(payload) {
       if (this.mapImp) {
-        this.mapImp.showPaths(this.checkedItems);
+        this.mapImp.enableCentrelines(payload.value);
       }
     },
-    handleCheckedItemsChange: function handleCheckedItemsChange(value) {
-      var checkedCount = value.length;
-      this.checkAll = checkedCount === this.pathways.length;
-      this.isIndeterminate = checkedCount > 0 && checkedCount < this.pathways.length;
+    sckanSelected: function sckanSelected(payload) {
+      if (this.mapImp) {
+        this.mapImp.enableSckanPath(payload.key, payload.value);
+      }
     },
-    handleCheckAllChange: function handleCheckAllChange(val) {
-      this.checkedItems = val ? this.pathways.map(function (a) {
-        return a.type;
-      }) : [];
-      this.isIndeterminate = false;
-
+    checkAllSCKAN: function checkAllSCKAN(payload) {
+      var _this = this;
+      if (this.mapImp) {
+        payload.keys.forEach(function (key) {
+          return _this.mapImp.enableSckanPath(key, payload.value);
+        });
+      }
+    },
+    layersSelected: function layersSelected(payload) {
+      if (this.mapImp) {
+        this.mapImp.enableLayer(payload.key, payload.value);
+      }
+    },
+    checkAllLayers: function checkAllLayers(payload) {
+      var _this2 = this;
+      if (this.mapImp) {
+        payload.keys.forEach(function (key) {
+          return _this2.mapImp.enableLayer(key, payload.value);
+        });
+      }
+    },
+    pathwaysSelected: function pathwaysSelected(payload) {
+      if (this.mapImp) {
+        this.mapImp.enablePath(payload.key, payload.value);
+      }
+    },
+    checkAllPathways: function checkAllPathways(payload) {
+      var _this3 = this;
       if (this.mapImp) {
-        this.mapImp.showPaths(this.checkedItems);
+        payload.keys.forEach(function (key) {
+          return _this3.mapImp.enablePath(key, payload.value);
+        });
       }
     },
     enablePanZoomEvents: function enablePanZoomEvents(flag) {
       this.mapImp.enablePanZoomEvents(flag);
     },
     eventCallback: function eventCallback() {
-      var _this = this;
-
+      var _this4 = this;
       return function (eventType, data) {
         if (eventType !== "pan-zoom") {
           var label = data.label;
           var resource = [data.models];
-          var taxonomy = _this.entry;
-          var biologicalSex = _this.biologicalSex;
-
+          var taxonomy = _this4.entry;
+          var biologicalSex = _this4.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,
             biologicalSex: biologicalSex,
@@ -14853,13 +15600,12 @@ var mapResize = function mapResize(map) {
             feature: data,
             userData: args,
             eventType: eventType
-          }; // Disable the nueron pop up for now.
-
-          if (data && data.type !== "marker") _this.checkAndCreatePopups(payload);
-
-          _this.$emit("resource-selected", payload);
+          };
+          // Disable the nueron pop up for now.
+          if (data && data.type !== "marker") _this4.checkAndCreatePopups(payload);
+          _this4.$emit("resource-selected", payload);
         } else {
-          _this.$emit("pan-zoom-callback", data);
+          _this4.$emit("pan-zoom-callback", data);
         }
       };
     },
@@ -14880,7 +15626,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";
       };
@@ -14894,14 +15639,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) {
@@ -14913,8 +15657,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;
@@ -14932,9 +15677,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;
@@ -14953,7 +15697,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 = "custom-popup";
@@ -14963,7 +15706,6 @@ var mapResize = function mapResize(map) {
             positionAtLastClick: true
           };
         }
-
         this.mapImp.showPopup(featureId, node, myOptions);
       }
     },
@@ -14974,7 +15716,6 @@ var mapResize = function mapResize(map) {
     },
     closeMinimap: function closeMinimap() {
       var minimapEl = this.$refs.flatmapContainer.querySelector('.maplibregl-ctrl-minimap'); // find minimap
-
       if (this.minimapSmall) {
         //switch the classes on the minimap
         minimapEl.classList.add('enlarge');
@@ -14983,7 +15724,6 @@ var mapResize = function mapResize(map) {
         minimapEl.classList.add('shrink');
         minimapEl.classList.remove('enlarge');
       }
-
       this.minimapSmall = !this.minimapSmall;
     },
     addResizeButtonToMinimap: function addResizeButtonToMinimap() {
@@ -15008,11 +15748,10 @@ var mapResize = function mapResize(map) {
       }
     },
     showToolitip: function showToolitip(tooltipNumber) {
-      var _this2 = this;
-
+      var _this5 = this;
       if (!this.inHelp) {
         this.tooltipWait = setTimeout(function () {
-          _this2.hoverVisibilities[tooltipNumber].value = true;
+          _this5.hoverVisibilities[tooltipNumber].value = true;
         }, 500);
       }
     },
@@ -15039,13 +15778,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;
@@ -15056,7 +15792,6 @@ var mapResize = function mapResize(map) {
         } finally {
           _iterator.f();
         }
-
         return Array.from(new Set(labels));
       }
     },
@@ -15071,7 +15806,6 @@ var mapResize = function mapResize(map) {
         if (identifier && identifier.uuid) state['uuid'] = identifier.uuid;
         return state;
       }
-
       return undefined;
     },
     setState: function setState(state) {
@@ -15092,18 +15826,19 @@ var mapResize = function mapResize(map) {
       }
     },
     createFlatmap: function createFlatmap(state) {
-      var _this3 = this;
-
+      var _this6 = this;
       if (!this.mapImp && !this.loading) {
         this.loading = true;
         var minimap = false;
-
         if (this.displayMinimap) {
           minimap = {
             position: "top-right"
           };
-        } //As for flatmap-viewer@2.2.7, see below for the documentation 
+        }
+
+        //As for flatmap-viewer@2.2.7, see below 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,
@@ -15117,11 +15852,10 @@ var mapResize = function mapResize(map) {
         // @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
-        }; //This now handle the uses of uuid when resuming states
-
+        };
+        //This now handle the uses of uuid when resuming states
         if (state) {
           if (state.uuid) {
             identifier = {
@@ -15129,7 +15863,6 @@ var mapResize = function mapResize(map) {
             };
           } else if (state.entry) {
             identifier.taxon = state.entry;
-
             if (state.biologicalSex) {
               identifier["biologicalSex"] = state.biologicalSex;
             } else if (identifier.taxon === "NCBITaxon:9606") {
@@ -15144,25 +15877,23 @@ var mapResize = function mapResize(map) {
             identifier["biologicalSex"] = this.biologicalSex;
           }
         }
-
         var promise1 = this.mapManager.loadMap(identifier, this.$refs.display, this.eventCallback(), {
           //fullscreenControl: false,
           //annotatable: false,
           //debug: true,
           featureInfo: this.featureInfo,
           "min-zoom": this.minZoom,
-          pathControls: false,
+          layerControl: true,
+          pathControls: true,
           searchable: this.searchable,
           tooltips: this.tooltips,
           minimap: minimap
         });
         promise1.then(function (returnedObject) {
-          _this3.mapImp = returnedObject;
-
-          _this3.onFlatmapReady();
-
-          if (_this3._stateToBeSet) _this3.restoreMapState(_this3._stateToBeSet);else {
-            _this3.restoreMapState(state);
+          _this6.mapImp = returnedObject;
+          _this6.onFlatmapReady();
+          if (_this6._stateToBeSet) _this6.restoreMapState(_this6._stateToBeSet);else {
+            _this6.restoreMapState(state);
           }
         });
       } else if (state) {
@@ -15173,15 +15904,37 @@ var mapResize = function mapResize(map) {
         if (this.mapImp && !this.loading) this.restoreMapState(this._stateToBeSet);
       }
     },
+    computePathControlsMaximumHeight: function computePathControlsMaximumHeight() {
+      var elem = this.$refs.display;
+      if (elem) {
+        var computed = getComputedStyle(elem);
+        var padding = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom);
+        var height = elem.clientHeight - padding;
+        this.pathwaysMaxHeight = height - 150;
+      }
+    },
+    mapResize: function mapResize() {
+      if (this.mapImp) {
+        this.mapImp.resize();
+      }
+      this.computePathControlsMaximumHeight();
+    },
     onFlatmapReady: function onFlatmapReady() {
       // onFlatmapReady is used for functions that need to run immediately after the flatmap is loaded
-      this.sensor = new ResizeSensor(this.$refs.display, mapResize(this.mapImp));
+      this.sensor = new ResizeSensor(this.$refs.display, this.mapResize);
+      if (this.mapImp.options && this.mapImp.options.style === "functional") {
+        this.isFC = true;
+      }
       this.mapImp.setBackgroundOpacity(1);
       this.backgroundChangeCallback(this.currentBackground);
       this.pathways = this.mapImp.pathTypes();
-      this.$emit("ready", this);
+      this.layers = this.mapImp.getLayers();
+      this.systems = this.mapImp.getSystems();
       this.addResizeButtonToMinimap();
       this.loading = false;
+      this.computePathControlsMaximumHeight();
+      this.drawerOpen = true;
+      this.$emit("ready", this);
     },
     showMinimap: function showMinimap(flag) {
       if (this.mapImp) this.mapImp.showMinimap(flag);
@@ -15189,10 +15942,9 @@ var mapResize = function mapResize(map) {
     showPathwaysDrawer: function showPathwaysDrawer(flag) {
       this.drawerOpen = flag;
     },
-
-    /**
-     * Function to display features with annotation matching the provided term,
-     * with the option to display the label using displayLabel flag. 
+    /**
+     * Function to display features with annotation matching the provided term,
+     * with the option to display the label using displayLabel flag. 
      */
     searchAndShowResult: function searchAndShowResult(term, displayLabel) {
       if (this.mapImp) {
@@ -15201,27 +15953,22 @@ var mapResize = function mapResize(map) {
           return true;
         } else {
           var searchResults = this.mapImp.search(term);
-
           if (searchResults && searchResults.results && searchResults.results.length > 0) {
             this.mapImp.showSearchResults(searchResults);
-
             if (displayLabel && searchResults.results[0].featureId && searchResults.results[0].text) {
               this.mapImp.showPopup(searchResults.results[0].featureId, searchResults.results[0].text, {
                 className: "custom-popup",
                 positionAtLastClick: false
               });
             }
-
             return true;
           } else this.mapImp.clearSearchResults();
         }
       }
-
       return false;
     },
-
-    /**
-     * Get the list of suggested terms
+    /**
+     * Get the list of suggested terms
      */
     searchSuggestions: function searchSuggestions(term) {
       if (this.mapImp) return this.mapImp.search(term);
@@ -15286,17 +16033,15 @@ 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.
+    /**
+     * State containing state of the flatmap.
      */
     state: {
       type: Object,
       default: undefined
     },
-
-    /**
-     * Specify the endpoint of the flatmap server.
+    /**
+     * Specify the endpoint of the flatmap server.
      */
     flatmapAPI: {
       type: String,
@@ -15315,10 +16060,21 @@ var mapResize = function mapResize(map) {
   },
   data: function data() {
     return {
-      checkedItems: [],
+      layers: [],
       pathways: [],
-      isIndeterminate: false,
-      checkAll: true,
+      sckanDisplay: [{
+        label: "Path consistent with SCKAN",
+        key: "VALID"
+      }, {
+        label: "Path inconsistent with SCKAN",
+        key: "INVALID",
+        enable: false
+      }],
+      centreLines: [{
+        label: "Centrelines",
+        key: "centrelines"
+      }],
+      pathwaysMaxHeight: 1000,
       hoverVisibilities: [{
         value: false
       }, {
@@ -15336,12 +16092,13 @@ var mapResize = function mapResize(map) {
       }, {
         value: false
       }],
+      isFC: false,
       inHelp: false,
       currentBackground: "white",
       availableBackground: ["white", "lightskyblue", "black"],
       loading: false,
       flatmapMarker: flatmap_marker,
-      drawerOpen: true,
+      drawerOpen: false,
       tooltipContent: {
         featureIds: []
       },
@@ -15368,15 +16125,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=20b4e460&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_20b4e460_scoped_true_lang_scss_ = __webpack_require__("1b11");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=66e8be2a&prod&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_66e8be2a_prod_scoped_true_lang_scss_ = __webpack_require__("3c15");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -15393,18 +16149,128 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "20b4e460",
+  "66e8be2a",
   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":"6f2858b2-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=6b4bad1c&scoped=true&
-var MultiFlatmapVuervue_type_template_id_6b4bad1c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"multiContainer",staticClass:"multi-container"},[_c('div',{staticStyle:{"position":"absolute","z-index":"10"}},[_c('div',{staticClass:"species-display-text"},[_vm._v(" Species ")]),_c('el-popover',{ref:"selectPopover",attrs:{"content":"Select a species","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.helpMode),callback:function ($$v) {_vm.helpMode=$$v},expression:"helpMode"}}),_c('el-select',{directives:[{name:"popover",rawName:"v-popover:selectPopover",arg:"selectPopover"}],staticClass:"select-box",attrs:{"id":"flatmap-select","popper-append-to-body":_vm.appendToBody,"placeholder":"Select","popper-class":"flatmap_dropdown"},on:{"change":_vm.setSpecies},model:{value:(_vm.activeSpecies),callback:function ($$v) {_vm.activeSpecies=$$v},expression:"activeSpecies"}},_vm._l((_vm.speciesList),function(item,key){return _c('el-option',{key:key,attrs:{"label":key,"value":key}},[_c('el-row',[_c('el-col',{attrs:{"span":8}},[_c('i',{class:item.iconClass})]),_c('el-col',{attrs:{"span":12}},[_vm._v(_vm._s(key))])],1)],1)}),1)],1),_vm._l((_vm.speciesList),function(item,key){return _c('FlatmapVuer',{directives:[{name:"show",rawName:"v-show",value:(_vm.activeSpecies==key),expression:"activeSpecies==key"}],key:key,ref:key,refInFor:true,staticStyle:{"height":"100%"},attrs:{"showLayer":_vm.showLayer,"entry":item.taxo,"biologicalSex":item.biologicalSex,"displayWarning":item.displayWarning,"warningMessage":_vm.warningMessage,"displayLatestChanges":item.displayLatestChanges,"latestChangesMessage":item.latestChangesMessage,"isLegacy":item.isLegacy,"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:{"view-latest-map":_vm.viewLatestMap,"resource-selected":_vm.FlatmapSelected,"ready":_vm.FlatmapReady,"pan-zoom-callback":_vm.panZoomCallback}})})],2)}
-var MultiFlatmapVuervue_type_template_id_6b4bad1c_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e8f1c40a-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=0d8bc999&scoped=true&
+var MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "multiContainer",
+    staticClass: "multi-container"
+  }, [_c('div', {
+    staticStyle: {
+      "position": "absolute",
+      "z-index": "10"
+    }
+  }, [_c('div', {
+    staticClass: "species-display-text"
+  }, [_vm._v(" Species ")]), _c('el-popover', {
+    ref: "selectPopover",
+    attrs: {
+      "content": "Select a species",
+      "placement": "right",
+      "appendToBody": false,
+      "trigger": "manual",
+      "popper-class": "flatmap-popper right-popper"
+    },
+    model: {
+      value: _vm.helpMode,
+      callback: function callback($$v) {
+        _vm.helpMode = $$v;
+      },
+      expression: "helpMode"
+    }
+  }), _c('el-select', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:selectPopover",
+      arg: "selectPopover"
+    }],
+    staticClass: "select-box",
+    attrs: {
+      "id": "flatmap-select",
+      "popper-append-to-body": _vm.appendToBody,
+      "placeholder": "Select",
+      "popper-class": "flatmap_dropdown"
+    },
+    on: {
+      "change": _vm.setSpecies
+    },
+    model: {
+      value: _vm.activeSpecies,
+      callback: function callback($$v) {
+        _vm.activeSpecies = $$v;
+      },
+      expression: "activeSpecies"
+    }
+  }, _vm._l(_vm.speciesList, function (item, key) {
+    return _c('el-option', {
+      key: key,
+      attrs: {
+        "label": key,
+        "value": key
+      }
+    }, [_c('el-row', [_c('el-col', {
+      attrs: {
+        "span": 8
+      }
+    }, [_c('i', {
+      class: item.iconClass
+    })]), _c('el-col', {
+      attrs: {
+        "span": 12
+      }
+    }, [_vm._v(_vm._s(key))])], 1)], 1);
+  }), 1)], 1), _vm._l(_vm.speciesList, function (item, key) {
+    return _c('FlatmapVuer', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: _vm.activeSpecies == key,
+        expression: "activeSpecies==key"
+      }],
+      key: key,
+      ref: key,
+      refInFor: true,
+      staticStyle: {
+        "height": "100%"
+      },
+      attrs: {
+        "showLayer": _vm.showLayer,
+        "entry": item.taxo,
+        "biologicalSex": item.biologicalSex,
+        "displayWarning": item.displayWarning,
+        "warningMessage": _vm.warningMessage,
+        "displayLatestChanges": item.displayLatestChanges,
+        "latestChangesMessage": item.latestChangesMessage,
+        "isLegacy": item.isLegacy,
+        "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: {
+        "view-latest-map": _vm.viewLatestMap,
+        "resource-selected": _vm.FlatmapSelected,
+        "ready": _vm.FlatmapReady,
+        "pan-zoom-callback": _vm.panZoomCallback
+      }
+    });
+  })], 2);
+};
+var MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=6b4bad1c&scoped=true&
+// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0d8bc999&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/popover.css
 var popover = __webpack_require__("06f1");
@@ -15430,7 +16296,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&
 
 
 
@@ -15452,65 +16318,6 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -15544,7 +16351,6 @@ var TAXON_UUID = {
   },
   mounted: function mounted() {
     var _this = this;
-
     this.initialise();
     components_EventBus.$on('onActionClick', function (action) {
       _this.FlatmapSelected(action);
@@ -15553,7 +16359,6 @@ var TAXON_UUID = {
   methods: {
     initialise: function initialise() {
       var _this2 = this;
-
       return new Promise(function (resolve) {
         if (_this2.requireInitialisation) {
           //It has not been initialised yet
@@ -15569,25 +16374,21 @@ var TAXON_UUID = {
                   if (_this2.availableSpecies[key].biologicalSex) {
                     if (data[i].biologicalSex && data[i].biologicalSex === _this2.availableSpecies[key].biologicalSex) {
                       _this2.$set(_this2.speciesList, key, _this2.availableSpecies[key]);
-
                       break;
                     }
                   } else {
                     _this2.$set(_this2.speciesList, key, _this2.availableSpecies[key]);
-
                     break;
                   }
                 }
               }
-            }); //Use the state species if it does not have any other species information 
-
+            });
+            //Use the state species if it does not have any other species information 
             var species = _this2.initial;
-
             if (_this2.state) {
               var mapState = _this2.state.state;
               if ((!mapState || !mapState.uuid && !mapState.entry) && _this2.state.species) species = _this2.state.species;else species = undefined;
             }
-
             if (species) {
               //No state resuming, set the current flatmap to {this.initial}
               if (species && _this2.speciesList[species] !== undefined) {
@@ -15595,13 +16396,11 @@ var TAXON_UUID = {
               } else {
                 _this2.activeSpecies = Object.keys(_this2.speciesList)[0];
               }
-
               _this2.setSpecies(_this2.activeSpecies, _this2.state ? _this2.state.state : undefined, 5);
             }
-
             _this2._initialised = true;
-            resolve(); //Resolve all other promises resolve in the list
-
+            resolve();
+            //Resolve all other promises resolve in the list
             _this2._resolveList.forEach(function (other) {
               other();
             });
@@ -15620,15 +16419,12 @@ var TAXON_UUID = {
     },
     FlatmapReady: function FlatmapReady(component) {
       this.$emit("ready", component);
-      this.addCloseButtonToMinimap();
     },
     getCoordinatesOfLastClick: function getCoordinatesOfLastClick() {
       var flatmap = this.$refs[this.activeSpecies];
-
       if (flatmap && flatmap[0]) {
         return flatmap[0].getCoordinatesOfLastClick();
       }
-
       return undefined;
     },
     getCurrentFlatmap: function getCurrentFlatmap() {
@@ -15647,14 +16443,12 @@ var TAXON_UUID = {
     },
     setSpecies: function setSpecies(species, state, numberOfRetry) {
       var _this3 = this;
-
       if (this.$refs && species in this.$refs) {
         this.activeSpecies = species;
         this.$refs[this.activeSpecies][0].createFlatmap(state);
         this.$emit('flatmapChanged', this.activeSpecies);
       } else if (numberOfRetry) {
         var retry = numberOfRetry - 1;
-
         if (retry >= 0) {
           external_vue_default.a.nextTick(function () {
             _this3.setSpecies(species, state, retry);
@@ -15662,39 +16456,33 @@ var TAXON_UUID = {
         }
       }
     },
-
-    /**
-     * Function to switch to the latest existing map from 
-     * a legacy map of the same species. 
-     * 
-     * @private
+    /**
+     * Function to switch to the latest existing map from 
+     * a legacy map of the same species. 
+     * 
+     * @private
      */
     viewLatestMap: function viewLatestMap(state) {
       var keys = Object.keys(this.speciesList);
-
       for (var i = 0; i < keys.length; i++) {
         var species = this.speciesList[keys[i]];
-
         if (!species.isLegacy && species.taxo === state.entry && species.biologicalSex === state.biologicalSex) {
           this.setSpecies(keys[i], state, 0);
           return;
         }
       }
     },
-
-    /**
-     * Create a legacy entry with the provided information
-     * 
-     * @private
+    /**
+     * Create a legacy entry with the provided information
+     * 
+     * @private
      */
     createLegacyEntry: function createLegacyEntry(state, taxo, uuid) {
       if (uuid && taxo) {
         var name = "Legacy";
-
         if (state.species) {
           if (state.species.slice(0, 6) === "Legacy") name = state.species;else name = name + " ".concat(state.species);
         }
-
         this.$set(this.speciesList, name, {
           taxo: taxo,
           isLegacy: true,
@@ -15711,34 +16499,30 @@ var TAXON_UUID = {
         };
       }
     },
-
-    /**
-     * Function used to translate the legacy map state to one that can be used in current
-     * flatmap if required. If it is a legacy, an Select entry will be added
-     * 
-     * @private
+    /**
+     * Function used to translate the legacy map state to one that can be used in current
+     * flatmap if required. If it is a legacy, an Select entry will be added
+     * 
+     * @private
      */
     updateState: function updateState(state) {
       var _this4 = this;
-
       return new Promise(function (resolve) {
         if (state && state.state) {
-          var mapState = state.state; //uuid is not in the state, this is a legacy map
-
+          var mapState = state.state;
+          //uuid is not in the state, this is a legacy map
           if (!mapState.uuid) {
             if (mapState.entry) {
               var uuid = mapState.entry in TAXON_UUID ? TAXON_UUID[mapState.entry] : undefined;
-
               var newState = _this4.createLegacyEntry(state, mapState.entry, uuid);
-
               resolve(newState ? newState : state);
             }
           } else if (mapState.entry) {
             //uuid is in the state but should be checked if it is the latest map
             //for that taxon
             return new Promise(function () {
-              var mapManager = new (__webpack_require__("4979").MapManager)(_this4.flatmapAPI); //mapManager.findMap_ is an async function so we need to wrap this with a promise
-
+              var mapManager = new (__webpack_require__("4979").MapManager)(_this4.flatmapAPI);
+              //mapManager.findMap_ is an async function so we need to wrap this with a promise
               var identifier = {
                 taxon: mapState.entry
               };
@@ -15753,19 +16537,18 @@ var TAXON_UUID = {
                 resolve(state);
               });
             });
-          } //Create a new state and add the legacy map to the select
-
+          }
+          //Create a new state and add the legacy map to the select
         }
 
         resolve(state);
       });
     },
-
-    /**
-     * Function used for getting the current states of the scene. This exported states 
-     * can be imported using the importStates method.
-     * 
-     * @public
+    /**
+     * Function used for getting the current states of the scene. This exported states 
+     * can be imported using the importStates method.
+     * 
+     * @public
      */
     getState: function getState() {
       var state = {
@@ -15776,16 +16559,14 @@ var TAXON_UUID = {
       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.
-     * 
-     * @public
+    /**
+     * Function used for importing the states of the scene. This exported states 
+     * can be imported using the read states method.
+     * 
+     * @public
      */
     setState: function setState(state) {
       var _this5 = this;
-
       if (state) {
         //Update state if required
         this.updateState(state).then(function (currentState) {
@@ -15794,7 +16575,6 @@ var TAXON_UUID = {
               _this5.setSpecies(currentState.species, currentState.state, 5);
             } else if (currentState.state) {
               var map = _this5.getCurrentFlatmap();
-
               map.setState(currentState.state);
             }
           });
@@ -15822,10 +16602,9 @@ var TAXON_UUID = {
       type: Boolean,
       default: false
     },
-
-    /**
-     * Initial species for the flatmap.
-     * This value will be ignored if a valid state object is provided.
+    /**
+     * Initial species for the flatmap.
+     * This value will be ignored if a valid state object is provided.
      */
     initial: {
       type: String,
@@ -15890,17 +16669,15 @@ var TAXON_UUID = {
         };
       }
     },
-
-    /**
-     * State containing state of the flatmap.
+    /**
+     * State containing state of the flatmap.
      */
     state: {
       type: Object,
       default: undefined
     },
-
-    /**
-     * Specify the endpoint of the flatmap server.
+    /**
+     * Specify the endpoint of the flatmap server.
      */
     flatmapAPI: {
       type: String,
@@ -15931,8 +16708,8 @@ var TAXON_UUID = {
 });
 // 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=6b4bad1c&scoped=true&lang=scss&
-var MultiFlatmapVuervue_type_style_index_0_id_6b4bad1c_scoped_true_lang_scss_ = __webpack_require__("c033");
+// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=0d8bc999&prod&scoped=true&lang=scss&
+var MultiFlatmapVuervue_type_style_index_0_id_0d8bc999_prod_scoped_true_lang_scss_ = __webpack_require__("ec09");
 
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue
 
@@ -15945,11 +16722,11 @@ var MultiFlatmapVuervue_type_style_index_0_id_6b4bad1c_scoped_true_lang_scss_ =
 
 var MultiFlatmapVuer_component = normalizeComponent(
   components_MultiFlatmapVuervue_type_script_lang_js_,
-  MultiFlatmapVuervue_type_template_id_6b4bad1c_scoped_true_render,
-  MultiFlatmapVuervue_type_template_id_6b4bad1c_scoped_true_staticRenderFns,
+  MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_render,
+  MultiFlatmapVuervue_type_template_id_0d8bc999_scoped_true_staticRenderFns,
   false,
   null,
-  "6b4bad1c",
+  "0d8bc999",
   null
   
 )