@abi-software/map-side-bar 1.2.0-beta.7 → 1.2.0

package/dist/map-side-bar.common.js

@@ -129,21 +129,17 @@ module.exports = require("element-ui/lib/theme-chalk/select.css");
 
 /***/ }),
 
-/***/ "139f":
-/***/ (function(module, exports) {
+/***/ "139b":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.array.for-each");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "183e":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "139f":
+/***/ (function(module, exports) {
 
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6cf4");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+module.exports = require("core-js/modules/es.array.for-each");
 
 /***/ }),
 
@@ -161,6 +157,13 @@ module.exports = require("core-js/modules/web.dom-collections.iterator");
 
 /***/ }),
 
+/***/ "1e9c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "2175":
 /***/ (function(module, exports) {
 
@@ -182,6 +185,17 @@ module.exports = require("element-ui/lib/theme-chalk/button.css");
 
 /***/ }),
 
+/***/ "26e6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_75e03782_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f86d");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_75e03782_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_75e03782_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_75e03782_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "2a6f":
 /***/ (function(module, exports) {
 
@@ -196,17 +210,6 @@ module.exports = require("element-ui/lib/theme-chalk/loading.css");
 
 /***/ }),
 
-/***/ "2dd0":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_57801ec0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("db11");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_57801ec0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_57801ec0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_57801ec0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "373b":
 /***/ (function(module, exports) {
 
@@ -214,10 +217,10 @@ module.exports = require("element-ui/lib/drawer");
 
 /***/ }),
 
-/***/ "3a09":
-/***/ (function(module, exports) {
+/***/ "3cbb":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("@abi-software/gallery");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -228,6 +231,17 @@ module.exports = require("@abi-software/svg-sprite");
 
 /***/ }),
 
+/***/ "44cc":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_d68260c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("139b");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_d68260c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_d68260c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_d68260c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "46bb":
 /***/ (function(module, exports) {
 
@@ -256,24 +270,6 @@ module.exports = require("core-js/modules/es.array.filter");
 
 /***/ }),
 
-/***/ "4bff":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "4c16":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_3d1731ba_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4bff");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_3d1731ba_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_3d1731ba_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_3d1731ba_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "4c76":
 /***/ (function(module, exports) {
 
@@ -302,13 +298,6 @@ module.exports = require("core-js/modules/es.regexp.exec");
 
 /***/ }),
 
-/***/ "5835":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5d8c":
 /***/ (function(module, exports) {
 
@@ -337,6 +326,13 @@ module.exports = require("core-js/modules/es.array.slice");
 
 /***/ }),
 
+/***/ "6824":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "6b07":
 /***/ (function(module, exports) {
 
@@ -358,13 +354,6 @@ module.exports = require("element-ui/lib/locale/lang/en");
 
 /***/ }),
 
-/***/ "6cf4":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "6e25":
 /***/ (function(module, exports) {
 
@@ -386,6 +375,17 @@ module.exports = require("core-js/modules/es.number.constructor");
 
 /***/ }),
 
+/***/ "718b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3cbb");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "79d0":
 /***/ (function(module, exports) {
 
@@ -393,6 +393,13 @@ module.exports = require("regenerator-runtime/runtime");
 
 /***/ }),
 
+/***/ "7ad0":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "7c81":
 /***/ (function(module, exports) {
 
@@ -428,17 +435,6 @@ module.exports = require("core-js/modules/es.promise");
 
 /***/ }),
 
-/***/ "84e7":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6e33602c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e4dc");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6e33602c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6e33602c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6e33602c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "850c":
 /***/ (function(module, exports) {
 
@@ -488,17 +484,6 @@ module.exports = require("element-ui/lib/popover");
 
 /***/ }),
 
-/***/ "947f":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_5de93eb9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a6a7");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_5de93eb9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_5de93eb9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_5de93eb9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "9861":
 /***/ (function(module, exports) {
 
@@ -527,10 +512,14 @@ module.exports = __webpack_require__.p + "img/missing-image.1878d8b8.svg";
 
 /***/ }),
 
-/***/ "a012":
-/***/ (function(module, exports) {
+/***/ "a3fe":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("@abi-software/gallery/src/mixins/GalleryHelpers");
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3f7eb1a5_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1e9c");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3f7eb1a5_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3f7eb1a5_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3f7eb1a5_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
@@ -541,13 +530,6 @@ module.exports = require("element-ui/lib/theme-chalk/popover.css");
 
 /***/ }),
 
-/***/ "a6a7":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "a9f8":
 /***/ (function(module, exports) {
 
@@ -569,6 +551,13 @@ module.exports = require("element-ui/lib/loading");
 
 /***/ }),
 
+/***/ "aecd":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.find-index");
+
+/***/ }),
+
 /***/ "b2c7":
 /***/ (function(module, exports) {
 
@@ -583,14 +572,10 @@ module.exports = require("element-ui/lib/icon");
 
 /***/ }),
 
-/***/ "bc5f":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "b917":
+/***/ (function(module, exports) {
 
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3d831a8e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5835");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3d831a8e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3d831a8e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBar_vue_vue_type_style_index_0_id_3d831a8e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+module.exports = require("core-js/modules/es.object.assign");
 
 /***/ }),
 
@@ -629,17 +614,14 @@ module.exports = require("element-ui/lib/option");
 
 /***/ }),
 
-/***/ "c38d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "db11":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "c426":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// extracted by mini-css-extract-plugin
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_53d83468_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6824");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_53d83468_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_53d83468_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_53d83468_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
@@ -657,17 +639,6 @@ module.exports = require("current-script-polyfill");
 
 /***/ }),
 
-/***/ "e3d4":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_66c0a49d_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c38d");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_66c0a49d_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_66c0a49d_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_66c0a49d_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "e42b":
 /***/ (function(module, exports) {
 
@@ -675,13 +646,6 @@ module.exports = require("core-js/modules/es.array.from");
 
 /***/ }),
 
-/***/ "e4dc":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "e67a":
 /***/ (function(module, exports) {
 
@@ -703,6 +667,17 @@ module.exports = require("core-js/modules/es.array.unscopables.flat");
 
 /***/ }),
 
+/***/ "efb8":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_58d5fb22_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7ad0");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_58d5fb22_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_58d5fb22_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchFilters_vue_vue_type_style_index_0_id_58d5fb22_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "f705":
 /***/ (function(module, exports) {
 
@@ -710,6 +685,13 @@ module.exports = require("core-js/modules/es.array.map");
 
 /***/ }),
 
+/***/ "f86d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f96d":
 /***/ (function(module, exports) {
 
@@ -744,12 +726,12 @@ 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":"f7ada69a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SideBar.vue?vue&type=template&id=3d831a8e&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bc52cf4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SideBar.vue?vue&type=template&id=3f7eb1a5&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container"},[(!_vm.drawerOpen)?_c('div',{staticClass:"open-tab",on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})]):_vm._e(),_c('el-drawer',{staticClass:"side-bar",attrs:{"custom-class":"my-drawer","visible":_vm.drawerOpen,"appendToBody":false,"modal-append-to-body":false,"size":"550","with-header":false,"wrapperClosable":false,"modal":false},on:{"update:visible":function($event){_vm.drawerOpen=$event}}},[_c('div',{staticClass:"box-card"},[(_vm.drawerOpen)?_c('div',{staticClass:"close-tab",on:{"click":_vm.close}},[_c('i',{staticClass:"el-icon-arrow-right"})]):_vm._e(),_c('div',{staticClass:"sidebar-container"},[(_vm.tabs.length > 1)?_c('tabs',{attrs:{"tabTitles":_vm.tabs,"activeId":_vm.activeId},on:{"titleClicked":_vm.tabClicked}}):_vm._e(),_vm._l((_vm.tabs),function(tab){return [_c('sidebar-content',{directives:[{name:"show",rawName:"v-show",value:(tab.id===_vm.activeId),expression:"tab.id===activeId"}],key:tab.id,ref:tab.id,refInFor:true,staticClass:"sidebar-content-container",attrs:{"contextCardEntry":tab.contextCard,"envVars":_vm.envVars},on:{"search-changed":function($event){return _vm.searchChanged(tab.id, $event)}}})]})],2)])])],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/SideBar.vue?vue&type=template&id=3d831a8e&scoped=true&
+// CONCATENATED MODULE: ./src/components/SideBar.vue?vue&type=template&id=3f7eb1a5&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol"
 var es_symbol_ = __webpack_require__("6049");
@@ -819,16 +801,19 @@ var en_default = /*#__PURE__*/__webpack_require__.n(en_);
 var locale_ = __webpack_require__("7f9f");
 var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7ada69a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SidebarContent.vue?vue&type=template&id=3d1731ba&scoped=true&
-var SidebarContentvue_type_template_id_3d1731ba_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',{staticClass:"content-card",attrs:{"body-style":_vm.bodyStyle}},[_c('div',{staticClass:"header",attrs:{"slot":"header"},slot:"header"},[(_vm.contextCardEntry && _vm.contextCardEnabled)?_c('context-card',{attrs:{"entry":_vm.contextCardEntry}}):_vm._e(),_c('el-input',{staticClass:"search-input",attrs:{"placeholder":"Search","clearable":""},on:{"clear":_vm.clearSearchClicked},nativeOn:{"keyup":function($event){return _vm.searchEvent($event)}},model:{value:(_vm.searchInput),callback:function ($$v) {_vm.searchInput=$$v},expression:"searchInput"}}),_c('el-button',{staticClass:"button",on:{"click":_vm.searchEvent}},[_vm._v("Search")])],1),_c('SearchFilters',{ref:"filtersRef",staticClass:"filters",attrs:{"entry":_vm.filterEntry,"envVars":_vm.envVars},on:{"filterResults":_vm.filterUpdate,"numberPerPage":_vm.numberPerPageUpdate,"loading":_vm.filtersLoading}}),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loadingCards),expression:"loadingCards"}],ref:"content",staticClass:"content scrollbar"},[(_vm.results.length === 0 && !_vm.loadingCards && !_vm.sciCrunchError)?_c('div',{staticClass:"error-feedback"},[_vm._v("No results found - Please change your search / filter criteria.")]):_vm._e(),(_vm.sciCrunchError)?_c('div',{staticClass:"error-feedback"},[_vm._v(_vm._s(_vm.sciCrunchError))]):_vm._e(),_vm._l((_vm.results),function(o){return _c('div',{key:o.id,staticClass:"step-item"},[_c('DatasetCard',{attrs:{"entry":o,"envVars":_vm.envVars},on:{"contextUpdate":_vm.contextCardUpdate}})],1)}),_c('el-pagination',{staticClass:"pagination",attrs:{"current-page":_vm.page,"hide-on-single-page":"","large":"","layout":"prev, pager, next","page-size":_vm.numberPerPage,"total":_vm.numberOfHits},on:{"update:currentPage":function($event){_vm.page=$event},"update:current-page":function($event){_vm.page=$event},"current-change":_vm.pageChange}})],2)],1)}
-var SidebarContentvue_type_template_id_3d1731ba_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bc52cf4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SidebarContent.vue?vue&type=template&id=53d83468&scoped=true&
+var SidebarContentvue_type_template_id_53d83468_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',{staticClass:"content-card",attrs:{"body-style":_vm.bodyStyle}},[_c('div',{staticClass:"header",attrs:{"slot":"header"},slot:"header"},[(_vm.contextCardEntry && _vm.contextCardEnabled)?_c('context-card',{attrs:{"entry":_vm.contextCardEntry}}):_vm._e(),_c('el-input',{staticClass:"search-input",attrs:{"placeholder":"Search","clearable":""},on:{"clear":_vm.clearSearchClicked},nativeOn:{"keyup":function($event){return _vm.searchEvent($event)}},model:{value:(_vm.searchInput),callback:function ($$v) {_vm.searchInput=$$v},expression:"searchInput"}}),_c('el-button',{staticClass:"button",on:{"click":_vm.searchEvent}},[_vm._v("Search")])],1),_c('SearchFilters',{ref:"filtersRef",staticClass:"filters",attrs:{"entry":_vm.filterEntry,"envVars":_vm.envVars},on:{"filterResults":_vm.filterUpdate,"numberPerPage":_vm.numberPerPageUpdate,"loading":_vm.filtersLoading}}),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loadingCards),expression:"loadingCards"}],ref:"content",staticClass:"content scrollbar"},[(_vm.loadingScicrunch)?_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loadingScicrunch),expression:"loadingScicrunch"}],staticClass:"loading-icon"}):_vm._e(),(_vm.results.length === 0 && !_vm.loadingCards && !_vm.sciCrunchError)?_c('div',{staticClass:"error-feedback"},[_vm._v("No results found - Please change your search / filter criteria.")]):_vm._e(),(_vm.sciCrunchError)?_c('div',{staticClass:"error-feedback"},[_vm._v(_vm._s(_vm.sciCrunchError))]):_vm._e(),_vm._l((_vm.results),function(result){return _c('div',{key:result.id,staticClass:"step-item"},[_c('DatasetCard',{attrs:{"entry":result,"envVars":_vm.envVars},on:{"contextUpdate":_vm.contextCardUpdate}})],1)}),_c('el-pagination',{staticClass:"pagination",attrs:{"current-page":_vm.page,"hide-on-single-page":"","large":"","layout":"prev, pager, next","page-size":_vm.numberPerPage,"total":_vm.numberOfHits},on:{"update:currentPage":function($event){_vm.page=$event},"update:current-page":function($event){_vm.page=$event},"current-change":_vm.pageChange}})],2)],1)}
+var SidebarContentvue_type_template_id_53d83468_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=template&id=3d1731ba&scoped=true&
+// CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=template&id=53d83468&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.description"
 var es_symbol_description_ = __webpack_require__("51e9");
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.find-index"
+var es_array_find_index_ = __webpack_require__("aecd");
+
 // EXTERNAL MODULE: external "core-js/modules/es.array.iterator"
 var es_array_iterator_ = __webpack_require__("8c84");
 
@@ -838,6 +823,9 @@ var es_array_map_ = __webpack_require__("f705");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name"
 var es_function_name_ = __webpack_require__("bcd8");
 
+// EXTERNAL MODULE: external "core-js/modules/es.object.assign"
+var es_object_assign_ = __webpack_require__("b917");
+
 // EXTERNAL MODULE: external "core-js/modules/es.object.to-string"
 var es_object_to_string_ = __webpack_require__("850c");
 
@@ -988,12 +976,12 @@ var button_css_ = __webpack_require__("26bc");
 var button_ = __webpack_require__("5d8c");
 var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7ada69a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchFilters.vue?vue&type=template&id=57801ec0&scoped=true&
-var SearchFiltersvue_type_template_id_57801ec0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"filters"},[_c('map-svg-sprite-color'),_c('transition',{attrs:{"name":"el-zoom-in-top"}},[_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.showFilters),expression:"showFilters"}],staticClass:"search-filters transition-box"},[_c('custom-cascader',{ref:"cascader",staticClass:"cascader",attrs:{"placeholder":"","collapse-tags":true,"options":_vm.options,"props":_vm.props,"show-all-levels":false,"append-to-body":false},on:{"change":function($event){return _vm.cascadeEvent($event)},"expand-change":_vm.cascadeExpandChange,"tags-changed":_vm.tagsChangedCallback},model:{value:(_vm.cascadeSelected),callback:function ($$v) {_vm.cascadeSelected=$$v},expression:"cascadeSelected"}}),(_vm.showFiltersText)?_c('div',{staticClass:"filter-default-value"},[_vm._v(" Filters ")]):_vm._e(),_c('el-popover',{attrs:{"title":"How do filters work?","width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover"}},[_c('map-svg-icon',{staticClass:"help",attrs:{"slot":"reference","icon":"help"},slot:"reference"}),_c('div',[_c('strong',[_vm._v("Within categories:")]),_vm._v(" OR "),_c('br'),_vm._v(" example: 'heart' OR 'colon' "),_c('br'),_c('br'),_c('strong',[_vm._v("Between categories:")]),_vm._v(" AND "),_c('br'),_vm._v(" example: 'rat' AND 'lung' ")])],1)],1)]),_c('el-select',{staticClass:"number-shown-select",attrs:{"placeholder":"10"},on:{"change":function($event){return _vm.numberShownChanged($event)}},model:{value:(_vm.numberShown),callback:function ($$v) {_vm.numberShown=$$v},expression:"numberShown"}},_vm._l((_vm.numberDatasetsShown),function(item){return _c('el-option',{key:item,attrs:{"label":item,"value":item}})}),1),_c('span',{staticClass:"dataset-results-feedback"},[_vm._v(_vm._s(this.numberOfResultsText))])],1)}
-var SearchFiltersvue_type_template_id_57801ec0_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bc52cf4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchFilters.vue?vue&type=template&id=58d5fb22&scoped=true&
+var SearchFiltersvue_type_template_id_58d5fb22_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"filters"},[_c('map-svg-sprite-color'),_c('transition',{attrs:{"name":"el-zoom-in-top"}},[_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.showFilters),expression:"showFilters"}],staticClass:"search-filters transition-box"},[_c('custom-cascader',{ref:"cascader",staticClass:"cascader",attrs:{"placeholder":"","collapse-tags":true,"options":_vm.options,"props":_vm.props,"show-all-levels":false,"append-to-body":false},on:{"change":function($event){return _vm.cascadeEvent($event)},"expand-change":_vm.cascadeExpandChange,"tags-changed":_vm.tagsChangedCallback},model:{value:(_vm.cascadeSelected),callback:function ($$v) {_vm.cascadeSelected=$$v},expression:"cascadeSelected"}}),(_vm.showFiltersText)?_c('div',{staticClass:"filter-default-value"},[_vm._v(" Filters ")]):_vm._e(),_c('el-popover',{attrs:{"title":"How do filters work?","width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover"}},[_c('map-svg-icon',{staticClass:"help",attrs:{"slot":"reference","icon":"help"},slot:"reference"}),_c('div',[_c('strong',[_vm._v("Within categories:")]),_vm._v(" OR "),_c('br'),_vm._v(" example: 'heart' OR 'colon' "),_c('br'),_c('br'),_c('strong',[_vm._v("Between categories:")]),_vm._v(" AND "),_c('br'),_vm._v(" example: 'rat' AND 'lung' ")])],1)],1)]),_c('el-select',{staticClass:"number-shown-select",attrs:{"placeholder":"10"},on:{"change":function($event){return _vm.numberShownChanged($event)}},model:{value:(_vm.numberShown),callback:function ($$v) {_vm.numberShown=$$v},expression:"numberShown"}},_vm._l((_vm.numberDatasetsShown),function(item){return _c('el-option',{key:item,attrs:{"label":item,"value":item}})}),1),_c('span',{staticClass:"dataset-results-feedback"},[_vm._v(_vm._s(this.numberOfResultsText))])],1)}
+var SearchFiltersvue_type_template_id_58d5fb22_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/SearchFilters.vue?vue&type=template&id=57801ec0&scoped=true&
+// CONCATENATED MODULE: ./src/components/SearchFilters.vue?vue&type=template&id=58d5fb22&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.includes"
 var es_array_includes_ = __webpack_require__("ab7e");
@@ -1319,6 +1307,20 @@ var external_algoliasearch_default = /*#__PURE__*/__webpack_require__.n(external
 
 
 
+
+
+
+
+
+
+
+
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 /* eslint-disable no-alert, no-console */
  // export `createAlgoliaClient` to use it in page components
 
@@ -1410,9 +1412,48 @@ function () {
         });
       });
     }
-    /**
-     * Get Search results
-     * This is using fetch from the Algolia API
+  }, {
+    key: "_processResultsForCards",
+    value: function _processResultsForCards(results) {
+      var newResults = [];
+      var newResult = {};
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = results[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var res = _step.value;
+          newResult = _objectSpread({}, res);
+          newResult = {
+            doi: res.item.curie.split(':')[1],
+            name: res.item.name,
+            description: res.item.description,
+            updated: res.pennsieve.updatedAt,
+            publishDate: res.pennsieve.publishDate
+          };
+          newResults.push(newResult);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      return newResults;
+    }
+    /**
+     * Get Search results
+     * This is using fetch from the Algolia API
      */
 
   }, {
@@ -1431,7 +1472,7 @@ function () {
           filters: filter
         }).then(function (response) {
           var searchData = {
-            items: response.hits,
+            items: _this2._processResultsForCards(response.hits),
             total: response.nbHits,
             discoverIds: response.hits.map(function (r) {
               return r.pennsieve.identifier;
@@ -1470,8 +1511,8 @@ var facetPropPathMapping = {
   'attributes.subject.sex.value': 'Sex',
   'attributes.subject.ageCategory.value': 'Age Categories'
 };
-/* Returns filter for searching algolia. All facets of the same category are joined with OR,
-  * and each of those results is then joined with an AND.
+/* Returns filter for searching algolia. All facets of the same category are joined with OR,
+  * and each of those results is then joined with an AND.
   * i.e. (color:blue OR color:red) AND (shape:circle OR shape:red) */
 
 function getFilters() {
@@ -1547,9 +1588,9 @@ function removeShowAllFacets(facetArray) {
 
 
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function SearchFiltersvue_type_script_lang_js_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function SearchFiltersvue_type_script_lang_js_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { SearchFiltersvue_type_script_lang_js_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { SearchFiltersvue_type_script_lang_js_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 //
 //
@@ -1651,9 +1692,9 @@ var SearchFiltersvue_type_script_lang_js_convertReadableLabel = function convert
     MapSvgSpriteColor: svg_sprite_["MapSvgSpriteColor"]
   },
   props: {
-    /**
-     * Object containing information for
-     * the required viewing.
+    /**
+     * Object containing information for
+     * the required viewing.
      */
     entry: Object,
     envVars: {
@@ -1839,7 +1880,7 @@ var SearchFiltersvue_type_script_lang_js_convertReadableLabel = function convert
       return event;
     },
     createDataTypeFacet: function createDataTypeFacet() {
-      var dataFacet = _objectSpread({}, this.facets[2]); // copy the 'Experiemental approach' facet
+      var dataFacet = SearchFiltersvue_type_script_lang_js_objectSpread({}, this.facets[2]); // copy the 'Experiemental approach' facet
 
 
       var count = this.facets.at(-1).id; // get the last id count
@@ -1961,8 +2002,8 @@ var SearchFiltersvue_type_script_lang_js_convertReadableLabel = function convert
 });
 // CONCATENATED MODULE: ./src/components/SearchFilters.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_SearchFiltersvue_type_script_lang_js_ = (SearchFiltersvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/SearchFilters.vue?vue&type=style&index=0&id=57801ec0&scoped=true&lang=css&
-var SearchFiltersvue_type_style_index_0_id_57801ec0_scoped_true_lang_css_ = __webpack_require__("2dd0");
+// EXTERNAL MODULE: ./src/components/SearchFilters.vue?vue&type=style&index=0&id=58d5fb22&scoped=true&lang=css&
+var SearchFiltersvue_type_style_index_0_id_58d5fb22_scoped_true_lang_css_ = __webpack_require__("efb8");
 
 // CONCATENATED MODULE: ./src/components/SearchFilters.vue
 
@@ -1975,43 +2016,109 @@ var SearchFiltersvue_type_style_index_0_id_57801ec0_scoped_true_lang_css_ = __we
 
 var SearchFilters_component = normalizeComponent(
   components_SearchFiltersvue_type_script_lang_js_,
-  SearchFiltersvue_type_template_id_57801ec0_scoped_true_render,
-  SearchFiltersvue_type_template_id_57801ec0_scoped_true_staticRenderFns,
+  SearchFiltersvue_type_template_id_58d5fb22_scoped_true_render,
+  SearchFiltersvue_type_template_id_58d5fb22_scoped_true_staticRenderFns,
   false,
   null,
-  "57801ec0",
+  "58d5fb22",
   null
   
 )
 
 /* harmony default export */ var SearchFilters = (SearchFilters_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7ada69a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DatasetCard.vue?vue&type=template&id=66c0a49d&scoped=true&
-var DatasetCardvue_type_template_id_66c0a49d_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"dataset-card-container"},[_c('div',{ref:"card",class:_vm.expanded ? 'dataset-card-expanded' : 'dataset-card'},[_c('div',{staticClass:"seperator-path"}),_c('div',{staticClass:"card"},[_c('span',{staticClass:"card-left"},[(_vm.dataIsReady)?_c('image-gallery',{attrs:{"datasetId":_vm.discoverId,"datasetVersion":_vm.version,"name":_vm.entry.name,"description":_vm.entry.description,"envVars":_vm.envVars,"images":_vm.entry.images,"scaffolds":_vm.entry.scaffolds,"scaffoldViews":_vm.entry.scaffoldViews,"segmentations":_vm.entry.segmentation,"additionalLinks":_vm.simulationLinks,"videos":_vm.entry.videos,"thumbnails":_vm.entry.thumbnails,"label":_vm.label,"datasetThumbnail":_vm.thumbnail,"dataset-biolucida":_vm.biolucidaData},on:{"card-clicked":_vm.galleryClicked}}):_vm._e()],1),_c('div',{staticClass:"card-right"},[_c('div',{staticClass:"title",on:{"click":_vm.cardClicked}},[_vm._v(_vm._s(_vm.entry.name))]),_c('div',{staticClass:"details"},[_vm._v(_vm._s(_vm.contributors)+" "+_vm._s(_vm.entry.publishDate ? ("(" + _vm.publishYear + ")") : ''))]),_c('div',{staticClass:"details"},[_vm._v(_vm._s(_vm.samples))]),_c('div',{staticClass:"details"},[_vm._v("id: "+_vm._s(_vm.discoverId))]),_c('div',[(_vm.entry.simulation)?_c('el-button',{staticClass:"button",attrs:{"size":"mini","icon":"el-icon-view"},on:{"click":_vm.openRepository}},[_vm._v("View repository")]):_vm._e()],1)])]),((_vm.cardOverflow && !_vm.expanded))?_c('p',{staticClass:"read-more"},[_c('el-button',{staticClass:"read-more-button",on:{"click":_vm.expand}},[_vm._v("Read more...")])],1):_vm._e()])])}
-var DatasetCardvue_type_template_id_66c0a49d_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bc52cf4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DatasetCard.vue?vue&type=template&id=75e03782&scoped=true&
+var DatasetCardvue_type_template_id_75e03782_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"dataset-card-container"},[_c('div',{ref:"card",class:_vm.expanded ? 'dataset-card-expanded' : 'dataset-card'},[(_vm.entry.id !== 0)?_c('div',{staticClass:"seperator-path"}):_vm._e(),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"card"},[_c('span',{staticClass:"card-left"},[_c('img',{staticClass:"banner-img",attrs:{"svg-inline":"","src":_vm.thumbnail},on:{"click":_vm.openDataset}})]),_c('div',{staticClass:"card-right"},[_c('div',{staticClass:"title",on:{"click":_vm.cardClicked}},[_vm._v(_vm._s(_vm.entry.name))]),_c('div',{staticClass:"details"},[_vm._v(_vm._s(_vm.contributors)+" "+_vm._s(_vm.entry.publishDate ? ("(" + _vm.publishYear + ")") : ''))]),_c('div',{staticClass:"details"},[_vm._v(_vm._s(_vm.samples))]),_c('div',{staticClass:"details"},[_vm._v("id: "+_vm._s(_vm.discoverId))]),_c('div',[(!_vm.entry.simulation)?_c('el-button',{staticClass:"button",attrs:{"size":"mini","icon":"el-icon-coin"},on:{"click":_vm.openDataset}},[_vm._v("View dataset")]):_vm._e()],1),_c('div',[(_vm.entry.scaffolds)?_c('el-button',{staticClass:"button",attrs:{"size":"mini","icon":"el-icon-view"},on:{"click":_vm.openScaffold}},[_vm._v("View scaffold")]):_vm._e()],1),_c('div',[(_vm.hasCSVFile)?_c('el-button',{staticClass:"button",attrs:{"size":"mini","icon":"el-icon-view"},on:{"click":_vm.openPlot}},[_vm._v("View plot")]):_vm._e()],1),_c('div',[(_vm.entry.simulation)?_c('el-button',{staticClass:"button",attrs:{"size":"mini","icon":"el-icon-view"},on:{"click":_vm.openRepository}},[_vm._v("View repository")]):_vm._e()],1),_c('div',[(_vm.entry.simulation)?_c('el-button',{staticClass:"button",attrs:{"size":"mini","icon":"el-icon-view"},on:{"click":_vm.openSimulation}},[_vm._v("View simulation")]):_vm._e()],1)])]),((_vm.cardOverflow && !_vm.expanded))?_c('p',{staticClass:"read-more"},[_c('el-button',{staticClass:"read-more-button",on:{"click":_vm.expand}},[_vm._v("Read more...")])],1):_vm._e()])])}
+var DatasetCardvue_type_template_id_75e03782_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=66c0a49d&scoped=true&
+// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=75e03782&scoped=true&
 
 // CONCATENATED MODULE: ./src/components/EventBus.js
 
 var EventBus = new external_vue_default.a();
 /* harmony default export */ var components_EventBus = (EventBus);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7ada69a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageGallery.vue?vue&type=template&id=6e33602c&scoped=true&
-var ImageGalleryvue_type_template_id_6e33602c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"full-size"},[_c('gallery',{attrs:{"bottomSpacer":_vm.bottomSpacer,"cardWidth":10,"items":_vm.galleryItems,"max-width":_vm.maxWidth,"show-indicator-bar":true,"show-card-details":true,"highlight-active":false,"image-style":_vm.imageStyle,"image-container-style":_vm.imageContainerStyle,"body-style":_vm.bodyStyle,"shadow":_vm.shadow},on:{"card-clicked":_vm.cardClicked}})],1)}
-var ImageGalleryvue_type_template_id_6e33602c_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/ImageGallery.vue?vue&type=template&id=6e33602c&scoped=true&
+// CONCATENATED MODULE: ./src/components/hardcoded-context-info.js
+/* harmony default export */ var hardcoded_context_info = ({}); // //Uncomment the code below to add in hardcoded data
+// export default {
+//   77: {
+//     "description": "This dataset contains single cell scale anatomical map of the rat intrinsic cardiac nervous system (ICNS) across four male and three female hearts. These cell clusters can be seen by the yellow data points on the image as well as spherical markers on the 3D heart scaffold. The dataset provides an integrative framework to visualise the spatial distribution of ICNS across different hearts.",
+//     "heading": "Mapped ICN samples",
+//     "id": "sparc.science.context_data",
+//     "samples": [
+//       {
+//         "annotation": "",
+//         "description": "Spatial location of isolated ICNS mapped onto a generic heart scaffold",
+//         "doi": "",
+//         "heading": "ICNS from subject M54-8",
+//         "id": "Sample 1",
+//         "path": "",
+//         "view": "View 1",
+//         "color": "#FFFF00",
+//         "thumbnail": "https://raw.githubusercontent.com/ABI-Software/map-sidebar/main/assets/temp-pics/orange.png"
+//       },
+//       {
+//         "annotation": "",
+//         "description": "Spatial location of isolated ICNS mapped onto a generic heart scaffold",
+//         "doi": "",
+//         "heading": "ICNS from subject M54-5",
+//         "id": "Sample 2",
+//         "path": "",
+//         "view": "View 2",
+//         "color": "#FFA500",
+//         "thumbnail": "https://raw.githubusercontent.com/ABI-Software/map-sidebar/main/assets/temp-pics/teal.png"
+//       }
+//     ],
+//     "version": "0.1.0",
+//   },
+//   221: {
+//     "description": "3D digital tracings of the enteric plexus obtained from seven subjects (M11, M16, M162, M163, M164, M168) are mapped randomly on mouse proximal colon. The data depicts individual neural wiring patterns in enteric microcircuits, and revealed both neuron and fiber units wired in a complex organization.",
+//     "heading": "Digital tracings of enteric plexus",
+//     "id": "sparc.science.context_data",
+//     "samples": [
+//       {
+//         "annotation": "",
+//         "description": "Neuronal soma and fibers in a myenteric ganglion in this subject are annotated into the following groups to highlight their interactions:\n\nNeuron1,2,3 Connex: Connections between 3 neurons and cross-ganglionic fibers\n\nNeuron4_Connex: A small neuron contacts fibers passing the ganglion\n\nNeuron5: Multiple projections of a neuron in an myenteric ganglion\n\nNeuron5,3,7 Connex: Connections between 3 neurons, nerve fibers, IGNEx (complex type of intraganglionic nerve endings) and fibers in the circular muscles.\n\nNeuron8,9,10 Connex: Connections of 3 neurons with each other and with long passing fibers. \n\nIntraganglionic Nerve Ending (IGNE): Digital traces of neurites consist of complex intraganglionic nerve endings. The blue fiber has branched terminals, more likely the afferent nerve endings; the violet and cyan terminals also interweave into the fiber nest; the orange, pink and peach fibers and one process of the neuron cross the IGNE to make 1-2 conjunctions. \n",
+//         "doi": "",
+//         "heading": "Digital tracing for subject M11",
+//         "id": "Sample 1",
+//         "path": "files/derivative/sub-M11/sam-pCm11/digital-traces/pC PHPS XFP M11 20XZ 180425_180713_2_NL_20.xml",
+//         "view": "View 1"
+//       },
+//       {
+//         "annotation": "",
+//         "description": "This digital trace demonstrates some types of wiring. A long process of the green neuron terminates in the intraganglionic nerve endings (IGNE) while in contact with a nerve fiber (cyan),  soma of a neuron (peach) and processes of 3 neurons (magenta, yellow and red). Two neurons and one fiber are traced to an IGNE. ",
+//         "doi": "",
+//         "heading": "Digital tracing for subject M16",
+//         "id": "Sample 2",
+//         "path": "files/derivative/sub-M16/sam-pCm16/digital-traces/pC PHPS XFP M16 20XZ 180425_180524.xml",
+//         "view": "View 2"
+//       }
+//     ],
+//     "version": "0.1.0",
+//     "views": [
+//       {
+//         "annotation": "--",
+//         "description": "Digital tracing of neurons for subject M11.",
+//         "id": "View 1",
+//         "path": "files/derivative/Scaffolds/M11_view.json",
+//         "sample": "Sample 1",
+//         "thumbnail": "https://api.sparc.science/s3-resource/221/2/files/derivative/Scaffolds/M11_thumbnail.jpeg"
+//       },
+//       {
+//         "annotation": "--",
+//         "description": "Digital tracing of neurons for subject M16.",
+//         "id": "View 2",
+//         "path": "files/derivative/Scaffolds/M16_view.json",
+//         "sample": "Sample 2",
+//         "thumbnail": "https://api.sparc.science/s3-resource/221/2/files/derivative/Scaffolds/M16_thumbnail.jpeg"
+//       }
+//     ]
+//   }
+// }
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DatasetCard.vue?vue&type=script&lang=js&
 
-// EXTERNAL MODULE: external "@abi-software/gallery/src/mixins/GalleryHelpers"
-var GalleryHelpers_ = __webpack_require__("a012");
-var GalleryHelpers_default = /*#__PURE__*/__webpack_require__.n(GalleryHelpers_);
 
-// EXTERNAL MODULE: external "@abi-software/gallery"
-var gallery_ = __webpack_require__("3a09");
-var gallery_default = /*#__PURE__*/__webpack_require__.n(gallery_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageGallery.vue?vue&type=script&lang=js&
 
 
 
@@ -2026,6 +2133,24 @@ var gallery_default = /*#__PURE__*/__webpack_require__.n(gallery_);
 
 
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -2047,587 +2172,53 @@ var gallery_default = /*#__PURE__*/__webpack_require__.n(gallery_);
 //
 
 /* eslint-disable no-alert, no-console */
-var baseName = function baseName(str) {
-  return str.split("\\").pop().split("/").pop();
-};
 
-var ImageGalleryvue_type_script_lang_js_capitalise = function capitalise(string) {
+
+
+
+
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(button_default.a);
+external_vue_default.a.use(icon_default.a);
+
+var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string) {
   return string.replace(/\b\w/g, function (v) {
     return v.toUpperCase();
   });
 };
 
-
-
-/* harmony default export */ var ImageGalleryvue_type_script_lang_js_ = ({
-  name: "ImageGallery",
-  components: {
-    Gallery: gallery_default.a
-  },
-  mixins: [GalleryHelpers_default.a],
+/* harmony default export */ var DatasetCardvue_type_script_lang_js_ = ({
+  name: "DatasetCard",
   props: {
-    datasetScicrunch: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    datasetBiolucida: {
+    /**
+     * Object containing information for
+     * the required viewing.
+     */
+    entry: {
       type: Object,
-      default: function _default() {
-        return {};
-      }
+      default: function _default() {}
     },
     envVars: {
       type: Object,
       default: function _default() {}
+    }
+  },
+  data: function data() {
+    return {
+      thumbnail: __webpack_require__("9b53"),
+      dataLocation: this.entry.doi,
+      discoverId: undefined,
+      cardOverflow: false,
+      expanded: false,
+      loading: false,
+      lastDoi: undefined
+    };
+  },
+  computed: {
+    hasCSVFile: function hasCSVFile() {
+      return this.entry.csvFiles && this.entry.csvFiles.length !== 0;
     },
-    label: {
-      type: String,
-      default: ""
-    },
-    images: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    plots: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    scaffolds: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    scaffoldViews: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    segmentations: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    additionalLinks: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    thumbnails: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    videos: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    datasetId: {
-      type: Number,
-      default: -1
-    },
-    datasetVersion: {
-      type: Number,
-      default: -1
-    },
-    datasetThumbnail: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    description: {
-      type: String,
-      default: ""
-    }
-  },
-  data: function data() {
-    return {
-      currentIndex: 0,
-      ro: null,
-      maxWidth: 3,
-      scicrunchItems: [],
-      biolucidaItems: [],
-      bodyStyle: {
-        padding: '0px',
-        background: '#ffffff'
-      },
-      imageContainerStyle: {
-        width: '160px',
-        height: '160px'
-      },
-      imageStyle: {
-        maxWidth: '160px',
-        maxHeight: '160px'
-      },
-      shadow: "never",
-      bottomSpacer: {
-        minHeight: '1.5rem'
-      }
-    };
-  },
-  methods: {
-    cardClicked: function cardClicked(payload) {
-      this.$emit('card-clicked', payload);
-    },
-    createSciCurnchItems: function createSciCurnchItems() {
-      this.createDatasetItem();
-      this.createScaffoldItems();
-      this.createSimulationItems();
-      this.createPlotItems();
-      this.createSegmentationItems();
-      this.createImageItems();
-      this.createVideoItems();
-    },
-    createDatasetItem: function createDatasetItem() {
-      var link = "".concat(this.envVars.ROOT_URL, "/datasets/").concat(this.datasetId, "?type=dataset");
-
-      if (this.datasetThumbnail) {
-        this.scicrunchItems.push({
-          id: -1,
-          title: link,
-          type: "Dataset ".concat(this.datasetId),
-          thumbnail: this.datasetThumbnail,
-          link: link
-        });
-      }
-    },
-    createImageItems: function createImageItems() {
-      var _this = this;
-
-      if (this.images) {
-        this.images.forEach(function (image) {
-          var filePath = image.dataset.path;
-          var id = image.identifier;
-          var linkUrl = "".concat(_this.envVars.ROOT_URL, "/datasets/imageviewer?dataset_id=").concat(_this.datasetId, "&dataset_version=").concat(_this.datasetVersion, "&file_path=").concat(filePath, "&mimetype=").concat(image.mimetype.name);
-
-          _this.scicrunchItems.push({
-            id: id,
-            title: baseName(filePath),
-            type: "Image",
-            link: linkUrl
-          });
-        });
-      }
-    },
-    createPlotItems: function createPlotItems() {
-      var _this2 = this;
-
-      if (this.plots) {
-        this.plots.forEach(function (plot) {
-          var filePath = plot.dataset.path;
-          var id = plot.identifier;
-
-          var thumbnail = _this2.getThumbnailForPlot(plot, _this2.thumbnails);
-
-          var thumbnailURL = undefined;
-          var mimetype = '';
-
-          if (thumbnail) {
-            thumbnailURL = _this2.getImageURLFromS3(_this2.envVars.API_LOCATION, {
-              id: id,
-              datasetId: _this2.datasetId,
-              datasetVersion: _this2.datasetVersion,
-              file_path: thumbnail.dataset.path
-            });
-            mimetype = thumbnail.mimetype.name;
-          }
-
-          var action = {
-            label: ImageGalleryvue_type_script_lang_js_capitalise(_this2.label),
-            resource: "".concat(_this2.envVars.API_LOCATION, "s3-resource/").concat(_this2.datasetId, "/").concat(_this2.datasetVersion, "/files/").concat(filePath),
-            title: "View plot",
-            type: "Plot",
-            discoverId: _this2.discoverId,
-            version: _this2.datasetVersion
-          };
-
-          _this2.scicrunchItems.push({
-            id: id,
-            title: baseName(filePath),
-            type: "Plot",
-            thumbnail: thumbnailURL,
-            userData: action,
-            mimetype: mimetype
-          });
-        });
-      }
-    },
-    createScaffoldItems: function createScaffoldItems() {
-      var _this3 = this;
-
-      if (this.scaffolds) {
-        var index = 0;
-        this.scaffolds.forEach(function (scaffold) {
-          var filePath = scaffold.dataset.path;
-          var id = scaffold.identifier;
-
-          var thumbnail = _this3.getThumbnailForScaffold(scaffold, _this3.scaffoldViews, _this3.thumbnails, index);
-
-          var mimetype = '';
-          var thumbnailURL = undefined;
-
-          if (thumbnail) {
-            thumbnailURL = _this3.getImageURLFromS3(_this3.envVars.API_LOCATION, {
-              id: id,
-              datasetId: _this3.datasetId,
-              datasetVersion: _this3.datasetVersion,
-              file_path: thumbnail.dataset.path
-            });
-            mimetype = thumbnail.mimetype.name;
-          }
-
-          var action = {
-            label: ImageGalleryvue_type_script_lang_js_capitalise(_this3.label),
-            resource: "".concat(_this3.envVars.API_LOCATION, "s3-resource/").concat(_this3.datasetId, "/").concat(_this3.datasetVersion, "/files/").concat(filePath),
-            title: "View 3D scaffold",
-            type: "Scaffold",
-            discoverId: _this3.datasetId,
-            apiLocation: _this3.envVars.API_LOCATION,
-            version: _this3.datasetVersion
-          };
-
-          _this3.scicrunchItems.push({
-            id: id,
-            title: baseName(filePath),
-            type: "Scaffold",
-            thumbnail: thumbnailURL,
-            userData: action,
-            mimetype: mimetype
-          });
-        });
-      }
-    },
-    createSegmentationItems: function createSegmentationItems() {
-      var _this4 = this;
-
-      if (this.segmentations) {
-        this.segmentations.forEach(function (segmentation) {
-          var id = segmentation.id;
-          var filePath = segmentation.dataset.path;
-          filePath = filePath.replaceAll(" ", "_");
-          filePath = filePath.replaceAll(",", "_");
-          var prefix = _this4.envVars.NL_LINK_PREFIX;
-          var resource = {
-            share_link: "".concat(prefix, "/dataviewer?datasetId=").concat(_this4.datasetId, "&version=").concat(_this4.datasetVersion, "&path=").concat(filePath)
-          };
-          var action = {
-            label: ImageGalleryvue_type_script_lang_js_capitalise(_this4.label),
-            resource: resource,
-            datasetId: _this4.datasetId,
-            title: "View segmentation",
-            type: "Segmentation"
-          };
-
-          var thumbnailURL = _this4.getSegmentationThumbnailURL(_this4.envVars.API_LOCATION, {
-            id: id,
-            datasetId: _this4.datasetId,
-            datasetVersion: _this4.datasetVersion,
-            segmentationFilePath: filePath
-          });
-
-          _this4.scicrunchItems.push({
-            id: id,
-            title: baseName(filePath),
-            type: "Segmentation",
-            thumbnail: thumbnailURL,
-            userData: action,
-            mimetype: 'image/png'
-          });
-        });
-      }
-    },
-    createSimulationItems: function createSimulationItems() {
-      var isSedmlResource = false;
-      var resource = undefined;
-
-      if (this.additionalLinks) {
-        this.additionalLinks.forEach(function (el) {
-          if (el.description == "SED-ML file") {
-            isSedmlResource = true;
-            resource = el.uri;
-          } else if (!isSedmlResource && el.description == "CellML file") {
-            resource = el.uri;
-          }
-        });
-
-        if (resource) {
-          var action = {
-            label: undefined,
-            resource: resource,
-            apiLocation: this.envVars.API_LOCATION,
-            version: this.datasetVersion,
-            title: "View simulation",
-            type: "Simulation",
-            name: this.name,
-            description: this.description,
-            discoverId: this.datasetId,
-            dataset: "".concat(this.envVars.ROOT_URL, "/datasets/").concat(this.datasetId, "?type=dataset")
-          };
-          this.scicrunchItems.push({
-            id: "simulation",
-            title: resource,
-            type: "Simulation",
-            userData: action
-          });
-        }
-      }
-    },
-    createVideoItems: function createVideoItems() {
-      var _this5 = this;
-
-      if (this.videos) {
-        this.videos.forEach(function (video) {
-          var filePath = _this5.getS3FilePath(_this5.datasetId, _this5.datasetVersion, video.dataset.path);
-
-          var linkUrl = "".concat(_this5.envVars.ROOT_URL, "/datasets/videoviewer?dataset_version=").concat(_this5.datasetVersion, "&dataset_id=").concat(_this5.datasetId, "&file_path=").concat(filePath, "&mimetype=").concat(video.mimetype.name);
-
-          _this5.scicrunchItems.push({
-            title: video.name,
-            type: "Video",
-            thumbnail: _this5.defaultVideoImg,
-            link: linkUrl
-          });
-        });
-      }
-    },
-    onResize: function onResize() {
-      this.maxWidth = this.$el.clientWidth; // this.$emit('resize', this.$el.clientWidth)
-    }
-  },
-  computed: {
-    galleryItems: function galleryItems() {
-      return this.scicrunchItems.concat(this.biolucidaItems);
-    }
-  },
-  created: function created() {
-    this.createSciCurnchItems();
-  },
-  watch: {
-    datasetBiolucida: {
-      deep: true,
-      immediate: true,
-      handler: function handler(biolucidaData) {
-        var _this6 = this;
-
-        var items = [];
-
-        if ("dataset_images" in biolucidaData) {
-          items.push.apply(items, _toConsumableArray(Array.from(biolucidaData.dataset_images, function (dataset_image) {
-            var thumbnailURL = _this6.getThumbnailURLFromBiolucida(_this6.envVars.API_LOCATION, {
-              id: dataset_image.image_id
-            });
-
-            var resource = {
-              share_link: dataset_image.share_link,
-              id: dataset_image.image_id,
-              itemId: dataset_image.sourcepkg_id
-            };
-            var action = {
-              label: ImageGalleryvue_type_script_lang_js_capitalise(_this6.label),
-              resource: resource,
-              datasetId: _this6.datasetId,
-              title: "View image",
-              name: ImageGalleryvue_type_script_lang_js_capitalise(_this6.label),
-              type: "Biolucida"
-            };
-            return {
-              id: dataset_image.image_id,
-              title: "Biolucida Image",
-              type: "Image",
-              thumbnail: thumbnailURL,
-              userData: action,
-              mimetype: 'image/png'
-            };
-          })));
-        }
-
-        this.biolucidaItems = items;
-      }
-    }
-  },
-  mounted: function mounted() {
-    this.ro = new ResizeObserver(this.onResize).observe(this.$el);
-  },
-  destroyed: function destroyed() {
-    delete this.ro;
-  }
-});
-// CONCATENATED MODULE: ./src/components/ImageGallery.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_ImageGalleryvue_type_script_lang_js_ = (ImageGalleryvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/ImageGallery.vue?vue&type=style&index=0&id=6e33602c&scoped=true&lang=css&
-var ImageGalleryvue_type_style_index_0_id_6e33602c_scoped_true_lang_css_ = __webpack_require__("84e7");
-
-// CONCATENATED MODULE: ./src/components/ImageGallery.vue
-
-
-
-
-
-
-/* normalize component */
-
-var ImageGallery_component = normalizeComponent(
-  components_ImageGalleryvue_type_script_lang_js_,
-  ImageGalleryvue_type_template_id_6e33602c_scoped_true_render,
-  ImageGalleryvue_type_template_id_6e33602c_scoped_true_staticRenderFns,
-  false,
-  null,
-  "6e33602c",
-  null
-  
-)
-
-/* harmony default export */ var ImageGallery = (ImageGallery_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DatasetCard.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* eslint-disable no-alert, no-console */
-
-
-
-
-
-
-locale_default.a.use(en_default.a);
-external_vue_default.a.use(button_default.a);
-external_vue_default.a.use(icon_default.a);
-
-var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string) {
-  return string.replace(/\b\w/g, function (v) {
-    return v.toUpperCase();
-  });
-};
-
-/* harmony default export */ var DatasetCardvue_type_script_lang_js_ = ({
-  name: "DatasetCard",
-  components: {
-    ImageGallery: ImageGallery
-  },
-  props: {
-    /**
-     * Object containing information for
-     * the required viewing.
-     */
-    entry: Object,
-    envVars: {
-      type: Object,
-      default: function _default() {}
-    }
-  },
-  data: function data() {
-    return {
-      dataIsReady: false,
-      thumbnail: __webpack_require__("9b53"),
-      dataLocation: this.entry.doi,
-      discoverId: undefined,
-      cardOverflow: false,
-      expanded: false,
-      biolucidaData: undefined
-    };
-  },
-  computed: {
     contributors: function contributors() {
       var text = "";
 
@@ -2674,13 +2265,6 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
 
       return text;
     },
-    simulationLinks: function simulationLinks() {
-      if (this.entry.additionalLinks) {
-        if (typeof this.entry.additionalLinks != "boolean") return this.entry.additionalLinks;
-      }
-
-      return [];
-    },
     label: function label() {
       return this.entry.organs ? this.entry.organs[0] : this.entry.name;
     },
@@ -2690,10 +2274,11 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
   },
   methods: {
     cardClicked: function cardClicked() {
-      this.openDataset();
-    },
-    galleryClicked: function galleryClicked(payload) {
-      this.propogateCardAction(payload);
+      if (this.entry.scaffolds) {
+        this.openScaffold();
+      } else {
+        this.openDataset();
+      }
     },
     openScaffold: function openScaffold() {
       var action = {
@@ -2707,6 +2292,11 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
         contextCardUrl: this.entry.contextualInformation ? this.getFileFromPath(this.discoverId, this.version, this.entry.contextualInformation) : undefined,
         banner: this.thumbnail
       };
+
+      if (hardcoded_context_info[this.discoverId]) {
+        action.contextCardUrl = true;
+      }
+
       this.propogateCardAction(action);
     },
     openPlot: function openPlot() {
@@ -2770,9 +2360,10 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
       var action = {
         label: undefined,
         resource: resource,
-        discoverId: this.dataLocation,
+        dataset: this.dataLocation,
         apiLocation: this.envVars.API_LOCATION,
         version: this.version,
+        discoverId: this.discoverId,
         contextCardUrl: this.entry.contextualInformation ? this.getFileFromPath(this.discoverId, this.version, this.entry.contextualInformation) : undefined,
         banner: this.thumbnail,
         title: "View simulation",
@@ -2780,62 +2371,11 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
         description: this.entry.description,
         type: "Simulation"
       };
-      components_EventBus.$emit("PopoverActionClick", action);
-    },
-    openSegmentation: function openSegmentation() {
-      if (this.entry.segmentation && this.entry.segmentation[0]) {
-        var segmentation = this.entry.segmentation[0];
-        var filePath = segmentation.dataset.path;
-        var datasetId = this.discoverId;
-        var datasetVersion = this.version;
-        var prefix = this.envVars.NL_LINK_PREFIX;
-        var resource = {
-          share_link: "".concat(prefix, "/dataviewer?datasetId=").concat(datasetId, "&version=").concat(datasetVersion, "&path=files/").concat(filePath)
-        };
-        var action = {
-          label: DatasetCardvue_type_script_lang_js_capitalise(this.label),
-          resource: resource,
-          dataset: this.dataLocation,
-          datasetId: this.discoverId,
-          title: "View segmentation",
-          name: this.entry.name,
-          description: this.entry.description,
-          type: "Segmentation"
-        };
-        components_EventBus.$emit("PopoverActionClick", action);
-      }
-    },
-    openImage: function openImage() {
-      if (this.biolucidaData) {
-        var biolucidaData = this.biolucidaData;
-
-        if ('dataset_images' in biolucidaData) {
-          var image = biolucidaData['dataset_images'][0];
-          var resource = {
-            share_link: image.share_link,
-            id: image.image_id,
-            itemId: image.sourcepkg_id
-          };
-          var action = {
-            label: DatasetCardvue_type_script_lang_js_capitalise(this.label),
-            resource: resource,
-            dataset: this.dataLocation,
-            datasetId: this.discoverId,
-            title: "View image",
-            name: this.entry.name,
-            description: this.entry.description,
-            type: "Biolucida"
-          };
-          components_EventBus.$emit("PopoverActionClick", action);
-        }
-      }
+      this.propogateCardAction(action);
     },
     propogateCardAction: function propogateCardAction(action) {
       components_EventBus.$emit("PopoverActionClick", action);
-
-      if (action.contextCardUrl) {
-        this.$emit('contextUpdate', action);
-      }
+      this.$emit('contextUpdate', action);
     },
     getScaffoldPath: function getScaffoldPath(discoverId, version, scaffoldPath) {
       var id = discoverId;
@@ -2857,55 +2397,54 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
     getBanner: function getBanner() {
       var _this = this;
 
-      var doi = this.splitDOI(this.entry.doi);
-      fetch("".concat(this.envVars.PENNSIEVE_API_LOCATION, "/discover/datasets/doi/").concat(doi[0], "/").concat(doi[1])).then(function (response) {
-        if (!response.ok) {
-          throw Error(response.statusText);
-        } else {
-          return response.json();
-        }
-      }).then(function (data) {
-        _this.thumbnail = data.banner;
-        _this.discoverId = data.id;
-        _this.version = data.version;
-        _this.dataLocation = "https://sparc.science/datasets/".concat(data.id, "?type=dataset");
-
-        _this.getBiolucidaInfo(_this.discoverId);
-
-        _this.dataIsReady = true;
-      }).catch(function () {
-        //set defaults if we hit an error
-        _this.thumbnail = __webpack_require__("9b53");
-        _this.discoverId = undefined;
-      });
+      // Only load banner if card has changed
+      if (this.lastDoi !== this.entry.doi) {
+        this.lastDoi = this.entry.doi;
+        this.loading = true;
+        var doi = this.splitDOI(this.entry.doi);
+        fetch("https://api.pennsieve.io/discover/datasets/doi/".concat(doi[0], "/").concat(doi[1])).then(function (response) {
+          if (!response.ok) {
+            throw Error(response.statusText);
+          } else {
+            return response.json();
+          }
+        }).then(function (data) {
+          _this.thumbnail = data.banner;
+          _this.discoverId = data.id;
+          _this.version = data.version;
+          _this.dataLocation = "https://sparc.science/datasets/".concat(data.id, "?type=dataset");
+          _this.loading = false;
+        }).catch(function () {
+          //set defaults if we hit an error
+          _this.thumbnail = __webpack_require__("9b53");
+          _this.discoverId = undefined;
+          _this.loading = false;
+        });
+      }
     },
     lastName: function lastName(fullName) {
       return fullName.split(',')[0];
-    },
-    getBiolucidaInfo: function getBiolucidaInfo(id) {
-      var _this2 = this;
-
-      var apiLocation = this.envVars.API_LOCATION;
-      var endpoint = apiLocation + "image_search/" + id; // Add parameters if we are sent them
-
-      fetch(endpoint).then(function (response) {
-        return response.json();
-      }).then(function (data) {
-        if (data.status == "success") _this2.biolucidaData = data;
-      });
     }
   },
-  created: function created() {
-    this.getBanner();
-  },
   mounted: function mounted() {
+    this.getBanner();
     this.cardOverflow = this.isOverflown(this.$refs.card);
+  },
+  updated: function updated() {},
+  watch: {
+    // currently not using card overflow
+    'entry.description': function entryDescription() {
+      // watch it
+      this.cardOverflow = false;
+      this.expanded = false;
+      this.cardOverflow = this.isOverflown(this.$refs.card);
+    }
   }
 });
 // CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_DatasetCardvue_type_script_lang_js_ = (DatasetCardvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/DatasetCard.vue?vue&type=style&index=0&id=66c0a49d&scoped=true&lang=css&
-var DatasetCardvue_type_style_index_0_id_66c0a49d_scoped_true_lang_css_ = __webpack_require__("e3d4");
+// EXTERNAL MODULE: ./src/components/DatasetCard.vue?vue&type=style&index=0&id=75e03782&scoped=true&lang=css&
+var DatasetCardvue_type_style_index_0_id_75e03782_scoped_true_lang_css_ = __webpack_require__("26e6");
 
 // CONCATENATED MODULE: ./src/components/DatasetCard.vue
 
@@ -2918,22 +2457,22 @@ var DatasetCardvue_type_style_index_0_id_66c0a49d_scoped_true_lang_css_ = __webp
 
 var DatasetCard_component = normalizeComponent(
   components_DatasetCardvue_type_script_lang_js_,
-  DatasetCardvue_type_template_id_66c0a49d_scoped_true_render,
-  DatasetCardvue_type_template_id_66c0a49d_scoped_true_staticRenderFns,
+  DatasetCardvue_type_template_id_75e03782_scoped_true_render,
+  DatasetCardvue_type_template_id_75e03782_scoped_true_staticRenderFns,
   false,
   null,
-  "66c0a49d",
+  "75e03782",
   null
   
 )
 
 /* harmony default export */ var DatasetCard = (DatasetCard_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7ada69a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ContextCard.vue?vue&type=template&id=5de93eb9&scoped=true&
-var ContextCardvue_type_template_id_5de93eb9_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"context-card-container"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showContextCard),expression:"showContextCard"}]},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showDetails),expression:"showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Hide information"),_c('i',{staticClass:"el-icon-arrow-up"})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showDetails),expression:"!showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Show information"),_c('i',{staticClass:"el-icon-arrow-down"})]),(_vm.showDetails && Object.keys(_vm.contextData).length !== 0)?_c('el-card',{staticClass:"context-card card"},[_c('img',{staticClass:"context-image card-left",attrs:{"src":_vm.entry.banner}}),_c('div',{staticClass:"card-right"},[_c('div',{staticClass:"title"},[_vm._v(_vm._s(_vm.contextData.heading))]),_c('div',[_vm._v(_vm._s(_vm.contextData.description))]),_vm._l((_vm.contextData.views),function(view,i){return [_c('br',{key:i}),_c('span',{key:i+'_1',staticClass:"scaffold-view",on:{"click":function($event){return _vm.openViewFile(view)}}},[_c('img',{attrs:{"src":_vm.getFileFromPath(view.thumbnail)}}),_vm._v(" "+_vm._s(view.description))])]})],2)]):_vm._e()],1)])}
-var ContextCardvue_type_template_id_5de93eb9_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bc52cf4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ContextCard.vue?vue&type=template&id=41eb07ec&scoped=true&
+var ContextCardvue_type_template_id_41eb07ec_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"context-card-container"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showContextCard),expression:"showContextCard"}]},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showDetails),expression:"showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Hide information"),_c('i',{staticClass:"el-icon-arrow-up"})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showDetails),expression:"!showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Show information"),_c('i',{staticClass:"el-icon-arrow-down"})]),(_vm.showDetails && Object.keys(_vm.contextData).length !== 0)?_c('el-card',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"context-card card"},[_c('div',{staticClass:"card-left"},[_c('img',{staticClass:"context-image",attrs:{"src":_vm.entry.banner}})]),_c('div',{staticClass:"card-right"},[_c('div',{staticClass:"title"},[_vm._v(_vm._s(_vm.contextData.heading))]),_c('div',[_vm._v(_vm._s(_vm.contextData.description))]),_c('br'),(_vm.contextData.views)?_c('div',{staticClass:"subtitle"},[_vm._v("Scaffold Views")]):_vm._e(),_vm._l((_vm.contextData.views),function(view,i){return [_c('span',{key:i+'_1',staticClass:"context-card-item",on:{"click":function($event){return _vm.openViewFile(view)}}},[_c('img',{staticClass:"key-image",attrs:{"src":_vm.getFileFromPath(view.thumbnail)}}),_vm._v(" "+_vm._s(view.description)+" ")]),_c('br',{key:i})]}),_c('div',{staticStyle:{"margin-bottom":"16px"}}),(_vm.contextData.samples && _vm.contextData.samples.length > 0)?_c('div',{staticClass:"subtitle"},[_vm._v("Samples on Scaffold")]):_vm._e(),_vm._l((_vm.contextData.samples),function(sample,i){return [_c('span',{key:i+'_3',staticClass:"context-card-item",on:{"click":function($event){return _vm.toggleSampleDetails(i)}}},[_c('div',{key:i+'_6',staticStyle:{"display":"flex"}},[(sample.color)?_c('div',{staticClass:"color-box",style:('background-color:'+ sample.color)}):(sample.thumbnail)?_c('img',{staticClass:"key-image",attrs:{"src":_vm.getFileFromPath(sample.thumbnail)}}):_vm._e(),_vm._v(" "+_vm._s(sample.heading)+" "),_c('i',{staticClass:"el-icon-warning-outline info"})])]),(_vm.sampleDetails[i])?_c('div',{key:i+'_4'},[_vm._v(" "+_vm._s(sample.description)+" "),(_vm.sampleDetails[i])?_c('a',{key:i+'_5',attrs:{"href":_vm.generateFileLink(sample.path),"target":"_blank"}},[_vm._v("View Source")]):_vm._e()]):_vm._e(),_c('br',{key:i+'_2'})]})],2)]):_vm._e()],1)])}
+var ContextCardvue_type_template_id_41eb07ec_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=5de93eb9&scoped=true&
+// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=41eb07ec&scoped=true&
 
 // EXTERNAL MODULE: external "element-ui/lib/theme-chalk/link.css"
 var link_css_ = __webpack_require__("230a");
@@ -2969,6 +2508,30 @@ var link_default = /*#__PURE__*/__webpack_require__.n(link_);
 
 
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -2996,6 +2559,7 @@ var link_default = /*#__PURE__*/__webpack_require__.n(link_);
 
 
 
+
 locale_default.a.use(en_default.a);
 external_vue_default.a.use(link_default.a);
 external_vue_default.a.use(icon_default.a);
@@ -3006,9 +2570,9 @@ external_vue_default.a.use(input_default.a);
 /* harmony default export */ var ContextCardvue_type_script_lang_js_ = ({
   name: "contextCard",
   props: {
-    /**
-     * Object containing information for
-     * the required viewing.
+    /**
+     * Object containing information for
+     * the required viewing.
      */
     entry: Object
   },
@@ -3016,15 +2580,22 @@ external_vue_default.a.use(input_default.a);
     return {
       contextData: {},
       showDetails: true,
-      showContextCard: true
+      showContextCard: true,
+      sampleDetails: {},
+      loading: false
     };
   },
   watch: {
     'entry.contextCardUrl': {
       handler: function handler(val) {
         if (val) {
-          this.getContextFile(val);
-          this.showContextCard = true;
+          // used for hardcoding data
+          if (val === true) {
+            this.contextData = hardcoded_context_info[this.entry.discoverId];
+          } else {
+            this.getContextFile(val);
+            this.showContextCard = true;
+          }
         } else {
           this.showContextCard = false;
         }
@@ -3036,6 +2607,7 @@ external_vue_default.a.use(input_default.a);
     getContextFile: function getContextFile(contextFileUrl) {
       var _this = this;
 
+      this.loading = true;
       fetch(contextFileUrl).then(function (response) {
         if (!response.ok) {
           throw Error(response.statusText);
@@ -3044,23 +2616,41 @@ external_vue_default.a.use(input_default.a);
         }
       }).then(function (data) {
         _this.contextData = data;
+        console.log(data);
+        _this.loading = false;
       }).catch(function () {
         //set defaults if we hit an error
         _this.thumbnail = __webpack_require__("9b53");
         _this.discoverId = undefined;
+        _this.loading = false;
       });
     },
     removeDoubleFilesPath: function removeDoubleFilesPath(path) {
-      if (path.includes('files/files/')) {
-        return path.replace('files/files/', 'files/');
+      if (path.includes('files/')) {
+        return path.replace('files/', '');
       } else {
         return path;
       }
     },
+    toggleSampleDetails: function toggleSampleDetails(i) {
+      if (this.sampleDetails[i] === undefined) {
+        external_vue_default.a.set(this.sampleDetails, i, true);
+      } else {
+        external_vue_default.a.set(this.sampleDetails, i, !this.sampleDetails[i]);
+      }
+    },
     getFileFromPath: function getFileFromPath(path) {
+      // for hardcoded data
+      if (this.entry.contextCardUrl === true) {
+        return path;
+      }
+
       path = this.removeDoubleFilesPath(path);
       return "".concat(this.entry.apiLocation, "s3-resource/").concat(this.entry.discoverId, "/").concat(this.entry.version, "/files/").concat(path);
     },
+    generateFileLink: function generateFileLink(path) {
+      return "https://sparc.science/file/".concat(this.entry.discoverId, "/").concat(this.entry.version, "?path=").concat(encodeURI(path));
+    },
     openViewFile: function openViewFile(view) {
       // note that we assume that the view file is in the same directory as the scaffold (viewUrls take relative paths)
       this.entry.viewUrl = view.path.split('/')[view.path.split('/').length - 1];
@@ -3071,8 +2661,8 @@ external_vue_default.a.use(input_default.a);
 });
 // CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_ContextCardvue_type_script_lang_js_ = (ContextCardvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/ContextCard.vue?vue&type=style&index=0&id=5de93eb9&scoped=true&lang=css&
-var ContextCardvue_type_style_index_0_id_5de93eb9_scoped_true_lang_css_ = __webpack_require__("947f");
+// EXTERNAL MODULE: ./src/components/ContextCard.vue?vue&type=style&index=0&id=41eb07ec&scoped=true&lang=css&
+var ContextCardvue_type_style_index_0_id_41eb07ec_scoped_true_lang_css_ = __webpack_require__("718b");
 
 // CONCATENATED MODULE: ./src/components/ContextCard.vue
 
@@ -3085,11 +2675,11 @@ var ContextCardvue_type_style_index_0_id_5de93eb9_scoped_true_lang_css_ = __webp
 
 var ContextCard_component = normalizeComponent(
   components_ContextCardvue_type_script_lang_js_,
-  ContextCardvue_type_template_id_5de93eb9_scoped_true_render,
-  ContextCardvue_type_template_id_5de93eb9_scoped_true_staticRenderFns,
+  ContextCardvue_type_template_id_41eb07ec_scoped_true_render,
+  ContextCardvue_type_template_id_41eb07ec_scoped_true_staticRenderFns,
   false,
   null,
-  "5de93eb9",
+  "41eb07ec",
   null
   
 )
@@ -3141,6 +2731,8 @@ var ContextCard_component = normalizeComponent(
 
 
 
+
+
 
 
 
@@ -3195,6 +2787,7 @@ function SidebarContentvue_type_script_lang_js_objectSpread(target) { for (var i
 //
 //
 //
+//
 
 /* eslint-disable no-alert, no-console */
 
@@ -3277,7 +2870,8 @@ var initial_state = {
   hasSearched: false,
   sciCrunchError: false,
   contextCardEntry: undefined,
-  contextCardEnabled: false
+  contextCardEnabled: true,
+  loadingScicrunch: false
 };
 /* harmony default export */ var SidebarContentvue_type_script_lang_js_ = ({
   components: {
@@ -3383,6 +2977,7 @@ var initial_state = {
         _this.discoverIds = searchData.discoverIds;
         _this.dois = searchData.dois;
         _this.results = searchData.items;
+        _this.loadingCards = false;
 
         _this.searchSciCrunch({
           'dois': _this.dois
@@ -3404,9 +2999,8 @@ var initial_state = {
     searchSciCrunch: function searchSciCrunch(params) {
       var _this2 = this;
 
-      this.loadingCards = true;
-      this.results = [];
-      this.disableCards();
+      this.loadingScicrunch = true;
+      this.scrollToTop();
       this.$emit("search-changed", {
         value: this.searchInput,
         type: "query-update"
@@ -3420,20 +3014,21 @@ var initial_state = {
 
         _this2.$refs.content.style["overflow-y"] = "scroll";
         _this2.loadingCards = false;
+        _this2.loadingScicrunch = false;
       }).catch(function (result) {
         if (result.name !== 'AbortError') {
           _this2.loadingCards = false;
+          _this2.loadingScicrunch = false;
           _this2.sciCrunchError = result.message;
         }
       });
     },
-    disableCards: function disableCards() {
+    scrollToTop: function scrollToTop() {
       if (this.$refs.content) {
         this.$refs.content.scroll({
           top: 0,
           behavior: "smooth"
         });
-        this.$refs.content.style["overflow-y"] = "hidden";
       }
     },
     resetPageNavigation: function resetPageNavigation() {
@@ -3444,25 +3039,27 @@ var initial_state = {
       var _this3 = this;
 
       this.lastSearch = this.searchInput;
-      this.results = [];
+      var id = 0;
 
       if (data.results.length === 0) {
         return;
       }
 
       data.results.forEach(function (element) {
-        // this.results.push(element) below should be once backend is ready
-        var datasetInfo = {
-          name: element.name,
-          description: element.description,
-          contributors: element.contributors,
+        // match the scicrunch result with algolia result
+        var i = _this3.results.findIndex(function (res) {
+          return res.name === element.name;
+        }); // Assign scicrunch results to the object
+
+
+        Object.assign(_this3.results[i], element); // Assign the attributes that need some processing
+
+        Object.assign(_this3.results[i], {
           numberSamples: element.sampleSize ? parseInt(element.sampleSize) : 0,
           numberSubjects: element.subjectSize ? parseInt(element.subjectSize) : 0,
           updated: element.updated[0].timestamp.split("T")[0],
           url: element.uri[0],
-          datasetId: element.dataset_identifier,
-          datasetRevision: element.dataset_revision,
-          datasetVersion: element.dataset_version,
+          datasetId: element.identifier,
           organs: element.organs && element.organs.length > 0 ? _toConsumableArray(new Set(element.organs.map(function (v) {
             return v.name;
           }))) : undefined,
@@ -3470,22 +3067,13 @@ var initial_state = {
             return v.species ? v.species.name : null;
           }))) : undefined : undefined,
           // This processing only includes each gender once into 'sexes'
-          doi: element.doi,
-          publishDate: element.publishDate,
-          scaffolds: element['abi-scaffold-metadata-file'],
-          thumbnails: element['abi-thumbnail'] ? element['abi-thumbnail'] : element['abi-scaffold-thumbnail'],
-          scaffoldViews: element['abi-scaffold-view-file'],
-          videos: element.video,
-          plots: element.plot,
-          images: element['common-images'],
+          id: id,
+          scaffolds: element['abi-scaffold-metadata-file'] ? element['abi-scaffold-metadata-file'] : undefined,
           contextualInformation: element['abi-contextual-information'].length > 0 ? element['abi-contextual-information'] : undefined,
-          additionalLinks: element.additionalLinks,
-          segmentation: element['mbf-segmentation'],
-          simulation: element.additionalLinks ? element.additionalLinks[0].description == 'Repository' : false,
-          s3uri: element.s3uri
-        };
-
-        _this3.results.push(datasetInfo);
+          simulation: element.additionalLinks ? element.additionalLinks[0].description == 'Repository' : false
+        });
+        id++;
+        external_vue_default.a.set(_this3.results, i, _this3.results[i]);
       });
     },
     createfilterParams: function createfilterParams(params) {
@@ -3551,8 +3139,8 @@ var initial_state = {
 });
 // CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_SidebarContentvue_type_script_lang_js_ = (SidebarContentvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/SidebarContent.vue?vue&type=style&index=0&id=3d1731ba&scoped=true&lang=css&
-var SidebarContentvue_type_style_index_0_id_3d1731ba_scoped_true_lang_css_ = __webpack_require__("4c16");
+// EXTERNAL MODULE: ./src/components/SidebarContent.vue?vue&type=style&index=0&id=53d83468&scoped=true&lang=css&
+var SidebarContentvue_type_style_index_0_id_53d83468_scoped_true_lang_css_ = __webpack_require__("c426");
 
 // CONCATENATED MODULE: ./src/components/SidebarContent.vue
 
@@ -3565,22 +3153,22 @@ var SidebarContentvue_type_style_index_0_id_3d1731ba_scoped_true_lang_css_ = __w
 
 var SidebarContent_component = normalizeComponent(
   components_SidebarContentvue_type_script_lang_js_,
-  SidebarContentvue_type_template_id_3d1731ba_scoped_true_render,
-  SidebarContentvue_type_template_id_3d1731ba_scoped_true_staticRenderFns,
+  SidebarContentvue_type_template_id_53d83468_scoped_true_render,
+  SidebarContentvue_type_template_id_53d83468_scoped_true_staticRenderFns,
   false,
   null,
-  "3d1731ba",
+  "53d83468",
   null
   
 )
 
 /* harmony default export */ var SidebarContent = (SidebarContent_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7ada69a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tabs.vue?vue&type=template&id=5d1b9484&scoped=true&
-var Tabsvue_type_template_id_5d1b9484_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tab-container"},_vm._l((_vm.tabTitles),function(title){return _c('div',{key:title.id,staticClass:"title"},[_c('div',{staticClass:"title-text-table",class:{ highlightText : (title.id==_vm.activeId) },on:{"click":function($event){return _vm.titleClicked(title.id)}}},[_c('div',{staticClass:"title-text"},[_vm._v(" "+_vm._s(title.title)+" ")])])])}),0)}
-var Tabsvue_type_template_id_5d1b9484_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bc52cf4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tabs.vue?vue&type=template&id=d68260c4&scoped=true&
+var Tabsvue_type_template_id_d68260c4_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tab-container"},_vm._l((_vm.tabTitles),function(title){return _c('div',{key:title.id,staticClass:"title"},[_c('div',{staticClass:"title-text-table",class:{ highlightText : (title.id==_vm.activeId) },on:{"click":function($event){return _vm.titleClicked(title.id)}}},[_c('div',{staticClass:"title-text"},[_vm._v(" "+_vm._s(title.title)+" ")])])])}),0)}
+var Tabsvue_type_template_id_d68260c4_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Tabs.vue?vue&type=template&id=5d1b9484&scoped=true&
+// CONCATENATED MODULE: ./src/components/Tabs.vue?vue&type=template&id=d68260c4&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tabs.vue?vue&type=script&lang=js&
 
@@ -3620,8 +3208,8 @@ var Tabsvue_type_template_id_5d1b9484_scoped_true_staticRenderFns = []
 });
 // CONCATENATED MODULE: ./src/components/Tabs.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_Tabsvue_type_script_lang_js_ = (Tabsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/Tabs.vue?vue&type=style&index=0&id=5d1b9484&scoped=true&lang=css&
-var Tabsvue_type_style_index_0_id_5d1b9484_scoped_true_lang_css_ = __webpack_require__("183e");
+// EXTERNAL MODULE: ./src/components/Tabs.vue?vue&type=style&index=0&id=d68260c4&scoped=true&lang=css&
+var Tabsvue_type_style_index_0_id_d68260c4_scoped_true_lang_css_ = __webpack_require__("44cc");
 
 // CONCATENATED MODULE: ./src/components/Tabs.vue
 
@@ -3634,11 +3222,11 @@ var Tabsvue_type_style_index_0_id_5d1b9484_scoped_true_lang_css_ = __webpack_req
 
 var Tabs_component = normalizeComponent(
   components_Tabsvue_type_script_lang_js_,
-  Tabsvue_type_template_id_5d1b9484_scoped_true_render,
-  Tabsvue_type_template_id_5d1b9484_scoped_true_staticRenderFns,
+  Tabsvue_type_template_id_d68260c4_scoped_true_render,
+  Tabsvue_type_template_id_d68260c4_scoped_true_staticRenderFns,
   false,
   null,
-  "5d1b9484",
+  "d68260c4",
   null
   
 )
@@ -3830,8 +3418,8 @@ var SideBarvue_type_script_lang_js_initial_state = {
 });
 // CONCATENATED MODULE: ./src/components/SideBar.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_SideBarvue_type_script_lang_js_ = (SideBarvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/SideBar.vue?vue&type=style&index=0&id=3d831a8e&scoped=true&lang=css&
-var SideBarvue_type_style_index_0_id_3d831a8e_scoped_true_lang_css_ = __webpack_require__("bc5f");
+// EXTERNAL MODULE: ./src/components/SideBar.vue?vue&type=style&index=0&id=3f7eb1a5&scoped=true&lang=css&
+var SideBarvue_type_style_index_0_id_3f7eb1a5_scoped_true_lang_css_ = __webpack_require__("a3fe");
 
 // CONCATENATED MODULE: ./src/components/SideBar.vue
 
@@ -3848,7 +3436,7 @@ var SideBar_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "3d831a8e",
+  "3f7eb1a5",
   null
   
 )