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

package/dist/flatmapvuer.umd.js

@@ -103,13 +103,6 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ }),
 
-/***/ "0875":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "0f6c":
 /***/ (function(module, exports) {
 
@@ -732,13 +725,6 @@ module.exports = __webpack_require__("e62d");
 
 /***/ }),
 
-/***/ "186a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "1951":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -767,10 +753,10 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 /***/ }),
 
-/***/ "1e79":
-/***/ (function(module, exports) {
+/***/ "1d77":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("throttle-debounce/throttle");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -779,6 +765,24 @@ module.exports = require("throttle-debounce/throttle");
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "21d1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "233b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7a9a");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2439":
@@ -916,7 +920,14 @@ module.exports = require("core-js/modules/es.symbol.iterator.js");
 
 /***/ }),
 
-/***/ "301f":
+/***/ "30df":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.regexp.to-string.js");
+
+/***/ }),
+
+/***/ "3d2d":
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -1003,7 +1014,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 112);
+/******/ 	return __webpack_require__(__webpack_require__.s = 116);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -1110,55 +1121,21 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 112:
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/item.vue?vue&type=template&id=1801ae19&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=template&id=5bf181d4&
 var render = function() {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "div",
-    {
-      directives: [
-        {
-          name: "show",
-          rawName: "v-show",
-          value: _vm.ready,
-          expression: "ready"
-        }
-      ],
-      staticClass: "el-carousel__item",
-      class: {
-        "is-active": _vm.active,
-        "el-carousel__item--card": _vm.$parent.type === "card",
-        "is-in-stage": _vm.inStage,
-        "is-hover": _vm.hover,
-        "is-animating": _vm.animating
-      },
-      style: _vm.itemStyle,
-      on: { click: _vm.handleItemClick }
-    },
-    [
-      _vm.$parent.type === "card"
-        ? _c("div", {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: !_vm.active,
-                expression: "!active"
-              }
-            ],
-            staticClass: "el-carousel__mask"
-          })
-        : _vm._e(),
-      _vm._t("default")
-    ],
+    "section",
+    { staticClass: "el-container", class: { "is-vertical": _vm.isVertical } },
+    [_vm._t("default")],
     2
   )
 }
@@ -1166,28 +1143,9 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/carousel/src/item.vue?vue&type=template&id=1801ae19&
-
-// EXTERNAL MODULE: external "element-ui/lib/utils/util"
-var util_ = __webpack_require__(3);
+// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=template&id=5bf181d4&
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/item.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -1195,121 +1153,35 @@ var util_ = __webpack_require__(3);
 //
 //
 
+/* harmony default export */ var mainvue_type_script_lang_js_ = ({
+  name: 'ElContainer',
 
-var CARD_SCALE = 0.83;
-/* harmony default export */ var itemvue_type_script_lang_js_ = ({
-  name: 'ElCarouselItem',
+  componentName: 'ElContainer',
 
   props: {
-    name: String,
-    label: {
-      type: [String, Number],
-      default: ''
-    }
-  },
-
-  data: function data() {
-    return {
-      hover: false,
-      translate: 0,
-      scale: 1,
-      active: false,
-      ready: false,
-      inStage: false,
-      animating: false
-    };
-  },
-
-
-  methods: {
-    processIndex: function processIndex(index, activeIndex, length) {
-      if (activeIndex === 0 && index === length - 1) {
-        return -1;
-      } else if (activeIndex === length - 1 && index === 0) {
-        return length;
-      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
-        return length + 1;
-      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
-        return -2;
-      }
-      return index;
-    },
-    calcCardTranslate: function calcCardTranslate(index, activeIndex) {
-      var parentWidth = this.$parent.$el.offsetWidth;
-      if (this.inStage) {
-        return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
-      } else if (index < activeIndex) {
-        return -(1 + CARD_SCALE) * parentWidth / 4;
-      } else {
-        return (3 + CARD_SCALE) * parentWidth / 4;
-      }
-    },
-    calcTranslate: function calcTranslate(index, activeIndex, isVertical) {
-      var distance = this.$parent.$el[isVertical ? 'offsetHeight' : 'offsetWidth'];
-      return distance * (index - activeIndex);
-    },
-    translateItem: function translateItem(index, activeIndex, oldIndex) {
-      var parentType = this.$parent.type;
-      var parentDirection = this.parentDirection;
-      var length = this.$parent.items.length;
-      if (parentType !== 'card' && oldIndex !== undefined) {
-        this.animating = index === activeIndex || index === oldIndex;
-      }
-      if (index !== activeIndex && length > 2 && this.$parent.loop) {
-        index = this.processIndex(index, activeIndex, length);
-      }
-      if (parentType === 'card') {
-        if (parentDirection === 'vertical') {
-          console.warn('[Element Warn][Carousel]vertical direction is not supported in card mode');
-        }
-        this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
-        this.active = index === activeIndex;
-        this.translate = this.calcCardTranslate(index, activeIndex);
-        this.scale = this.active ? 1 : CARD_SCALE;
-      } else {
-        this.active = index === activeIndex;
-        var isVertical = parentDirection === 'vertical';
-        this.translate = this.calcTranslate(index, activeIndex, isVertical);
-        this.scale = 1;
-      }
-      this.ready = true;
-    },
-    handleItemClick: function handleItemClick() {
-      var parent = this.$parent;
-      if (parent && parent.type === 'card') {
-        var index = parent.items.indexOf(this);
-        parent.setActiveItem(index);
-      }
-    }
+    direction: String
   },
 
   computed: {
-    parentDirection: function parentDirection() {
-      return this.$parent.direction;
-    },
-    itemStyle: function itemStyle() {
-      var translateType = this.parentDirection === 'vertical' ? 'translateY' : 'translateX';
-      var value = translateType + '(' + this.translate + 'px) scale(' + this.scale + ')';
-      var style = {
-        transform: value
-      };
-      return Object(util_["autoprefixer"])(style);
+    isVertical: function isVertical() {
+      if (this.direction === 'vertical') {
+        return true;
+      } else if (this.direction === 'horizontal') {
+        return false;
+      }
+      return this.$slots && this.$slots.default ? this.$slots.default.some(function (vnode) {
+        var tag = vnode.componentOptions && vnode.componentOptions.tag;
+        return tag === 'el-header' || tag === 'el-footer';
+      }) : false;
     }
-  },
-
-  created: function created() {
-    this.$parent && this.$parent.updateItems();
-  },
-  destroyed: function destroyed() {
-    this.$parent && this.$parent.updateItems();
   }
 });
-// CONCATENATED MODULE: ./packages/carousel/src/item.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_itemvue_type_script_lang_js_ = (itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
 
-// CONCATENATED MODULE: ./packages/carousel/src/item.vue
+// CONCATENATED MODULE: ./packages/container/src/main.vue
 
 
 
@@ -1318,7 +1190,7 @@ var componentNormalizer = __webpack_require__(0);
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  src_itemvue_type_script_lang_js_,
+  src_mainvue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
@@ -1330,24 +1202,17 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "packages/carousel/src/item.vue"
-/* harmony default export */ var item = (component.exports);
-// CONCATENATED MODULE: ./packages/carousel-item/index.js
+component.options.__file = "packages/container/src/main.vue"
+/* harmony default export */ var main = (component.exports);
+// CONCATENATED MODULE: ./packages/container/index.js
 
 
 /* istanbul ignore next */
-item.install = function (Vue) {
-  Vue.component(item.name, item);
+main.install = function (Vue) {
+  Vue.component(main.name, main);
 };
 
-/* harmony default export */ var carousel_item = __webpack_exports__["default"] = (item);
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("8122");
+/* harmony default export */ var container = __webpack_exports__["default"] = (main);
 
 /***/ })
 
@@ -1355,329 +1220,22 @@ module.exports = __webpack_require__("8122");
 
 /***/ }),
 
-/***/ "30df":
-/***/ (function(module, exports) {
+/***/ "4010":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.regexp.to-string.js");
+"use strict";
 
-/***/ }),
 
-/***/ "3d2d":
-/***/ (function(module, exports, __webpack_require__) {
+exports.__esModule = true;
+exports.removeResizeListener = exports.addResizeListener = undefined;
 
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 116);
-/******/ })
-/************************************************************************/
-/******/ ({
+var _resizeObserverPolyfill = __webpack_require__("a1cc");
 
-/***/ 0:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
+var _throttleDebounce = __webpack_require__("831f");
 
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent (
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier, /* server only */
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) { // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functioal component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 116:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=template&id=5bf181d4&
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "section",
-    { staticClass: "el-container", class: { "is-vertical": _vm.isVertical } },
-    [_vm._t("default")],
-    2
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=template&id=5bf181d4&
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var mainvue_type_script_lang_js_ = ({
-  name: 'ElContainer',
-
-  componentName: 'ElContainer',
-
-  props: {
-    direction: String
-  },
-
-  computed: {
-    isVertical: function isVertical() {
-      if (this.direction === 'vertical') {
-        return true;
-      } else if (this.direction === 'horizontal') {
-        return false;
-      }
-      return this.$slots && this.$slots.default ? this.$slots.default.some(function (vnode) {
-        var tag = vnode.componentOptions && vnode.componentOptions.tag;
-        return tag === 'el-header' || tag === 'el-footer';
-      }) : false;
-    }
-  }
-});
-// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./packages/container/src/main.vue
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  src_mainvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "packages/container/src/main.vue"
-/* harmony default export */ var main = (component.exports);
-// CONCATENATED MODULE: ./packages/container/index.js
-
-
-/* istanbul ignore next */
-main.install = function (Vue) {
-  Vue.component(main.name, main);
-};
-
-/* harmony default export */ var container = __webpack_exports__["default"] = (main);
-
-/***/ })
-
-/******/ });
-
-/***/ }),
-
-/***/ "3ec8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "4010":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.removeResizeListener = exports.addResizeListener = undefined;
-
-var _resizeObserverPolyfill = __webpack_require__("a1cc");
-
-var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
-
-var _throttleDebounce = __webpack_require__("831f");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var isServer = typeof window === 'undefined';
 
@@ -4563,13 +4121,6 @@ exports.PopupManager = _popupManager2.default;
 
 /***/ }),
 
-/***/ "5538":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "560b":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6089,13 +5640,6 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
 /***/ }),
 
-/***/ "6259":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "6378":
 /***/ (function(module, exports) {
 
@@ -7173,18 +6717,14 @@ module.exports = require("throttle-debounce/debounce");
 
 /***/ }),
 
-/***/ "7451":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6259");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PubmedViewer_vue_vue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "7a0f":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "7a0f":
+/***/ "7a9a":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -8756,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":
@@ -9074,13 +8625,6 @@ module.exports = require("vue");
 
 /***/ }),
 
-/***/ "96dc":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "97d3":
 /***/ (function(module, exports) {
 
@@ -9109,1120 +8653,73 @@ module.exports = require("core-js/modules/es.string.iterator.js");
 
 /***/ }),
 
-/***/ "9cea":
+/***/ "9d7e":
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 111);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent (
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier, /* server only */
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) { // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functioal component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 111:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=template&id=5d5d1482&
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      class: _vm.carouselClasses,
-      on: {
-        mouseenter: function($event) {
-          $event.stopPropagation()
-          return _vm.handleMouseEnter($event)
-        },
-        mouseleave: function($event) {
-          $event.stopPropagation()
-          return _vm.handleMouseLeave($event)
-        }
-      }
-    },
-    [
-      _c(
-        "div",
-        {
-          staticClass: "el-carousel__container",
-          style: { height: _vm.height }
-        },
-        [
-          _vm.arrowDisplay
-            ? _c("transition", { attrs: { name: "carousel-arrow-left" } }, [
-                _c(
-                  "button",
-                  {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value:
-                          (_vm.arrow === "always" || _vm.hover) &&
-                          (_vm.loop || _vm.activeIndex > 0),
-                        expression:
-                          "(arrow === 'always' || hover) && (loop || activeIndex > 0)"
-                      }
-                    ],
-                    staticClass: "el-carousel__arrow el-carousel__arrow--left",
-                    attrs: { type: "button" },
-                    on: {
-                      mouseenter: function($event) {
-                        _vm.handleButtonEnter("left")
-                      },
-                      mouseleave: _vm.handleButtonLeave,
-                      click: function($event) {
-                        $event.stopPropagation()
-                        _vm.throttledArrowClick(_vm.activeIndex - 1)
-                      }
-                    }
-                  },
-                  [_c("i", { staticClass: "el-icon-arrow-left" })]
-                )
-              ])
-            : _vm._e(),
-          _vm.arrowDisplay
-            ? _c("transition", { attrs: { name: "carousel-arrow-right" } }, [
-                _c(
-                  "button",
-                  {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value:
-                          (_vm.arrow === "always" || _vm.hover) &&
-                          (_vm.loop || _vm.activeIndex < _vm.items.length - 1),
-                        expression:
-                          "(arrow === 'always' || hover) && (loop || activeIndex < items.length - 1)"
-                      }
-                    ],
-                    staticClass: "el-carousel__arrow el-carousel__arrow--right",
-                    attrs: { type: "button" },
-                    on: {
-                      mouseenter: function($event) {
-                        _vm.handleButtonEnter("right")
-                      },
-                      mouseleave: _vm.handleButtonLeave,
-                      click: function($event) {
-                        $event.stopPropagation()
-                        _vm.throttledArrowClick(_vm.activeIndex + 1)
-                      }
-                    }
-                  },
-                  [_c("i", { staticClass: "el-icon-arrow-right" })]
-                )
-              ])
-            : _vm._e(),
-          _vm._t("default")
-        ],
-        2
-      ),
-      _vm.indicatorPosition !== "none"
-        ? _c(
-            "ul",
-            { class: _vm.indicatorsClasses },
-            _vm._l(_vm.items, function(item, index) {
-              return _c(
-                "li",
-                {
-                  key: index,
-                  class: [
-                    "el-carousel__indicator",
-                    "el-carousel__indicator--" + _vm.direction,
-                    { "is-active": index === _vm.activeIndex }
-                  ],
-                  on: {
-                    mouseenter: function($event) {
-                      _vm.throttledIndicatorHover(index)
-                    },
-                    click: function($event) {
-                      $event.stopPropagation()
-                      _vm.handleIndicatorClick(index)
-                    }
-                  }
-                },
-                [
-                  _c("button", { staticClass: "el-carousel__button" }, [
-                    _vm.hasLabel
-                      ? _c("span", [_vm._v(_vm._s(item.label))])
-                      : _vm._e()
-                  ])
-                ]
-              )
-            }),
-            0
-          )
-        : _vm._e()
-    ]
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=template&id=5d5d1482&
-
-// EXTERNAL MODULE: external "throttle-debounce/throttle"
-var throttle_ = __webpack_require__(25);
-var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
-
-// EXTERNAL MODULE: external "element-ui/lib/utils/resize-event"
-var resize_event_ = __webpack_require__(16);
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-/* harmony default export */ var mainvue_type_script_lang_js_ = ({
-  name: 'ElCarousel',
-
-  props: {
-    initialIndex: {
-      type: Number,
-      default: 0
-    },
-    height: String,
-    trigger: {
-      type: String,
-      default: 'hover'
-    },
-    autoplay: {
-      type: Boolean,
-      default: true
-    },
-    interval: {
-      type: Number,
-      default: 3000
-    },
-    indicatorPosition: String,
-    indicator: {
-      type: Boolean,
-      default: true
-    },
-    arrow: {
-      type: String,
-      default: 'hover'
-    },
-    type: String,
-    loop: {
-      type: Boolean,
-      default: true
-    },
-    direction: {
-      type: String,
-      default: 'horizontal',
-      validator: function validator(val) {
-        return ['horizontal', 'vertical'].indexOf(val) !== -1;
-      }
-    }
-  },
-
-  data: function data() {
-    return {
-      items: [],
-      activeIndex: -1,
-      containerWidth: 0,
-      timer: null,
-      hover: false
-    };
-  },
-
-
-  computed: {
-    arrowDisplay: function arrowDisplay() {
-      return this.arrow !== 'never' && this.direction !== 'vertical';
-    },
-    hasLabel: function hasLabel() {
-      return this.items.some(function (item) {
-        return item.label.toString().length > 0;
-      });
-    },
-    carouselClasses: function carouselClasses() {
-      var classes = ['el-carousel', 'el-carousel--' + this.direction];
-      if (this.type === 'card') {
-        classes.push('el-carousel--card');
-      }
-      return classes;
-    },
-    indicatorsClasses: function indicatorsClasses() {
-      var classes = ['el-carousel__indicators', 'el-carousel__indicators--' + this.direction];
-      if (this.hasLabel) {
-        classes.push('el-carousel__indicators--labels');
-      }
-      if (this.indicatorPosition === 'outside' || this.type === 'card') {
-        classes.push('el-carousel__indicators--outside');
-      }
-      return classes;
-    }
-  },
-
-  watch: {
-    items: function items(val) {
-      if (val.length > 0) this.setActiveItem(this.initialIndex);
-    },
-    activeIndex: function activeIndex(val, oldVal) {
-      this.resetItemPosition(oldVal);
-      if (oldVal > -1) {
-        this.$emit('change', val, oldVal);
-      }
-    },
-    autoplay: function autoplay(val) {
-      val ? this.startTimer() : this.pauseTimer();
-    },
-    loop: function loop() {
-      this.setActiveItem(this.activeIndex);
-    },
-    interval: function interval() {
-      this.pauseTimer();
-      this.startTimer();
-    }
-  },
-
-  methods: {
-    handleMouseEnter: function handleMouseEnter() {
-      this.hover = true;
-      this.pauseTimer();
-    },
-    handleMouseLeave: function handleMouseLeave() {
-      this.hover = false;
-      this.startTimer();
-    },
-    itemInStage: function itemInStage(item, index) {
-      var length = this.items.length;
-      if (index === length - 1 && item.inStage && this.items[0].active || item.inStage && this.items[index + 1] && this.items[index + 1].active) {
-        return 'left';
-      } else if (index === 0 && item.inStage && this.items[length - 1].active || item.inStage && this.items[index - 1] && this.items[index - 1].active) {
-        return 'right';
-      }
-      return false;
-    },
-    handleButtonEnter: function handleButtonEnter(arrow) {
-      var _this = this;
-
-      if (this.direction === 'vertical') return;
-      this.items.forEach(function (item, index) {
-        if (arrow === _this.itemInStage(item, index)) {
-          item.hover = true;
-        }
-      });
-    },
-    handleButtonLeave: function handleButtonLeave() {
-      if (this.direction === 'vertical') return;
-      this.items.forEach(function (item) {
-        item.hover = false;
-      });
-    },
-    updateItems: function updateItems() {
-      this.items = this.$children.filter(function (child) {
-        return child.$options.name === 'ElCarouselItem';
-      });
-    },
-    resetItemPosition: function resetItemPosition(oldIndex) {
-      var _this2 = this;
-
-      this.items.forEach(function (item, index) {
-        item.translateItem(index, _this2.activeIndex, oldIndex);
-      });
-    },
-    playSlides: function playSlides() {
-      if (this.activeIndex < this.items.length - 1) {
-        this.activeIndex++;
-      } else if (this.loop) {
-        this.activeIndex = 0;
-      }
-    },
-    pauseTimer: function pauseTimer() {
-      if (this.timer) {
-        clearInterval(this.timer);
-        this.timer = null;
-      }
-    },
-    startTimer: function startTimer() {
-      if (this.interval <= 0 || !this.autoplay || this.timer) return;
-      this.timer = setInterval(this.playSlides, this.interval);
-    },
-    resetTimer: function resetTimer() {
-      this.pauseTimer();
-      this.startTimer();
-    },
-    setActiveItem: function setActiveItem(index) {
-      if (typeof index === 'string') {
-        var filteredItems = this.items.filter(function (item) {
-          return item.name === index;
-        });
-        if (filteredItems.length > 0) {
-          index = this.items.indexOf(filteredItems[0]);
-        }
-      }
-      index = Number(index);
-      if (isNaN(index) || index !== Math.floor(index)) {
-        console.warn('[Element Warn][Carousel]index must be an integer.');
-        return;
-      }
-      var length = this.items.length;
-      var oldIndex = this.activeIndex;
-      if (index < 0) {
-        this.activeIndex = this.loop ? length - 1 : 0;
-      } else if (index >= length) {
-        this.activeIndex = this.loop ? 0 : length - 1;
-      } else {
-        this.activeIndex = index;
-      }
-      if (oldIndex === this.activeIndex) {
-        this.resetItemPosition(oldIndex);
-      }
-      this.resetTimer();
-    },
-    prev: function prev() {
-      this.setActiveItem(this.activeIndex - 1);
-    },
-    next: function next() {
-      this.setActiveItem(this.activeIndex + 1);
-    },
-    handleIndicatorClick: function handleIndicatorClick(index) {
-      this.activeIndex = index;
-    },
-    handleIndicatorHover: function handleIndicatorHover(index) {
-      if (this.trigger === 'hover' && index !== this.activeIndex) {
-        this.activeIndex = index;
-      }
-    }
-  },
-
-  created: function created() {
-    var _this3 = this;
-
-    this.throttledArrowClick = throttle_default()(300, true, function (index) {
-      _this3.setActiveItem(index);
-    });
-    this.throttledIndicatorHover = throttle_default()(300, function (index) {
-      _this3.handleIndicatorHover(index);
-    });
-  },
-  mounted: function mounted() {
-    var _this4 = this;
-
-    this.updateItems();
-    this.$nextTick(function () {
-      Object(resize_event_["addResizeListener"])(_this4.$el, _this4.resetItemPosition);
-      if (_this4.initialIndex < _this4.items.length && _this4.initialIndex >= 0) {
-        _this4.activeIndex = _this4.initialIndex;
-      }
-      _this4.startTimer();
-    });
-  },
-  beforeDestroy: function beforeDestroy() {
-    if (this.$el) Object(resize_event_["removeResizeListener"])(this.$el, this.resetItemPosition);
-    this.pauseTimer();
-  }
-});
-// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./packages/carousel/src/main.vue
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  src_mainvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "packages/carousel/src/main.vue"
-/* harmony default export */ var main = (component.exports);
-// CONCATENATED MODULE: ./packages/carousel/index.js
-
-
-/* istanbul ignore next */
-main.install = function (Vue) {
-  Vue.component(main.name, main);
-};
-
-/* harmony default export */ var carousel = __webpack_exports__["default"] = (main);
-
-/***/ }),
-
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("4010");
-
-/***/ }),
-
-/***/ 25:
-/***/ (function(module, exports) {
-
-module.exports = __webpack_require__("1e79");
-
-/***/ })
-
-/******/ });
-
-/***/ }),
-
-/***/ "9d7e":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-exports.default = function (Vue) {
-
-  /**
-   * template
-   *
-   * @param {String} string
-   * @param {Array} ...args
-   * @return {String}
-   */
-
-  function template(string) {
-    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    if (args.length === 1 && _typeof(args[0]) === 'object') {
-      args = args[0];
-    }
-
-    if (!args || !args.hasOwnProperty) {
-      args = {};
-    }
-
-    return string.replace(RE_NARGS, function (match, prefix, i, index) {
-      var result = void 0;
-
-      if (string[index - 1] === '{' && string[index + match.length] === '}') {
-        return i;
-      } else {
-        result = (0, _util.hasOwn)(args, i) ? args[i] : null;
-        if (result === null || result === undefined) {
-          return '';
-        }
-
-        return result;
-      }
-    });
-  }
-
-  return template;
-};
-
-var _util = __webpack_require__("8122");
-
-var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
-/**
- *  String format template
- *  - Inspired:
- *    https://github.com/Matt-Esch/string-template/index.js
- */
-
-/***/ }),
-
-/***/ "a1cc":
-/***/ (function(module, exports) {
-
-module.exports = require("resize-observer-polyfill");
-
-/***/ }),
-
-/***/ "a447":
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 122);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
 
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
 
-function normalizeComponent (
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier, /* server only */
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+exports.__esModule = true;
 
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
+exports.default = function (Vue) {
 
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
+  /**
+   * template
+   *
+   * @param {String} string
+   * @param {Array} ...args
+   * @return {String}
+   */
 
-  var hook
-  if (moduleIdentifier) { // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
+  function template(string) {
+    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
     }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
-      : injectStyles
-  }
 
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functioal component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+    if (args.length === 1 && _typeof(args[0]) === 'object') {
+      args = args[0];
     }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 122:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/link/src/main.vue?vue&type=template&id=01cf3b65&
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "a",
-    _vm._b(
-      {
-        class: [
-          "el-link",
-          _vm.type ? "el-link--" + _vm.type : "",
-          _vm.disabled && "is-disabled",
-          _vm.underline && !_vm.disabled && "is-underline"
-        ],
-        attrs: { href: _vm.disabled ? null : _vm.href },
-        on: { click: _vm.handleClick }
-      },
-      "a",
-      _vm.$attrs,
-      false
-    ),
-    [
-      _vm.icon ? _c("i", { class: _vm.icon }) : _vm._e(),
-      _vm.$slots.default
-        ? _c("span", { staticClass: "el-link--inner" }, [_vm._t("default")], 2)
-        : _vm._e(),
-      _vm.$slots.icon ? [_vm.$slots.icon ? _vm._t("icon") : _vm._e()] : _vm._e()
-    ],
-    2
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-// CONCATENATED MODULE: ./packages/link/src/main.vue?vue&type=template&id=01cf3b65&
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/link/src/main.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
+    if (!args || !args.hasOwnProperty) {
+      args = {};
+    }
 
-/* harmony default export */ var mainvue_type_script_lang_js_ = ({
-  name: 'ElLink',
-
-  props: {
-    type: {
-      type: String,
-      default: 'default'
-    },
-    underline: {
-      type: Boolean,
-      default: true
-    },
-    disabled: Boolean,
-    href: String,
-    icon: String
-  },
+    return string.replace(RE_NARGS, function (match, prefix, i, index) {
+      var result = void 0;
 
-  methods: {
-    handleClick: function handleClick(event) {
-      if (!this.disabled) {
-        if (!this.href) {
-          this.$emit('click', event);
+      if (string[index - 1] === '{' && string[index + match.length] === '}') {
+        return i;
+      } else {
+        result = (0, _util.hasOwn)(args, i) ? args[i] : null;
+        if (result === null || result === undefined) {
+          return '';
         }
+
+        return result;
       }
-    }
+    });
   }
-});
-// CONCATENATED MODULE: ./packages/link/src/main.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./packages/link/src/main.vue
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  src_mainvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "packages/link/src/main.vue"
-/* harmony default export */ var main = (component.exports);
-// CONCATENATED MODULE: ./packages/link/index.js
+  return template;
+};
 
+var _util = __webpack_require__("8122");
 
-/* istanbul ignore next */
-main.install = function (Vue) {
-  Vue.component(main.name, main);
-};
+var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
+/**
+ *  String format template
+ *  - Inspired:
+ *    https://github.com/Matt-Esch/string-template/index.js
+ */
 
-/* harmony default export */ var packages_link = __webpack_exports__["default"] = (main);
+/***/ }),
 
-/***/ })
+/***/ "a1cc":
+/***/ (function(module, exports) {
 
-/******/ });
+module.exports = require("resize-observer-polyfill");
 
 /***/ }),
 
@@ -10588,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":
@@ -10727,36 +9213,36 @@ exports.default = {
       cancelButtonText: 'No'
     },
     empty: {
-      description: 'No Data'
-    }
-  }
-};
-
-/***/ }),
-
-/***/ "b5d8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
+      description: 'No Data'
+    }
+  }
+};
 
 /***/ }),
 
-/***/ "be4f":
+/***/ "b5d8":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "bec2":
+/***/ "b64b":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0875");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_6d6dee76_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("21d1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_6d6dee76_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_6d6dee76_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "be4f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "c2cc":
@@ -11326,17 +9812,6 @@ function isKorean(text) {
   return reg.test(text);
 }
 
-/***/ }),
-
-/***/ "d3ec":
-/***/ (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_39b938a0_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5538");
-/* 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_39b938a0_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_39b938a0_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "d4df":
@@ -12013,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__) {
 
@@ -14774,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":
@@ -14818,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":"4154fce4-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=39b938a0&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;
@@ -14853,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",
@@ -14881,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,
@@ -15282,7 +13782,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=39b938a0&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");
@@ -15489,8 +13989,8 @@ 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":"4154fce4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tooltip.vue?vue&type=template&id=4a14f4de&scoped=true&
-var Tooltipvue_type_template_id_4a14f4de_scoped_true_render = function render() {
+// 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/Tooltip.vue?vue&type=template&id=6d6dee76&scoped=true&
+var Tooltipvue_type_template_id_6d6dee76_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -15513,21 +14013,7 @@ var Tooltipvue_type_template_id_4a14f4de_scoped_true_render = function render()
     staticClass: "title"
   }, [_vm._v(_vm._s(_vm.content.featureId))])]), _c('div', {
     staticClass: "content-container scrollbar"
-  }, [_vm.content.featureIds ? _c('pubmed-viewer', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: false,
-      expression: "false"
-    }],
-    staticClass: "block",
-    attrs: {
-      "entry": _vm.content
-    },
-    on: {
-      "pubmedSearchUrl": _vm.pubmedSearchUrlUpdate
-    }
-  }) : _vm._e(), _vm._v(" " + _vm._s(_vm.content.paths) + " "), this.origins ? _c('div', {
+  }, [_vm._v(" " + _vm._s(_vm.content.paths) + " "), this.origins ? _c('div', {
     staticClass: "block"
   }, [_c('div', [_c('span', {
     staticClass: "attribute-title"
@@ -15627,7 +14113,20 @@ var Tooltipvue_type_template_id_4a14f4de_scoped_true_render = function render()
     on: {
       "click": _vm.openAll
     }
-  }, [_vm._v(" Search for data on components ")]), _vm.pubmedSearchUrl != '' ? _c('el-button', {
+  }, [_vm._v(" Search for data on components ")]), _vm.content.featureIds ? _c('pubmed-viewer', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: false,
+      expression: "false"
+    }],
+    attrs: {
+      "entry": _vm.content
+    },
+    on: {
+      "pubmedSearchUrl": _vm.pubmedSearchUrlUpdate
+    }
+  }) : _vm._e(), _vm.pubmedSearchUrl != '' ? _c('el-button', {
     staticClass: "button",
     attrs: {
       "icon": "el-icon-notebook-2"
@@ -15639,9 +14138,9 @@ var Tooltipvue_type_template_id_4a14f4de_scoped_true_render = function render()
     }
   }, [_vm._v(" Open publications in pubmed ")]) : _vm._e()], 1)]) : _vm._e()], 1);
 };
-var Tooltipvue_type_template_id_4a14f4de_scoped_true_staticRenderFns = [];
+var Tooltipvue_type_template_id_6d6dee76_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=4a14f4de&scoped=true&
+// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=6d6dee76&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
@@ -15737,127 +14236,17 @@ 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":"4154fce4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PubmedViewer.vue?vue&type=template&id=aae60614&scoped=true&
-var PubmedViewervue_type_template_id_aae60614_scoped_true_render = function render() {
+// 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/PubmedViewer.vue?vue&type=template&id=58832c92&scoped=true&
+var PubmedViewervue_type_template_id_58832c92_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "pubmed-container"
-  }, [_c('div', {
-    directives: [{
-      name: "loading",
-      rawName: "v-loading",
-      value: _vm.loading.response,
-      expression: "loading.response"
-    }],
-    staticClass: "block"
-  }, [_c('div', {
-    staticClass: "attribute-title"
-  }, [_vm._v("Pubmed Resources")]), _c('br'), _c('el-carousel', {
-    attrs: {
-      "autoplay": false,
-      "indicator-position": "outside",
-      "height": "250px",
-      "width": "200px"
-    }
-  }, _vm._l(_vm.pubmeds, function (pub, i) {
-    return _c('el-carousel-item', {
-      key: i
-    }, [_c('div', {
-      staticClass: "attribute-content"
-    }, [_c('div', {
-      domProps: {
-        "innerHTML": _vm._s(pub.html)
-      }
-    }), _c('el-link', {
-      staticClass: "el-link",
-      attrs: {
-        "href": pub.url,
-        "underline": false,
-        "target": "_blank"
-      }
-    }, [_vm._v(_vm._s(pub.url))])], 1)]);
-  }), 1)], 1)]);
+  });
 };
-var PubmedViewervue_type_template_id_aae60614_scoped_true_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=template&id=aae60614&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-
-
-
-
-
-
-
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
-
-
-
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/carousel-item.css
-var carousel_item = __webpack_require__("186a");
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/carousel-item.js
-var lib_carousel_item = __webpack_require__("301f");
-var lib_carousel_item_default = /*#__PURE__*/__webpack_require__.n(lib_carousel_item);
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/carousel.css
-var carousel = __webpack_require__("96dc");
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/carousel.js
-var lib_carousel = __webpack_require__("9cea");
-var lib_carousel_default = /*#__PURE__*/__webpack_require__.n(lib_carousel);
+var PubmedViewervue_type_template_id_58832c92_scoped_true_staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/link.css
-var theme_chalk_link = __webpack_require__("fd71");
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/link.js
-var lib_link = __webpack_require__("a447");
-var lib_link_default = /*#__PURE__*/__webpack_require__.n(lib_link);
+// CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=template&id=58832c92&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/web.url-search-params.js"
 var web_url_search_params_js_ = __webpack_require__("712c");
@@ -15871,21 +14260,6 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -15893,13 +14267,6 @@ var es_regexp_to_string_js_ = __webpack_require__("30df");
 
 /* eslint-disable no-alert, no-console */
 
-
-
-locale_default.a.use(en_default.a);
-external_vue_default.a.use(lib_link_default.a);
-external_vue_default.a.use(lib_carousel_default.a);
-external_vue_default.a.use(lib_carousel_item_default.a);
-external_vue_default.a.use(lib_button_default.a);
 /* harmony default export */ var PubmedViewervue_type_script_lang_js_ = ({
   name: "Tooltip",
   props: {
@@ -15909,52 +14276,26 @@ external_vue_default.a.use(lib_button_default.a);
     }
   },
   watch: {
-    'entry.featureId': function entryFeatureId(val) {
-      var _this = this;
-      this.flatmapQuery(val).then(function (pb) {
-        return _this.pubmeds = pb;
-      });
-    },
     'entry.featureIds': {
       handler: function handler(ids) {
-        this.flatmapQuery(ids);
+        this.pubmedQueryOnIds(ids);
       }
     }
   },
   inject: ['flatmapAPI'],
   data: function data() {
     return {
-      data: {},
       pubmeds: [],
-      pubmedIds: [],
-      loading: {
-        response: true,
-        publications: true
-      }
+      pubmedIds: []
     };
   },
   mounted: function mounted() {
-    if (this.entry.featureIds) this.flatmapQuery(this.entry.featureIds);
+    if (this.entry.featureIds) this.pubmedQueryOnIds(this.entry.featureIds);
   },
   methods: {
     stripPMIDPrefix: function stripPMIDPrefix(pubmedId) {
       return pubmedId.split(':')[1];
     },
-    titleFromPubmed: function titleFromPubmed(pubmedId) {
-      return new Promise(function (resolve) {
-        fetch("https://api.ncbi.nlm.nih.gov/lit/ctxp/v1/pubmed/?format=citation&contenttype=json&id=".concat(pubmedId)).then(function (response) {
-          return response.json();
-        }).then(function (data) {
-          resolve(data.apa.format);
-        }).catch(function (error) {
-          console.error('Error:', error);
-        });
-      });
-    },
-    splitLink: function splitLink(bibliographyString) {
-      var split = bibliographyString.split('https');
-      return [split[0], 'https' + split[1]];
-    },
     buildPubmedSqlStatement: function buildPubmedSqlStatement(keastIds) {
       var sql = 'select distinct publication from publications where entity in (';
       if (keastIds.length === 1) {
@@ -15966,17 +14307,14 @@ external_vue_default.a.use(lib_button_default.a);
       }
       return sql;
     },
-    flatmapQuery: function flatmapQuery(keastIds) {
-      var _this2 = this;
-      if (!keastIds || keastIds.length === 0) return;
-      this.pubmeds = [];
-      this.loading.response = true;
-
-      // fetch pubmed publications for the given ids
+    buildPubmedSqlStatementForModels: function buildPubmedSqlStatementForModels(model) {
+      return "select distinct publication from publications where entity = '".concat(model, "'");
+    },
+    flatmapQuery: function flatmapQuery(sql) {
       var data = {
-        sql: this.buildPubmedSqlStatement(keastIds)
+        sql: sql
       };
-      fetch("".concat(this.flatmapAPI, "knowledge/query/"), {
+      return fetch("".concat(this.flatmapAPI, "knowledge/query/"), {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json'
@@ -15984,36 +14322,40 @@ external_vue_default.a.use(lib_button_default.a);
         body: JSON.stringify(data)
       }).then(function (response) {
         return response.json();
-      }).then(function (data) {
-        _this2.responseData = data;
-        _this2.loading.response = false;
-
-        // create links for each pubmedId
+      }).catch(function (error) {
+        console.error('Error:', error);
+      });
+    },
+    pubmedQueryOnIds: function pubmedQueryOnIds(keastIds) {
+      var _this = this;
+      if (!keastIds || keastIds.length === 0) return;
+      var sql = this.buildPubmedSqlStatement(keastIds);
+      this.flatmapQuery(sql).then(function (data) {
+        _this.responseData = data;
+        // Create pubmed url on paths if we have them
         if (data.values.length > 0) {
-          data.values.forEach(function (identifier) {
-            var ids = _this2.stripPMIDPrefix(identifier[0]);
-            _this2.titleFromPubmed(ids).then(function (bib) {
-              var _this2$splitLink = _this2.splitLink(bib),
-                _this2$splitLink2 = _slicedToArray(_this2$splitLink, 2),
-                html = _this2$splitLink2[0],
-                link = _this2$splitLink2[1];
-              _this2.pubmeds.push({
-                identifier: identifier[0],
-                html: html,
-                url: link
-              });
-            });
-          });
+          _this.$emit('pubmedSearchUrl', _this.pubmedSearchUrl(data.values.map(function (id) {
+            return _this.stripPMIDPrefix(id[0]);
+          })));
+        } else {
+          // Create pubmed url on models
+          _this.pubmedQueryOnModels(_this.entry.source);
+        }
+      });
+    },
+    pubmedQueryOnModels: function pubmedQueryOnModels(source) {
+      var _this2 = this;
+      this.flatmapQuery(this.buildPubmedSqlStatementForModels(source)).then(function (data) {
+        if (Array.isArray(data.values) && data.values.length > 0) {
           _this2.$emit('pubmedSearchUrl', _this2.pubmedSearchUrl(data.values.map(function (id) {
             return _this2.stripPMIDPrefix(id[0]);
           })));
         } else {
           _this2.$emit('pubmedSearchUrl', ''); // Clears the pubmed search button 
         }
-      }).catch(function (error) {
-        console.error('Error:', error);
       });
     },
+
     pubmedSearchUrl: function pubmedSearchUrl(ids) {
       var url = 'https://pubmed.ncbi.nlm.nih.gov/?';
       var params = new URLSearchParams();
@@ -16024,8 +14366,8 @@ external_vue_default.a.use(lib_button_default.a);
 });
 // CONCATENATED MODULE: ./src/components/PubmedViewer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_PubmedViewervue_type_script_lang_js_ = (PubmedViewervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/PubmedViewer.vue?vue&type=style&index=0&id=aae60614&prod&scoped=true&lang=scss&
-var PubmedViewervue_type_style_index_0_id_aae60614_prod_scoped_true_lang_scss_ = __webpack_require__("7451");
+// EXTERNAL MODULE: ./src/components/PubmedViewer.vue?vue&type=style&index=0&id=58832c92&prod&scoped=true&lang=scss&
+var PubmedViewervue_type_style_index_0_id_58832c92_prod_scoped_true_lang_scss_ = __webpack_require__("233b");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -16136,11 +14478,11 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   components_PubmedViewervue_type_script_lang_js_,
-  PubmedViewervue_type_template_id_aae60614_scoped_true_render,
-  PubmedViewervue_type_template_id_aae60614_scoped_true_staticRenderFns,
+  PubmedViewervue_type_template_id_58832c92_scoped_true_render,
+  PubmedViewervue_type_template_id_58832c92_scoped_true_staticRenderFns,
   false,
   null,
-  "aae60614",
+  "58832c92",
   null
   
 )
@@ -16449,8 +14791,51 @@ var _capitalise = function capitalise(str) {
       }
       return label;
     },
-    pathwayQuery: function pathwayQuery(keastIds) {
+    processConnectivity: function processConnectivity(connectivity) {
       var _this4 = this;
+      // Filter the origin and destinations from components
+      var components = this.findComponents(connectivity);
+
+      // Remove duplicates
+      var axons = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.axons);
+      var dendrites = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.dendrites);
+
+      // Create list of ids to get labels for
+      var conIds = this.findAllIdsFromConnectivity(connectivity);
+
+      // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
+      this.createLabelLookup(conIds).then(function (lookUp) {
+        _this4.destinations = axons.map(function (a) {
+          return _this4.createLabelFromNeuralNode(a, lookUp);
+        });
+        _this4.origins = dendrites.map(function (d) {
+          return _this4.createLabelFromNeuralNode(d, lookUp);
+        });
+        _this4.components = components.map(function (c) {
+          return _this4.createLabelFromNeuralNode(c, lookUp);
+        });
+      });
+      this.flattenAndFindDatasets(components, axons, dendrites);
+    },
+    flattenAndFindDatasets: function flattenAndFindDatasets(components, axons, dendrites) {
+      // process the nodes for finding datasets (Note this is not critical to the tooltip, only for the 'search on components' button)
+      var componentsFlat = this.flattenConntectivity(components);
+      var axonsFlat = this.flattenConntectivity(axons);
+      var dendritesFlat = this.flattenConntectivity(dendrites);
+
+      // Filter for the anatomy which is annotated on datasets
+      this.destinationsWithDatasets = this.uberons.filter(function (ub) {
+        return axonsFlat.indexOf(ub.id) !== -1;
+      });
+      this.originsWithDatasets = this.uberons.filter(function (ub) {
+        return dendritesFlat.indexOf(ub.id) !== -1;
+      });
+      this.componentsWithDatasets = this.uberons.filter(function (ub) {
+        return componentsFlat.indexOf(ub.id) !== -1;
+      });
+    },
+    pathwayQuery: function pathwayQuery(keastIds) {
+      var _this5 = this;
       this.destinations = [];
       this.origins = [];
       this.components = [];
@@ -16469,41 +14854,8 @@ var _capitalise = function capitalise(str) {
         return response.json();
       }).then(function (data) {
         var connectivity = JSON.parse(data.values[0][0]);
-        // Filter the origin and destinations from components
-        var components = _this4.findComponents(connectivity);
-
-        // process the nodes for finding datasets
-        var componentsFlat = _this4.flattenConntectivity(components);
-        var axons = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.axons);
-        var dendrites = Tooltipvue_type_script_lang_js_removeDuplicates(connectivity.dendrites);
-        var axonsFlat = _this4.flattenConntectivity(axons);
-        var dendritesFlat = _this4.flattenConntectivity(dendrites);
-        var conIds = _this4.findAllIdsFromConnectivity(connectivity); // Create list of ids to get labels for
-
-        // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
-        _this4.createLabelLookup(conIds).then(function (lookUp) {
-          _this4.destinations = axons.map(function (a) {
-            return _this4.createLabelFromNeuralNode(a, lookUp);
-          });
-          _this4.origins = dendrites.map(function (d) {
-            return _this4.createLabelFromNeuralNode(d, lookUp);
-          });
-          _this4.components = components.map(function (c) {
-            return _this4.createLabelFromNeuralNode(c, lookUp);
-          });
-        });
-
-        // Filter for the anatomy which is annotated on datasets
-        _this4.destinationsWithDatasets = _this4.uberons.filter(function (ub) {
-          return axonsFlat.indexOf(ub.id) !== -1;
-        });
-        _this4.originsWithDatasets = _this4.uberons.filter(function (ub) {
-          return dendritesFlat.indexOf(ub.id) !== -1;
-        });
-        _this4.componentsWithDatasets = _this4.uberons.filter(function (ub) {
-          return componentsFlat.indexOf(ub.id) !== -1;
-        });
-        _this4.loading = false;
+        _this5.processConnectivity(connectivity);
+        _this5.loading = false;
       }).catch(function (error) {
         console.error('Error:', error);
       });
@@ -16512,8 +14864,8 @@ var _capitalise = function capitalise(str) {
 });
 // CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_Tooltipvue_type_script_lang_js_ = (Tooltipvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=4a14f4de&prod&scoped=true&lang=scss&
-var Tooltipvue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss_ = __webpack_require__("bec2");
+// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=6d6dee76&prod&scoped=true&lang=scss&
+var Tooltipvue_type_style_index_0_id_6d6dee76_prod_scoped_true_lang_scss_ = __webpack_require__("b64b");
 
 // CONCATENATED MODULE: ./src/components/Tooltip.vue
 
@@ -16526,11 +14878,11 @@ var Tooltipvue_type_style_index_0_id_4a14f4de_prod_scoped_true_lang_scss_ = __we
 
 var Tooltip_component = normalizeComponent(
   components_Tooltipvue_type_script_lang_js_,
-  Tooltipvue_type_template_id_4a14f4de_scoped_true_render,
-  Tooltipvue_type_template_id_4a14f4de_scoped_true_staticRenderFns,
+  Tooltipvue_type_template_id_6d6dee76_scoped_true_render,
+  Tooltipvue_type_template_id_6d6dee76_scoped_true_staticRenderFns,
   false,
   null,
-  "4a14f4de",
+  "6d6dee76",
   null
   
 )
@@ -16539,7 +14891,7 @@ var Tooltip_component = normalizeComponent(
 // 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":"4154fce4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/legends/Legends.vue?vue&type=template&id=5dafd4cc&scoped=true&
+// 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/legends/Legends.vue?vue&type=template&id=5dafd4cc&scoped=true&
 var Legendsvue_type_template_id_5dafd4cc_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -16727,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) {
@@ -16899,6 +15264,7 @@ var mapResize = function mapResize(map) {
           this.tooltipVisible = true;
           this.tooltipContent = content;
           this.tooltipContent.uberon = feature;
+          this.tooltipContent.source = data.feature.source;
           this.tooltipContent.title = data.label;
           this.tooltipContent.featureIds = [feature];
           this.tooltipContent.actions.push({
@@ -16916,6 +15282,7 @@ var mapResize = function mapResize(map) {
         this.tooltipVisible = true;
         this.tooltipContent = content;
         this.tooltipContent.uberon = feature;
+        this.tooltipContent.source = data.feature.source;
         this.tooltipContent.title = data.label;
         this.tooltipContent.actions.push({
           title: "View dataset",
@@ -17063,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
@@ -17100,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) {
@@ -17181,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
@@ -17273,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=39b938a0&prod&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_39b938a0_prod_scoped_true_lang_scss_ = __webpack_require__("d3ec");
+// 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
 
@@ -17291,14 +15671,14 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "39b938a0",
+  "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":"4154fce4-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', {
@@ -17389,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,
@@ -17400,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
@@ -17407,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");
@@ -17455,6 +15837,7 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 
 
 
+
 
 /* eslint-disable no-alert, no-console */
 
@@ -17468,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: {
@@ -17488,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) {
@@ -17504,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 {
@@ -17544,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,
@@ -17571,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);
-          }
+          });
         });
       }
     },
@@ -17639,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.
      */
@@ -17678,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
 
@@ -17692,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
   
 )
@@ -17722,13 +16238,6 @@ module.exports = require("core-js/modules/es.string.includes.js");
 
 /***/ }),
 
-/***/ "fd71":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "fe07":
 /***/ (function(module, exports, __webpack_require__) {