@abi-software/flatmapvuer 0.3.12-fixes-0 → 0.3.13-beta-0

package/dist/flatmapvuer.common.js

@@ -87,6 +87,13 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
+/***/ "0654":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "06f1":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -763,24 +770,6 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 module.exports = require("core-js/modules/es.array.push.js");
 
-/***/ }),
-
-/***/ "2804":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "2a5c":
-/***/ (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_a7b93f3a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d3e9");
-/* 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_a7b93f3a_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_a7b93f3a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2a5e":
@@ -7643,6 +7632,13 @@ function objToArray(obj) {
 
 /***/ }),
 
+/***/ "813c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "831f":
 /***/ (function(module, exports) {
 
@@ -8614,6 +8610,17 @@ tag.install = function (Vue) {
 
 module.exports = require("vue");
 
+/***/ }),
+
+/***/ "9418":
+/***/ (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_92af3352_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0654");
+/* 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_92af3352_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_92af3352_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "97d3":
@@ -8642,6 +8649,17 @@ module.exports = require("@soda/get-current-script");
 
 module.exports = require("core-js/modules/es.string.iterator.js");
 
+/***/ }),
+
+/***/ "9be4":
+/***/ (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_92908858_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("813c");
+/* 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_92908858_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_92908858_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9d7e":
@@ -9805,29 +9823,11 @@ function isKorean(text) {
 
 /***/ }),
 
-/***/ "d3e9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "d4df":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "d5a7":
-/***/ (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_65c27825_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2804");
-/* 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_65c27825_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_65c27825_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "da6e":
@@ -13302,7 +13302,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=65c27825&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=92908858&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -13773,7 +13773,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=65c27825&scoped=true&
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=92908858&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
@@ -15289,10 +15289,10 @@ var mapResize = function mapResize(map) {
       var myOptions = options;
       if (this.mapImp) {
         if (myOptions) {
-          if (!myOptions.className) myOptions.className = "flatmapvuer-popover";
+          if (!myOptions.className) myOptions.className = "custom-popup";
         } else {
           myOptions = {
-            className: "flatmapvuer-popover",
+            className: "custom-popup",
             positionAtLastClick: true
           };
         }
@@ -15391,6 +15391,12 @@ var mapResize = function mapResize(map) {
         }
       }
     },
+    restoreMapState: function restoreMapState(state) {
+      if (state) {
+        if (state.viewport) this.mapImp.setState(state.viewport);
+        if (state.searchTerm) this.searchAndShowResult(state.searchTerm, true);
+      }
+    },
     createFlatmap: function createFlatmap(state) {
       var _this3 = this;
       if (!this.mapImp && !this.loading) {
@@ -15462,12 +15468,17 @@ var mapResize = function mapResize(map) {
           _this3.pathways = _this3.mapImp.pathTypes();
           _this3.$emit("ready", _this3);
           _this3.loading = false;
-          if (_this3._viewportToBeSet) _this3.mapImp.setState(_this3._viewportToBeSet);else if (state && state.viewport) _this3.mapImp.setState(state.viewport);
+          if (_this3._stateToBeSet) _this3.restoreMapState(_this3._viewportToBeSet);else {
+            _this3.restoreMapState(state);
+          }
         });
       } else if (state) {
         if (this.entry == state.entry) {
-          this._viewportToBeSet = state.viewport;
-          if (this.mapImp && !this.loading) this.mapImp.setState(this._viewportToBeSet);
+          this._stateToBeSet = {
+            viewport: state.viewport,
+            searchTerm: state.searchTerm
+          };
+          if (this.mapImp && !this.loading) this.restoreMapState(this._stateToBeSet);
         }
       }
     },
@@ -15478,17 +15489,24 @@ var mapResize = function mapResize(map) {
       this.drawerOpen = flag;
     },
     /**
-     * Function to display features with annotation matching the provided term.
+     * Function to display features with annotation matching the provided term,
+     * with the option to display the label using displayLabel flag. 
      */
-    searchAndShowResult: function searchAndShowResult(term) {
+    searchAndShowResult: function searchAndShowResult(term, displayLabel) {
       if (this.mapImp) {
         if (term === undefined || term === "") {
           this.mapImp.clearSearchResults();
           return true;
         } else {
           var searchResults = this.mapImp.search(term);
-          if (searchResults && searchResults.__featureIds.length > 0) {
+          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();
         }
@@ -15645,8 +15663,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=65c27825&prod&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_65c27825_prod_scoped_true_lang_scss_ = __webpack_require__("d5a7");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=92908858&prod&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_92908858_prod_scoped_true_lang_scss_ = __webpack_require__("9be4");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -15663,14 +15681,14 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "65c27825",
+  "92908858",
   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=a7b93f3a&scoped=true&
-var MultiFlatmapVuervue_type_template_id_a7b93f3a_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=92af3352&scoped=true&
+var MultiFlatmapVuervue_type_template_id_92af3352_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -15712,7 +15730,7 @@ var MultiFlatmapVuervue_type_template_id_a7b93f3a_scoped_true_render = function
       "popper-class": "flatmap_dropdown"
     },
     on: {
-      "change": _vm.flatmapChanged
+      "change": _vm.setSpecies
     },
     model: {
       value: _vm.activeSpecies,
@@ -15781,9 +15799,9 @@ var MultiFlatmapVuervue_type_template_id_a7b93f3a_scoped_true_render = function
     });
   })], 2);
 };
-var MultiFlatmapVuervue_type_template_id_a7b93f3a_scoped_true_staticRenderFns = [];
+var MultiFlatmapVuervue_type_template_id_92af3352_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=a7b93f3a&scoped=true&
+// CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=template&id=92af3352&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/popover.css
 var popover = __webpack_require__("06f1");
@@ -15829,6 +15847,7 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 
 
 
+
 
 
 /* eslint-disable no-alert, no-console */
@@ -15855,6 +15874,10 @@ var TAXON_UUID = {
   components: {
     FlatmapVuer: FlatmapVuer
   },
+  beforeMount: function beforeMount() {
+    this._resolveList = [];
+    this._initialised = false;
+  },
   mounted: function mounted() {
     var _this = this;
     this.initialise();
@@ -15872,6 +15895,7 @@ var TAXON_UUID = {
           fetch(_this2.flatmapAPI).then(function (response) {
             return response.json();
           }).then(function (data) {
+            _this2._initialised = true;
             //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) {
@@ -15889,20 +15913,33 @@ var TAXON_UUID = {
                 }
               }
             });
-            if (!_this2.state) {
+            //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 (_this2.initial && _this2.speciesList[_this2.initial] !== undefined) {
-                _this2.activeSpecies = _this2.initial;
+              if (species && _this2.speciesList[species] !== undefined) {
+                _this2.activeSpecies = species;
               } else {
                 _this2.activeSpecies = Object.keys(_this2.speciesList)[0];
               }
-              external_vue_default.a.nextTick(function () {
-                if (_this2.$refs[_this2.activeSpecies]) _this2.$refs[_this2.activeSpecies][0].createFlatmap();
-              });
+              _this2.setSpecies(_this2.activeSpecies, _this2.state ? _this2.state.state : undefined, 5);
             }
+            resolve();
+            _this2._resolveList.forEach(function (other) {
+              other();
+            });
           });
+        } else if (_this2._initialised) {
+          //resolve as it has been initialised
+          resolve();
+        } else {
+          //resolve when the list request has been resolved
+          _this2._resolveList.push(resolve);
         }
-        resolve();
       });
     },
     FlatmapSelected: function FlatmapSelected(resource) {
@@ -15932,10 +15969,20 @@ var TAXON_UUID = {
       var map = this.getCurrentFlatmap();
       map.showMarkerPopup(featureId, node, options);
     },
-    flatmapChanged: function flatmapChanged(species, viewport) {
-      if (this.activeSpecies != species) this.activeSpecies = species;
-      this.$refs[this.activeSpecies][0].createFlatmap(viewport);
-      this.$emit('flatmapChanged', this.activeSpecies);
+    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);
+          });
+        }
+      }
     },
     /**
      * Function to switch to the latest existing map from 
@@ -15948,7 +15995,7 @@ var TAXON_UUID = {
       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);
+          this.setSpecies(keys[i], state, 0);
           return;
         }
       }
@@ -15974,7 +16021,8 @@ var TAXON_UUID = {
           state: {
             entry: taxo,
             uuid: uuid,
-            viewport: state.state.viewport
+            viewport: state.state.viewport,
+            searchTerm: state.state.searchTerm
           }
         };
       }
@@ -15986,7 +16034,7 @@ var TAXON_UUID = {
      * @private
      */
     updateState: function updateState(state) {
-      var _this3 = this;
+      var _this4 = this;
       return new Promise(function (resolve) {
         if (state && state.state) {
           var mapState = state.state;
@@ -15994,14 +16042,14 @@ var TAXON_UUID = {
           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);
+              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)(_this3.flatmapAPI);
+              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
@@ -16009,7 +16057,7 @@ var TAXON_UUID = {
               if (mapState.biologicalSex) identifier['biologicalSex'] = mapState.biologicalSex;
               mapManager.findMap_(identifier).then(function (map) {
                 if (map.uuid !== mapState.uuid) {
-                  return _this3.createLegacyEntry(state, mapState.entry, mapState.uuid);
+                  return _this4.createLegacyEntry(state, mapState.entry, mapState.uuid);
                 }
               }).then(function (newState) {
                 resolve(newState ? newState : state);
@@ -16046,24 +16094,15 @@ var TAXON_UUID = {
      * @public
      */
     setState: function setState(state) {
-      var _this4 = this;
+      var _this5 = this;
       if (state) {
-        this.initialise().then(function () {
-          //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);
-                  }
-                });
-              }
+        //Update state if required
+        this.updateState(state).then(function (currentState) {
+          _this5.initialise().then(function () {
+            if (currentState.species && currentState.species !== _this5.activeSpecies) {
+              _this5.setSpecies(currentState.species, currentState.state, 5);
             } else if (currentState.state) {
-              var map = _this4.getCurrentFlatmap();
+              var map = _this5.getCurrentFlatmap();
               map.setState(currentState.state);
             }
           });
@@ -16197,8 +16236,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=a7b93f3a&prod&scoped=true&lang=scss&
-var MultiFlatmapVuervue_type_style_index_0_id_a7b93f3a_prod_scoped_true_lang_scss_ = __webpack_require__("2a5c");
+// EXTERNAL MODULE: ./src/components/MultiFlatmapVuer.vue?vue&type=style&index=0&id=92af3352&prod&scoped=true&lang=scss&
+var MultiFlatmapVuervue_type_style_index_0_id_92af3352_prod_scoped_true_lang_scss_ = __webpack_require__("9418");
 
 // CONCATENATED MODULE: ./src/components/MultiFlatmapVuer.vue
 
@@ -16211,11 +16250,11 @@ var MultiFlatmapVuervue_type_style_index_0_id_a7b93f3a_prod_scoped_true_lang_scs
 
 var MultiFlatmapVuer_component = normalizeComponent(
   components_MultiFlatmapVuervue_type_script_lang_js_,
-  MultiFlatmapVuervue_type_template_id_a7b93f3a_scoped_true_render,
-  MultiFlatmapVuervue_type_template_id_a7b93f3a_scoped_true_staticRenderFns,
+  MultiFlatmapVuervue_type_template_id_92af3352_scoped_true_render,
+  MultiFlatmapVuervue_type_template_id_92af3352_scoped_true_staticRenderFns,
   false,
   null,
-  "a7b93f3a",
+  "92af3352",
   null
   
 )