@abi-software/flatmapvuer 0.3.11 → 0.3.12-beta-0

package/dist/flatmapvuer.umd.js

@@ -732,13 +732,6 @@ module.exports = __webpack_require__("e62d");
 
 /***/ }),
 
-/***/ "1959":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "1a25":
 /***/ (function(module, exports) {
 
@@ -760,6 +753,13 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 /***/ }),
 
+/***/ "1d77":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "1f1a":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1220,13 +1220,6 @@ main.install = function (Vue) {
 
 /***/ }),
 
-/***/ "3ec8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "4010":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -8303,6 +8296,17 @@ module.exports = __webpack_require__("7f4d");
 
 /******/ });
 
+/***/ }),
+
+/***/ "8ab6":
+/***/ (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_1818e354_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1d77");
+/* 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_1818e354_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_1818e354_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8bbc":
@@ -9081,17 +9085,6 @@ module.exports = require("core-js/modules/es.json.stringify.js");
 
 module.exports = require("css-element-queries/src/ResizeSensor");
 
-/***/ }),
-
-/***/ "b1da":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3ec8");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiFlatmapVuer_vue_vue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b2d6":
@@ -9243,17 +9236,6 @@ exports.default = {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "b9e5":
-/***/ (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_0f3b65f0_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1959");
-/* 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_0f3b65f0_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_0f3b65f0_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "be4f":
@@ -10506,6 +10488,13 @@ src_checkbox.install = function (Vue) {
 
 /***/ }),
 
+/***/ "e26d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "e62d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -13267,6 +13256,17 @@ src_radio.install = function (Vue) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "f798":
+/***/ (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_9bafc316_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e26d");
+/* 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_9bafc316_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_9bafc316_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f989":
@@ -13311,7 +13311,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":"52da7808-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=0f3b65f0&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"52da7808-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=1818e354&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -13346,7 +13346,7 @@ var render = function render() {
   }, [_c('div', [_c('el-popover', {
     ref: "warningPopover",
     attrs: {
-      "content": _vm.warningMessage,
+      "content": _vm.isLegacy ? 'This is a legacy map, you may view the latest map instead.' : _vm.warningMessage,
       "placement": "right",
       "appendToBody": false,
       "trigger": "manual",
@@ -13374,9 +13374,16 @@ var render = function render() {
         return _vm.hideToolitip(6);
       }
     }
-  }, [_c('span', {
+  }, [_vm.isLegacy ? [_c('span', {
     staticClass: "warning-text"
-  }, [_vm._v("Beta")])]) : _vm._e()], 1), _vm.displayLatestChanges ? _c('el-popover', {
+  }, [_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,
@@ -13775,7 +13782,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=0f3b65f0&scoped=true&
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=1818e354&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
@@ -15072,6 +15079,19 @@ var mapResize = function mapResize(map) {
     this.mapImp = undefined;
   },
   methods: {
+    viewLatestMap: function viewLatestMap() {
+      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,
+        viewport: this.mapImp.getState()
+      };
+      this.$emit("view-latest-map", state);
+    },
     backgroundChangeCallback: function backgroundChangeCallback(colour) {
       this.currentBackground = colour;
       if (this.mapImp) {
@@ -15410,13 +15430,19 @@ var mapResize = function mapResize(map) {
         var identifier = {
           taxon: this.entry
         };
-        if (state && state.entry) {
-          identifier.taxon = state.entry;
-          if (state.biologicalSex) {
-            identifier["biologicalSex"] = state.biologicalSex;
-          } else if (identifier.taxon === "NCBITaxon:9606") {
-            //For backward compatibility
-            identifier["biologicalSex"] = "PATO:0000384";
+        if (state) {
+          if (state.uuid) {
+            identifier = {
+              uuid: state.uuid
+            };
+          } else if (state.entry) {
+            identifier.taxon = state.entry;
+            if (state.biologicalSex) {
+              identifier["biologicalSex"] = state.biologicalSex;
+            } else if (identifier.taxon === "NCBITaxon:9606") {
+              //For backward compatibility
+              identifier["biologicalSex"] = "PATO:0000384";
+            }
           }
         } else {
           // Set the bioloicalSex now if map is not resumed from
@@ -15447,7 +15473,10 @@ var mapResize = function mapResize(map) {
           if (_this3._viewportToBeSet) _this3.mapImp.setState(_this3._viewportToBeSet);else if (state && state.viewport) _this3.mapImp.setState(state.viewport);
         });
       } else if (state) {
-        if (this.entry == state.entry) this._viewportToBeSet = state.viewport;
+        if (this.entry == state.entry) {
+          this._viewportToBeSet = state.viewport;
+          if (this.mapImp && !this.loading) this.mapImp.setState(this._viewportToBeSet);
+        }
       }
     },
     showMinimap: function showMinimap(flag) {
@@ -15528,6 +15557,10 @@ var mapResize = function mapResize(map) {
       type: String,
       default: "Beta feature - This map is based on the connectivity of a rat. New connectivity and species specificity will be added as the SPARC program progress."
     },
+    isLegacy: {
+      type: Boolean,
+      default: false
+    },
     displayLatestChanges: {
       type: Boolean,
       default: false
@@ -15620,8 +15653,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=0f3b65f0&prod&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_0f3b65f0_prod_scoped_true_lang_scss_ = __webpack_require__("b9e5");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=1818e354&prod&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_1818e354_prod_scoped_true_lang_scss_ = __webpack_require__("8ab6");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -15638,14 +15671,14 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "0f3b65f0",
+  "1818e354",
   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":"52da7808-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0ad8a77b&scoped=true&
-var MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"52da7808-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=9bafc316&scoped=true&
+var MultiFlatmapVuervue_type_template_id_9bafc316_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -15736,6 +15769,7 @@ var MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_render = function
         "warningMessage": _vm.warningMessage,
         "displayLatestChanges": item.displayLatestChanges,
         "latestChangesMessage": item.latestChangesMessage,
+        "isLegacy": item.isLegacy,
         "featureInfo": _vm.featureInfo,
         "minZoom": _vm.minZoom,
         "pathControls": _vm.pathControls,
@@ -15747,6 +15781,7 @@ var MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_render = function
         "sparcAPI": _vm.sparcAPI
       },
       on: {
+        "view-latest-map": _vm.viewLatestMap,
         "resource-selected": _vm.FlatmapSelected,
         "ready": _vm.FlatmapReady,
         "pan-zoom-callback": _vm.panZoomCallback
@@ -15754,9 +15789,9 @@ var MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_render = function
     });
   })], 2);
 };
-var MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_staticRenderFns = [];
+var MultiFlatmapVuervue_type_template_id_9bafc316_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=0ad8a77b&scoped=true&
+// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=9bafc316&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/popover.css
 var popover = __webpack_require__("06f1");
@@ -15802,6 +15837,7 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 
 
 
+
 
 /* eslint-disable no-alert, no-console */
 
@@ -15815,6 +15851,13 @@ external_vue_default.a.use(lib_row_default.a);
 external_vue_default.a.use(lib_option_default.a);
 external_vue_default.a.use(lib_select_default.a);
 external_vue_default.a.use(lib_popover_default.a);
+var TAXON_UUID = {
+  "NCBITaxon:10114": "01fedbf9-d783-509c-a10c-827941ab13da",
+  "NCBITaxon:9823": "a336ac04-24db-561f-a25f-1c994fe17410",
+  "NCBITaxon:9606": "42ed6323-f645-5fbe-bada-9581819cf689",
+  "NCBITaxon:10090": "25285fab-48a0-5620-a6a0-f9a0374837d5",
+  "NCBITaxon:9685": "73060497-46a6-52bf-b975-cac511c127cb"
+};
 /* harmony default export */ var MultiFlatmapVuervue_type_script_lang_js_ = ({
   name: "MultiFlatmapVuer",
   components: {
@@ -15835,6 +15878,8 @@ external_vue_default.a.use(lib_popover_default.a);
           return response.json();
         }).then(function (data) {
           _this2.speciesList = {};
+          //Check each key in the provided availableSpecies against the one 
+          // on the server, add them to the Select if the key is found
           Object.keys(_this2.availableSpecies).forEach(function (key) {
             for (var i = 0; i < data.length; i++) {
               if (_this2.availableSpecies[key].taxo === data[i].taxon) {
@@ -15851,6 +15896,7 @@ external_vue_default.a.use(lib_popover_default.a);
             }
           });
           if (!_this2.state) {
+            //No state resuming, set the current flatmap to {this.initial}
             if (_this2.initial && _this2.speciesList[_this2.initial] !== undefined) {
               _this2.activeSpecies = _this2.initial;
             } else {
@@ -15891,17 +15937,97 @@ external_vue_default.a.use(lib_popover_default.a);
       var map = this.getCurrentFlatmap();
       map.showMarkerPopup(featureId, node, options);
     },
-    flatmapChanged: function flatmapChanged(species) {
+    flatmapChanged: function flatmapChanged(species, viewport) {
       if (this.activeSpecies != species) this.activeSpecies = species;
-      this.$refs[this.activeSpecies][0].createFlatmap();
+      this.$refs[this.activeSpecies][0].createFlatmap(viewport);
       this.$emit('flatmapChanged', this.activeSpecies);
     },
     /**
-    * Function used for getting the current states of the scene. This exported states 
-    * can be imported using the importStates method.
-    * 
-    * @public
-    */
+     * Function 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.flatmapChanged(keys[i], state);
+          return;
+        }
+      }
+    },
+    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.speciesList[name] = {
+          taxo: taxo,
+          isLegacy: true,
+          displayWarning: true
+        };
+        return {
+          species: name,
+          state: {
+            entry: taxo,
+            uuid: uuid
+          },
+          viewport: state.state.viewport
+        };
+      }
+    },
+    /**
+     * 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 _this3 = 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
+          if (!mapState.uuid) {
+            if (mapState.entry) {
+              var uuid = mapState.entry in TAXON_UUID ? TAXON_UUID[mapState.entry] : undefined;
+              var newState = _this3.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)(_this3.flatmapAPI);
+              //mapManager.findMap_ is an async function so we need to wrap this with a promise
+              mapManager.findMap_({
+                taxon: mapState.entry
+              }).then(function (map) {
+                if (map.uuid !== mapState.uuid) {
+                  return _this3.createLegacyEntry(state, mapState.entry, mapState.uuid);
+                }
+              }).then(function (newState) {
+                resolve(newState ? newState : state);
+              }).catch(function () {
+                resolve(state);
+              });
+            });
+          }
+          //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
+     */
     getState: function getState() {
       var state = {
         species: this.activeSpecies,
@@ -15918,22 +16044,27 @@ external_vue_default.a.use(lib_popover_default.a);
      * @public
      */
     setState: function setState(state) {
-      var _this3 = this;
+      var _this4 = this;
       if (state) {
         this.initialise().then(function () {
-          if (state.species && state.species !== _this3.activeSpecies) {
-            _this3.activeSpecies = state.species;
-            if (state.state) {
-              //Wait for next tick when the refs are ready for rendering
-              _this3.$nextTick(function () {
-                _this3.$refs[_this3.activeSpecies][0].createFlatmap(state.state);
-                _this3.$emit('flatmapChanged', _this3.activeSpecies);
-              });
+          //Update state if required
+          _this4.updateState(state).then(function (currentState) {
+            if (currentState.species && currentState.species !== _this4.activeSpecies) {
+              _this4.activeSpecies = currentState.species;
+              if (currentState.state) {
+                //Wait for next tick when the refs are ready for rendering
+                _this4.$nextTick(function () {
+                  if (_this4.activeSpecies in _this4.$refs) {
+                    _this4.$refs[_this4.activeSpecies][0].createFlatmap(currentState.state);
+                    _this4.$emit('flatmapChanged', _this4.activeSpecies);
+                  }
+                });
+              }
+            } else if (currentState.state) {
+              var map = _this4.getCurrentFlatmap();
+              map.setState(currentState.state);
             }
-          } else if (state.state) {
-            var map = _this3.getCurrentFlatmap();
-            map.setState(state.state);
-          }
+          });
         });
       }
     },
@@ -15986,7 +16117,45 @@ external_vue_default.a.use(lib_popover_default.a);
       type: String,
       default: "Beta feature - This map is based on the connectivity of a rat. New connectivity and species specificity will be added as the SPARC program progress."
     },
-    availableSpecies: {},
+    availableSpecies: {
+      type: Object,
+      default: function _default() {
+        return {
+          "Human Female": {
+            taxo: "NCBITaxon:9606",
+            biologicalSex: "PATO:0000383",
+            iconClass: "mapicon-icon_human",
+            displayWarning: true
+          },
+          "Human Male": {
+            taxo: "NCBITaxon:9606",
+            biologicalSex: "PATO:0000384",
+            iconClass: "mapicon-icon_human",
+            displayWarning: true
+          },
+          "Rat": {
+            taxo: "NCBITaxon:10114",
+            iconClass: "mapicon-icon_rat",
+            displayLatestChanges: true
+          },
+          "Mouse": {
+            taxo: "NCBITaxon:10090",
+            iconClass: "mapicon-icon_mouse",
+            displayWarning: true
+          },
+          "Pig": {
+            taxo: "NCBITaxon:9823",
+            iconClass: "mapicon-icon_pig",
+            displayWarning: true
+          },
+          "Cat": {
+            taxo: "NCBITaxon:9685",
+            iconClass: "mapicon-icon_cat",
+            displayWarning: true
+          }
+        };
+      }
+    },
     /**
      * State containing state of the flatmap.
      */
@@ -16025,8 +16194,8 @@ external_vue_default.a.use(lib_popover_default.a);
 });
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_MultiFlatmapVuervue_type_script_lang_js_ = (MultiFlatmapVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=0ad8a77b&prod&scoped=true&lang=scss&
-var MultiFlatmapVuervue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scss_ = __webpack_require__("b1da");
+// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=9bafc316&prod&scoped=true&lang=scss&
+var MultiFlatmapVuervue_type_style_index_0_id_9bafc316_prod_scoped_true_lang_scss_ = __webpack_require__("f798");
 
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue
 
@@ -16039,11 +16208,11 @@ var MultiFlatmapVuervue_type_style_index_0_id_0ad8a77b_prod_scoped_true_lang_scs
 
 var MultiFlatmapVuer_component = normalizeComponent(
   components_MultiFlatmapVuervue_type_script_lang_js_,
-  MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_render,
-  MultiFlatmapVuervue_type_template_id_0ad8a77b_scoped_true_staticRenderFns,
+  MultiFlatmapVuervue_type_template_id_9bafc316_scoped_true_render,
+  MultiFlatmapVuervue_type_template_id_9bafc316_scoped_true_staticRenderFns,
   false,
   null,
-  "0ad8a77b",
+  "9bafc316",
   null
   
 )