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

package/dist/flatmapvuer.common.js

@@ -900,23 +900,12 @@ module.exports = require("core-js/modules/es.regexp.to-string.js");
 
 /***/ }),
 
-/***/ "318c":
+/***/ "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_Legends_vue_vue_type_style_index_0_id_514dd6be_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5766");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Legends_vue_vue_type_style_index_0_id_514dd6be_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Legends_vue_vue_type_style_index_0_id_514dd6be_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "3412":
-/***/ (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_6c4be18e_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("81a0");
-/* 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_6c4be18e_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_6c4be18e_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_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 * */
 
 
@@ -1215,6 +1204,13 @@ main.install = function (Vue) {
 
 /***/ }),
 
+/***/ "400b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4010":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -4130,13 +4126,6 @@ exports.PopupManager = _popupManager2.default;
 
 /***/ }),
 
-/***/ "5766":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5924":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -4385,6 +4374,13 @@ module.exports = require("core-js/modules/es.regexp.test.js");
 
 /***/ }),
 
+/***/ "5ac6":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "6167":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7643,7 +7639,7 @@ function objToArray(obj) {
 
 /***/ }),
 
-/***/ "81a0":
+/***/ "82cc":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -7655,6 +7651,17 @@ function objToArray(obj) {
 
 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":
@@ -9055,6 +9062,17 @@ var isDefined = exports.isDefined = function isDefined(val) {
   return val !== undefined && val !== null;
 };
 
+/***/ }),
+
+/***/ "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":
@@ -11010,6 +11028,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":
@@ -13260,6 +13289,13 @@ src_radio.install = function (Vue) {
 
 /***/ }),
 
+/***/ "f765":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f989":
 /***/ (function(module, exports) {
 
@@ -13302,7 +13338,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4715a64c-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=6c4be18e&scoped=true&
+// 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;
@@ -13547,16 +13583,19 @@ var render = function render() {
       open: _vm.drawerOpen,
       close: !_vm.drawerOpen
     }
-  }, [_vm.pathways.length > 0 && _vm.pathControls ? _c('div', {
+  }, [_vm.pathControls ? _c('div', {
     directives: [{
       name: "popover",
       rawName: "v-popover:checkBoxPopover",
       arg: "checkBoxPopover"
     }],
-    staticClass: "pathway-container"
-  }, [_c('svg-legends', {
+    staticClass: "pathway-container",
+    style: {
+      'max-height': _vm.pathwaysMaxHeight + 'px'
+    }
+  }, [!_vm.isFC ? _c('svg-legends', {
     staticClass: "svg-legends-container"
-  }), _c('el-popover', {
+  }) : _vm._e(), _c('el-popover', {
     ref: "markerPopover",
     attrs: {
       "content": "Find these markers for data",
@@ -13587,72 +13626,65 @@ var render = function render() {
     domProps: {
       "innerHTML": _vm._s(_vm.flatmapMarker)
     }
-  }), _c('el-row', [_c('el-col', {
+  }), _vm.isFC && _vm.systems && _vm.systems.length > 0 ? _c('dynamic-legends', {
+    key: "systemslegends",
     attrs: {
-      "span": 12
+      "title": "Systems",
+      "identifierKey": "name",
+      "lists": _vm.systems
     }
-  }, [_c('div', {
-    staticClass: "pathways-display-text"
-  }, [_vm._v("Pathways")])]), _c('el-col', {
+  }) : _vm._e(), !_vm.isFC && _vm.centreLines && _vm.centreLines.length > 0 ? _c('selections-group', {
+    key: "centrelinesSelection",
+    ref: "centrelinesSelection",
     attrs: {
-      "span": 12
+      "title": "Centrelines",
+      "labelKey": "label",
+      "identifierKey": "key",
+      "selections": _vm.centreLines
+    },
+    on: {
+      "changed": _vm.centreLinesSelected
     }
-  }, [_c('el-checkbox', {
-    staticClass: "all-checkbox",
+  }) : _vm._e(), _vm.isFC && _vm.sckanDisplay && _vm.sckanDisplay.length > 0 ? _c('selections-group', {
+    key: "skcanSelection",
+    ref: "skcanSelection",
     attrs: {
-      "indeterminate": _vm.isIndeterminate
+      "title": "SCKAN",
+      "labelKey": "label",
+      "identifierKey": "key",
+      "selections": _vm.sckanDisplay
     },
     on: {
-      "change": _vm.handleCheckAllChange
-    },
-    model: {
-      value: _vm.checkAll,
-      callback: function callback($$v) {
-        _vm.checkAll = $$v;
-      },
-      expression: "checkAll"
+      "changed": _vm.sckanSelected,
+      "checkAll": _vm.checkAllSCKAN
     }
-  }, [_vm._v("Display all")])], 1)], 1), _c('el-checkbox-group', {
-    staticClass: "checkbox-group",
+  }) : _vm._e(), _vm.layers && _vm.layers.length > 0 ? _c('selections-group', {
+    key: "layersSelection",
+    ref: "layersSelection",
     attrs: {
-      "size": "small"
+      "title": "Layers",
+      "labelKey": "description",
+      "identifierKey": "id",
+      "selections": _vm.layers
     },
     on: {
-      "change": _vm.handleCheckedItemsChange
+      "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
     },
-    model: {
-      value: _vm.checkedItems,
-      callback: function callback($$v) {
-        _vm.checkedItems = $$v;
-      },
-      expression: "checkedItems"
+    on: {
+      "changed": _vm.pathwaysSelected,
+      "checkAll": _vm.checkAllPathways
     }
-  }, [_c('div', {
-    staticClass: "checkbox-group-inner"
-  }, _vm._l(_vm.pathways, function (item) {
-    return _c('el-row', {
-      key: item.type,
-      attrs: {
-        "label": item.type
-      }
-    }, [_c('div', {
-      staticClass: "checkbox-container"
-    }, [_c('el-checkbox', {
-      staticClass: "my-checkbox",
-      attrs: {
-        "label": item.type,
-        "checked": true
-      },
-      on: {
-        "change": function change($event) {
-          return _vm.visibilityToggle();
-        }
-      }
-    }, [_c('div', {
-      staticClass: "path-visual",
-      class: item.type
-    }), _vm._v(" " + _vm._s(item.label) + " ")])], 1)]);
-  }), 1)])], 1) : _vm._e(), _c('div', {
+  }) : _vm._e()], 1) : _vm._e(), _c('div', {
     staticClass: "drawer-button",
     class: {
       open: _vm.drawerOpen,
@@ -13740,7 +13772,7 @@ var render = function render() {
     });
   }), 0)], 1), _c('el-popover', {
     attrs: {
-      "content": "Change background color",
+      "content": "Change settings",
       "placement": "right",
       "appendToBody": false,
       "trigger": "manual",
@@ -13790,7 +13822,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=6c4be18e&scoped=true&
+// 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");
@@ -13955,22 +13987,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");
@@ -13981,9 +13999,6 @@ var es_string_includes_js_ = __webpack_require__("fd22");
 // EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
 var es_array_push_js_ = __webpack_require__("2439");
 
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
-
 // EXTERNAL MODULE: external "core-js/modules/es.set.js"
 var es_set_js_ = __webpack_require__("8535");
 
@@ -13997,7 +14012,7 @@ 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":"4715a64c-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&
+// 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;
@@ -14221,6 +14236,9 @@ 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");
 
@@ -14244,7 +14262,7 @@ var en_default = /*#__PURE__*/__webpack_require__.n(en);
 var locale = __webpack_require__("4897");
 var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4715a64c-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&
+// 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;
@@ -14896,11 +14914,355 @@ var Tooltip_component = normalizeComponent(
 )
 
 /* harmony default export */ var Tooltip = (Tooltip_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"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");
+
+// 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);
+
+// 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/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/SelectionsGroup.vue
+
+
+
+
+
+
+/* normalize component */
+
+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,
+  "f6ac6e34",
+  null
+  
+)
+
+/* 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":"4715a64c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/Legends.vue?vue&type=template&id=514dd6be&scoped=true&
-var Legendsvue_type_template_id_514dd6be_scoped_true_render = function render() {
+// 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&
+
+
+
+
+
+
+
+/* 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', {
@@ -14979,20 +15341,20 @@ var Legendsvue_type_template_id_514dd6be_scoped_true_render = function render()
     }
   }, [_vm._v("Nerve plexus")])])]);
 };
-var Legendsvue_type_template_id_514dd6be_scoped_true_staticRenderFns = [];
+var SvgLegendsvue_type_template_id_3d3218c8_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=template&id=514dd6be&scoped=true&
+// 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/Legends.vue?vue&type=script&lang=js&
-/* harmony default export */ var Legendsvue_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/legends/SvgLegends.vue?vue&type=script&lang=js&
+/* harmony default export */ var SvgLegendsvue_type_script_lang_js_ = ({
   name: 'SvgLegends'
 });
-// CONCATENATED MODULE: ./src/components/legends/Legends.vue?vue&type=script&lang=js&
- /* harmony default export */ var legends_Legendsvue_type_script_lang_js_ = (Legendsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/legends/Legends.vue?vue&type=style&index=0&id=514dd6be&prod&scoped=true&lang=scss&
-var Legendsvue_type_style_index_0_id_514dd6be_prod_scoped_true_lang_scss_ = __webpack_require__("318c");
+// 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/Legends.vue
+// CONCATENATED MODULE: ./src/components/legends/SvgLegends.vue
 
 
 
@@ -15001,18 +15363,18 @@ var Legendsvue_type_style_index_0_id_514dd6be_prod_scoped_true_lang_scss_ = __we
 
 /* 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 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,
-  "514dd6be",
+  "3d3218c8",
   null
   
 )
 
-/* harmony default export */ var Legends = (Legends_component.exports);
+/* 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&
@@ -15045,14 +15407,9 @@ var Legends_component = normalizeComponent(
 
 
 
+/* eslint-disable no-alert, no-console */
 
 
-
-
-
-
-
-/* eslint-disable no-alert, no-console */
 
 
 
@@ -15061,26 +15418,21 @@ 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;
@@ -15140,11 +15492,18 @@ var mapResize = function mapResize(map) {
     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();
+        }
       }
     },
     /**
@@ -15165,36 +15524,61 @@ var mapResize = function mapResize(map) {
         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) {
-        this.mapImp.showPaths(this.checkedItems);
+        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) {
+        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];
           }
@@ -15209,10 +15593,10 @@ var mapResize = function mapResize(map) {
             eventType: eventType
           };
           // Disable the nueron pop up for now.
-          if (data && data.type !== "marker") _this.checkAndCreatePopups(payload);
-          _this.$emit("resource-selected", payload);
+          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);
         }
       };
     },
@@ -15355,10 +15739,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);
       }
     },
@@ -15433,7 +15817,7 @@ 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;
@@ -15490,16 +15874,17 @@ var mapResize = function mapResize(map) {
           //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) {
@@ -15510,16 +15895,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);
@@ -15645,10 +16051,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
       }, {
@@ -15666,12 +16083,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: []
       },
@@ -15704,8 +16122,8 @@ var mapResize = function mapResize(map) {
 });
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=6c4be18e&prod&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_6c4be18e_prod_scoped_true_lang_scss_ = __webpack_require__("3412");
+// 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
 
@@ -15722,13 +16140,13 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "6c4be18e",
+  "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":"4715a64c-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&
+// 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;