@abi-software/map-side-bar 1.2.3-hardcoded-1 → 1.3.1

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

@@ -129,13 +129,6 @@ module.exports = require("element-ui/lib/theme-chalk/select.css");
 
 /***/ }),
 
-/***/ "139b":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "139f":
 /***/ (function(module, exports) {
 
@@ -143,35 +136,39 @@ module.exports = require("core-js/modules/es.array.for-each");
 
 /***/ }),
 
-/***/ "18d2":
-/***/ (function(module, exports) {
+/***/ "1466":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.array.concat");
+"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_bf387872_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("85ca");
+/* 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_bf387872_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_bf387872_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_bf387872_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "1b25":
+/***/ "183e":
 /***/ (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_5dcf465c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("872a");
-/* 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_5dcf465c_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_5dcf465c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* 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_DatasetCard_vue_vue_type_style_index_0_id_5dcf465c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+ /* 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); 
 
 /***/ }),
 
-/***/ "1ce0":
+/***/ "18d2":
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/web.dom-collections.iterator");
+module.exports = require("core-js/modules/es.array.concat");
 
 /***/ }),
 
-/***/ "1e9c":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "1ce0":
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
+module.exports = require("core-js/modules/web.dom-collections.iterator");
 
 /***/ }),
 
@@ -182,13 +179,6 @@ module.exports = require("core-js/modules/es.object.keys");
 
 /***/ }),
 
-/***/ "21a5":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "230a":
 /***/ (function(module, exports) {
 
@@ -217,6 +207,24 @@ module.exports = require("element-ui/lib/theme-chalk/loading.css");
 
 /***/ }),
 
+/***/ "2c6a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "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) {
 
@@ -224,32 +232,28 @@ module.exports = require("element-ui/lib/drawer");
 
 /***/ }),
 
-/***/ "429c":
+/***/ "3a09":
 /***/ (function(module, exports) {
 
-module.exports = require("@abi-software/svg-sprite");
+module.exports = require("@abi-software/gallery");
 
 /***/ }),
 
-/***/ "42ed":
+/***/ "3d4f":
 /***/ (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_e348049c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("21a5");
-/* 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_e348049c_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_e348049c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* 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_0d501578_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2c6a");
+/* 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_0d501578_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_0d501578_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_e348049c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+ /* 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_0d501578_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "44cc":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "429c":
+/***/ (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_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); 
+module.exports = require("@abi-software/svg-sprite");
 
 /***/ }),
 
@@ -309,6 +313,31 @@ module.exports = require("core-js/modules/es.regexp.exec");
 
 /***/ }),
 
+/***/ "549b":
+/***/ (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_3d0e62ac_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("741b");
+/* 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_3d0e62ac_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_3d0e62ac_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_3d0e62ac_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
+/***/ "5658":
+/***/ (function(module, exports) {
+
+module.exports = require("@abi-software/gallery/dist/gallery.css");
+
+/***/ }),
+
+/***/ "5835":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "5d8c":
 /***/ (function(module, exports) {
 
@@ -323,6 +352,13 @@ module.exports = require("core-js/modules/es.regexp.to-string");
 
 /***/ }),
 
+/***/ "6006":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "6049":
 /***/ (function(module, exports) {
 
@@ -358,6 +394,13 @@ 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) {
 
@@ -379,24 +422,28 @@ module.exports = require("core-js/modules/es.number.constructor");
 
 /***/ }),
 
-/***/ "7963":
+/***/ "741b":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "79d0":
-/***/ (function(module, exports) {
+/***/ "788d":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("regenerator-runtime/runtime");
+"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_BadgesGroup_vue_vue_type_style_index_0_id_ee8bc524_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("96d8");
+/* 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_BadgesGroup_vue_vue_type_style_index_0_id_ee8bc524_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_BadgesGroup_vue_vue_type_style_index_0_id_ee8bc524_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_BadgesGroup_vue_vue_type_style_index_0_id_ee8bc524_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "7ad0":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "79d0":
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
+module.exports = require("regenerator-runtime/runtime");
 
 /***/ }),
 
@@ -442,7 +489,7 @@ module.exports = require("core-js/modules/es.object.to-string");
 
 /***/ }),
 
-/***/ "872a":
+/***/ "85ca":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -491,6 +538,13 @@ module.exports = require("element-ui/lib/popover");
 
 /***/ }),
 
+/***/ "96d8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9861":
 /***/ (function(module, exports) {
 
@@ -519,14 +573,10 @@ module.exports = __webpack_require__.p + "img/missing-image.1878d8b8.svg";
 
 /***/ }),
 
-/***/ "a3fe":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "a012":
+/***/ (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_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); 
+module.exports = require("@abi-software/gallery/src/mixins/GalleryHelpers");
 
 /***/ }),
 
@@ -586,6 +636,17 @@ module.exports = require("core-js/modules/es.object.assign");
 
 /***/ }),
 
+/***/ "bc5f":
+/***/ (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_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); 
+
+/***/ }),
+
 /***/ "bcd8":
 /***/ (function(module, exports) {
 
@@ -621,10 +682,21 @@ module.exports = require("element-ui/lib/option");
 
 /***/ }),
 
-/***/ "dbad":
-/***/ (function(module, exports) {
+/***/ "d76d":
+/***/ (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_6c38fe3e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6006");
+/* 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_6c38fe3e_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_6c38fe3e_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_6c38fe3e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
+/***/ "db11":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.number.is-finite");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -656,17 +728,6 @@ module.exports = require("element-ui/lib/input");
 
 /***/ }),
 
-/***/ "e941":
-/***/ (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_39cef630_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7963");
-/* 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_39cef630_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_39cef630_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_39cef630_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "ece9":
 /***/ (function(module, exports) {
 
@@ -681,17 +742,6 @@ 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) {
 
@@ -733,12 +783,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":"258ee7b8-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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&
 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=3f7eb1a5&scoped=true&
+// CONCATENATED MODULE: ./src/components/SideBar.vue?vue&type=template&id=3d831a8e&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol"
 var es_symbol_ = __webpack_require__("6049");
@@ -808,12 +858,12 @@ 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":"258ee7b8-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=39cef630&scoped=true&
-var SidebarContentvue_type_template_id_39cef630_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.loadingScicrunch)?_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loadingScicrunch),expression:"loadingScicrunch"}],staticClass:"loading-icon"}):_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_39cef630_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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=0d501578&scoped=true&
+var SidebarContentvue_type_template_id_0d501578_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)?_c('div',{staticClass:"error-feedback"},[_vm._v("No results found - Please change your search / filter criteria.")]):_vm._e(),_vm._l((_vm.results),function(result){return _c('div',{key:result.doi,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_0d501578_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=template&id=39cef630&scoped=true&
+// CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=template&id=0d501578&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.find-index"
 var es_array_find_index_ = __webpack_require__("aecd");
@@ -983,12 +1033,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":"258ee7b8-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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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: ./src/components/SearchFilters.vue?vue&type=template&id=58d5fb22&scoped=true&
+// CONCATENATED MODULE: ./src/components/SearchFilters.vue?vue&type=template&id=57801ec0&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.includes"
 var es_array_includes_ = __webpack_require__("ab7e");
@@ -1424,7 +1474,6 @@ function () {
     value: function _processResultsForCards(results) {
       var newResults = [];
       var newResult = {};
-      var id = 0;
       var _iteratorNormalCompletion = true;
       var _didIteratorError = false;
       var _iteratorError = undefined;
@@ -1439,9 +1488,9 @@ function () {
             description: res.item.description,
             updated: res.pennsieve.updatedAt,
             publishDate: res.pennsieve.publishDate,
-            id: id
+            datasetId: res.objectID,
+            detailsReady: false
           };
-          id++;
           newResults.push(newResult);
         }
       } catch (err) {
@@ -1461,9 +1510,9 @@ function () {
 
       return newResults;
     }
-    /**
-     * Get Search results
-     * This is using fetch from the Algolia API
+    /**
+     * Get Search results
+     * This is using fetch from the Algolia API
      */
 
   }, {
@@ -1479,7 +1528,9 @@ function () {
           facets: ['*'],
           hitsPerPage: hitsperPage,
           page: page - 1,
-          filters: filter
+          filters: filter,
+          attributesToHighlight: [],
+          attributesToRetrieve: ['pennsieve.publishDate', 'pennsieve.updatedAt', 'item.curie', 'item.name', 'item.description', 'objectID']
         }).then(function (response) {
           var searchData = {
             items: _this2._processResultsForCards(response.hits),
@@ -1521,8 +1572,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() {
@@ -1702,9 +1753,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: {
@@ -2012,8 +2063,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=58d5fb22&scoped=true&lang=css&
-var SearchFiltersvue_type_style_index_0_id_58d5fb22_scoped_true_lang_css_ = __webpack_require__("efb8");
+// 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");
 
 // CONCATENATED MODULE: ./src/components/SearchFilters.vue
 
@@ -2026,327 +2077,34 @@ var SearchFiltersvue_type_style_index_0_id_58d5fb22_scoped_true_lang_css_ = __we
 
 var SearchFilters_component = normalizeComponent(
   components_SearchFiltersvue_type_script_lang_js_,
-  SearchFiltersvue_type_template_id_58d5fb22_scoped_true_render,
-  SearchFiltersvue_type_template_id_58d5fb22_scoped_true_staticRenderFns,
+  SearchFiltersvue_type_template_id_57801ec0_scoped_true_render,
+  SearchFiltersvue_type_template_id_57801ec0_scoped_true_staticRenderFns,
   false,
   null,
-  "58d5fb22",
+  "57801ec0",
   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":"258ee7b8-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=5dcf465c&scoped=true&
-var DatasetCardvue_type_template_id_5dcf465c_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_5dcf465c_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=5dcf465c&scoped=true&
-
-// CONCATENATED MODULE: ./src/components/EventBus.js
-
-var EventBus = new external_vue_default.a();
-/* harmony default export */ var components_EventBus = (EventBus);
-// CONCATENATED MODULE: ./src/components/hardcoded-context-info.js
-/* harmony default export */ var hardcoded_context_info = ({
-  221: {
-    "description": "3D digital tracings of the enteric plexus obtained from seven subjects (M11, M16, M134, 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.",
-      "doi": "",
-      "heading": "Digital tracing for subject M11 ",
-      "id": "Sample 1",
-      "path": "derivative/sub-M11/sam-pCm11/digital-traces/pC PHPS XFP M11 20XZ 180425_180713_2_NL_20.xml",
-      "view": "View 1"
-    }, {
-      "annotation": "",
-      "description": "Digital traces demonstrate 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": "derivative/sub-M16/sam-pCm16/digital-traces/pC PHPS XFP M16 20XZ 180425_180524.xml",
-      "view": "View 2"
-    }, {
-      "annotation": "",
-      "description": "Digital traces demonstrate how the nerve fibers (dark green and orange) contact several neurons and/or run together with other fibers.",
-      "doi": "",
-      "heading": "Digital tracing for subject M134",
-      "id": "Sample 3",
-      "path": "derivative/sub-M134/sam-pCm134/digital-traces/pC XFP M134 20XZ 190806_191012_200130D_lx.xml",
-      "view": "View 3"
-    }, {
-      "annotation": "",
-      "description": "Various types of labeled neurons located in one large ganglion. Long nerve fibers from different directions cross the ganglion, and two fibers (magenta and green) run closely apposed in segments with axons of neurons (white and red). Two axons (aqua and peach on the top) are adjacent to each other, as well as two somas (red and yellow). One neuron (cyan) displays complex wiring with neurons nearby via the axon-soma, axon-dendritic and axon-axon contacts. Vertically projecting fibers in the left side are the fibers innervating the circular muscle. ",
-      "doi": "",
-      "heading": "Digital tracing for subject M162",
-      "id": "Sample 4",
-      "path": "derivative/sub-M162/sam-pCm162/digital-traces/pCm162_AAV_Z_20x_20200204_S1D_lx_li_z-flip.xml",
-      "view": "View 4"
-    }, {
-      "annotation": "",
-      "description": "Digital tracings from subject M163 are annotated into the following groups to highlight their interactions:\n\nF peach connex: A nerve fiber (peach) displays close appositions with a few neuronal processes. \n\nInterganglionic strand joined by Ns Fs:Axons (with contacts) and a long crossing fiber (dark green) join an interganglionic strand.\n\nN12 Connex: One neuron (green) is in contact with four others via axon-soma, axon-dendrites and axon-axon connections, as well as one passing fiber.\n",
-      "doi": "",
-      "heading": "Digital tracing for subject M163",
-      "id": "Sample 5",
-      "path": "derivative/sub-M163/sam-pCm163/digital-traces/pCm163_AAV_Z_20x_20200206_S3-ab.xml",
-      "view": "View 5"
-    }, {
-      "annotation": "",
-      "description": "Digital tracings for subject M164 demonstrates wiring of neuronal clusters.",
-      "doi": "",
-      "heading": "Digital tracing for subject M164",
-      "id": "Sample 6",
-      "path": "derivative/sub-M164/sam-pCm164/digital-traces/pCm164_AAV_Z_20x_20200211_S2A.xml",
-      "view": "View 6"
-    }, {
-      "annotation": "",
-      "description": "Digital tracings from subject M168 are annotated into the following groups to highlight their interactions:\n\nF Beige connex:  Connections of one ganglion-crossing fiber (beige) with neurons and ganglion-crossing nerve fibers. \n\nF Green connex : Interganglionic connections.\n\nInterganglionic connex: Connections of one ganglion-crossing fiber (green) with neurons in two ganglia and ganglion-crossing nerve fibers. A nerve fiber (red) runs a long distance together with another fiber (green). \n\nIntraganglionic strand: Ganglia crossing fibers and axons of neurons join an interganglionic strand.",
-      "doi": "",
-      "heading": "Digital tracing for subject M168",
-      "id": "Sample 7",
-      "path": "derivative/sub-M168/digital-traces/pCm168_AAV_Z_20x_191211_S3B_lx.xml",
-      "view": "View 7"
-    }],
-    "version": "0.1.0",
-    "views": [{
-      "annotation": "",
-      "description": "Digital tracing of neurons for subject M16.",
-      "id": "View 2",
-      "path": "derivative/Scaffolds/AAV_M16_view.json",
-      "sample": "Sample 7",
-      "thumbnail": "derivative/Scaffolds/AAV_M16_thumbnail.jpeg"
-    }, {
-      "annotation": "",
-      "description": "Digital tracing of neurons for subject M134.",
-      "id": "View 3",
-      "path": "derivative/Scaffolds/AAV_M134_view.json",
-      "sample": "Sample 7",
-      "thumbnail": "derivative/Scaffolds/AAV_M134_thumbnail.jpeg"
-    }, {
-      "annotation": "",
-      "description": "Digital tracing of neurons for subject M162.",
-      "id": "View 4",
-      "path": "derivative/Scaffolds/AAV_M162_view.json",
-      "sample": "Sample 7",
-      "thumbnail": "derivative/Scaffolds/AAV_M162_thumbnail.jpeg"
-    }, {
-      "annotation": "",
-      "description": "Digital tracing of neurons for subject M163.",
-      "id": "View 5",
-      "path": "derivative/Scaffolds/AAV_M163_view.json",
-      "sample": "Sample 7",
-      "thumbnail": "derivative/Scaffolds/AAV_M163_thumbnail.jpeg"
-    }, {
-      "annotation": "",
-      "description": "Digital tracing of neurons for subject M164.",
-      "id": "View 6",
-      "path": "derivative/Scaffolds/AAV_M164_view.json",
-      "sample": "Sample 7",
-      "thumbnail": "derivative/Scaffolds/AAV_M164_thumbnail.jpeg"
-    }, {
-      "annotation": "",
-      "description": "Digital tracing of neurons for subject M168.",
-      "id": "View 7",
-      "path": "derivative/Scaffolds/AAV_M168_view.json",
-      "sample": "Sample 7",
-      "thumbnail": "derivative/Scaffolds/AAV_M168_thumbnail.jpeg"
-    }, {
-      "annotation": "",
-      "description": "Digital tracing of neurons for subject M11.",
-      "id": "View 1",
-      "path": "derivative/Scaffolds/AAV_M11_view.json",
-      "sample": "Sample 1",
-      "thumbnail": "derivative/Scaffolds/AAV_M11_thumbnail.jpeg"
-    }]
-  },
-  125: {
-    "description": "Cumulative distributions of retrogradely labeled motor neurons from 8 inter-tenial longitudinal muscle preparations and 7 preparations from the tenial region are mapped onto the human colon scaffold. \n\nNote that the distributions are mapped to the descending colon but consistent pattern were observed along the entire length of the colon.",
-    "heading": "Mapped LMMN projections",
-    "id": "sparc.science.context_data",
-    "samples": [{
-      "annotation": "",
-      "description": "Excitatory motor neurons (ChAT+) are predominantly located aboral to the DiI application site, whereas inhibitory motor neurons (NOS+) are scattered across the distribution.",
-      "doi": "",
-      "heading": "Distribution of LMMN in inter-tenial region",
-      "id": "Sample 2",
-      "path": "",
-      "view": "View 2"
-    }, {
-      "annotation": "",
-      "description": "Excitatory motor neuron cell bodies (ChAT+) are clustered anal to the DiI application site and thus mostly had ascending projections while inhibitory motor neurons (NOS+) are located on both sides of the application site.",
-      "doi": "",
-      "heading": "Distribution of LMMN in tenial region",
-      "id": "Sample 1",
-      "path": "",
-      "view": "View 1"
-    }],
-    "version": "0.1.0",
-    "views": [{
-      "annotation": "",
-      "description": "Distribution of LMMN in tenial region",
-      "id": "View 1",
-      "path": "derivative/Scaffolds/scaffoldMap_tenial_view.json",
-      "sample": "Sample 1",
-      "thumbnail": "derivative/Scaffolds/scaffoldMap_tenial_thumbnail.jpeg"
-    }, {
-      "annotation": "",
-      "description": "Distribution of LMMN in inter-tenial region",
-      "id": "View 2",
-      "path": "derivative/Scaffolds/scaffoldMap_intertenial_view.json",
-      "sample": "Sample 2",
-      "thumbnail": "derivative/Scaffolds/scaffoldMap_intertenial_thumbnail.jpeg"
-    }]
-  },
-  34: {
-    "description": "Relative contraction and mean luminal pressure (represented by a color field with red as high pressure and blue as low pressure) are mapped on the proximal, transverse and distal sections of the pig colon scaffold. Only sections monitored with manometry probes are displayed here and these sections are not contiguous. \n\nBaseline data was collected for 30min, followed by 15min of stimulation and 30min of post-stimulation.\n\nDuring stimulation, the distal colon was also observed to display longitudinal contraction which is not captured on the scaffold due to the lack of measurements. \n\n",
-    "heading": "Direct distal colon stimulation",
-    "id": "sparc.science.context_data",
-    "samples": [{
-      "annotation": "",
-      "description": "",
-      "doi": "",
-      "heading": "Direct distal colon stimulation",
-      "id": "Sample 1",
-      "path": "derivative/sub-all_direct-stim_manometry_distal-colon.xlsx",
-      "view": ""
-    }],
-    "version": "0.1.0",
-    "views": []
-  },
-  150: {
-    "description": "Relative contraction and mean luminal pressure (represented by a color field with red as high pressure and blue as low pressure) are mapped on the proximal, transverse and distal sections of the pig colon scaffold. Only sections monitored with manometry probes are displayed here and these sections are not contiguous. \n\nBaseline data was collected for 15min, followed by 10min of stimulation and 30min of post-stimulation.",
-    "heading": "Acute CBVN 300us pulse-train without block",
-    "id": "sparc.science.context_data",
-    "samples": [{
-      "annotation": "",
-      "description": "",
-      "doi": "",
-      "heading": "Acute CBVN 300us pulse-train without block",
-      "id": "Sample 1",
-      "path": "derivative/perf-CBVN-stim_300us_5mA_PT/sub-all_CBVN-stim_300us_5_mA_PT_woB_manometry.xlsx",
-      "view": ""
-    }],
-    "version": "0.1.0",
-    "views": []
-  }
-}); // //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&
-
-
-
-
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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=bf387872&scoped=true&
+var DatasetCardvue_type_template_id_bf387872_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",staticClass:"dataset-card"},[_c('div',{staticClass:"seperator-path"}),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"card"},[_c('span',{staticClass:"card-left"},[(!_vm.loading && _vm.discoverId)?_c('image-gallery',{attrs:{"datasetId":_vm.discoverId,"datasetVersion":_vm.version,"entry":_vm.entry,"envVars":_vm.envVars,"label":_vm.label,"datasetThumbnail":_vm.thumbnail,"dataset-biolucida":_vm.biolucidaData,"category":_vm.currentCategory},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))]),(!_vm.entry.detailsReady)?_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(!_vm.entry.detailsReady),expression:"!entry.detailsReady"}],staticClass:"details loading-icon"}):_vm._e(),_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',{staticClass:"badges-container"},[_c('badges-group',{attrs:{"entry":_vm.entry,"dataset-biolucida":_vm.biolucidaData},on:{"categoryChanged":_vm.categoryChanged}})],1)])])])])}
+var DatasetCardvue_type_template_id_bf387872_scoped_true_staticRenderFns = []
 
 
+// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=bf387872&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/BadgesGroup.vue?vue&type=template&id=ee8bc524&scoped=true&
+var BadgesGroupvue_type_template_id_ee8bc524_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.categories['All'].size > 1)?_c('div',{ref:"container",staticClass:"container"},[_c('div',[_vm._v(" View data types: ")]),_vm._l((_vm.categories),function(item,key){return [(item.size > 0)?_c('el-button',{key:key,class:[{ 'active': key == _vm.active},'tag-button'],attrs:{"size":"small"},on:{"click":function($event){return _vm.categoryClicked(key)}}},[_vm._v(_vm._s(key + " (" + item.size + ")")+" ")]):_vm._e()]})],2):_vm._e()}
+var BadgesGroupvue_type_template_id_ee8bc524_scoped_true_staticRenderFns = []
 
 
+// CONCATENATED MODULE: ./src/components/BadgesGroup.vue?vue&type=template&id=ee8bc524&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/BadgesGroup.vue?vue&type=script&lang=js&
 
 
 
-
-
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -2369,25 +2127,759 @@ var EventBus = new external_vue_default.a();
 
 
 
-
-
-
 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 BadgesGroupvue_type_script_lang_js_ = ({
+  name: "BadgesGroup",
+  props: {
+    /**
+     * Object containing information for
+     * the required viewing.
+     */
+    additionalLinks: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    datasetBiolucida: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    entry: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      categories: {
+        "All": {
+          size: 1
+        }
+      },
+      active: "All"
+    };
+  },
+  methods: {
+    addToCategories: function addToCategories(array, name) {
+      if (array && array.length > 0) {
+        this.categories[name] = {
+          size: array.length
+        };
+        this.categories["All"].size += array.length;
+      }
+    },
+    addSimulationsToCategories: function addSimulationsToCategories(array) {
+      if (array && array.length > 0) {
+        var size = 1;
+        this.categories["Simulations"] = {
+          size: size
+        };
+        this.categories["All"].size += size;
+      }
+    },
+    categoryClicked: function categoryClicked(name) {
+      this.active = name;
+      this.$emit("categoryChanged", name);
+    }
+  },
+  watch: {
+    datasetBiolucida: {
+      deep: true,
+      immediate: true,
+      handler: function handler(biolucidaData) {
+        if ("dataset_images" in biolucidaData) {
+          this.addToCategories(biolucidaData["dataset_images"], "Biolucida Images");
+        }
+      }
+    },
+    entry: {
+      deep: true,
+      immediate: true,
+      handler: function handler() {
+        this.addToCategories(this.entry.scaffolds, 'Scaffolds');
+        this.addToCategories(this.entry.segmentation, 'Segmentations');
+        this.addToCategories(this.entry.plots, 'Plots');
+        this.addSimulationsToCategories(this.entry.simulation);
+        /** disable the following
+        this.addToCategories(this.entry.images, 'Images');
+        this.addToCategories(this.entry.videos, 'Videos');
+        **/
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/BadgesGroup.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_BadgesGroupvue_type_script_lang_js_ = (BadgesGroupvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/BadgesGroup.vue?vue&type=style&index=0&id=ee8bc524&scoped=true&lang=css&
+var BadgesGroupvue_type_style_index_0_id_ee8bc524_scoped_true_lang_css_ = __webpack_require__("788d");
+
+// CONCATENATED MODULE: ./src/components/BadgesGroup.vue
+
+
+
+
+
+
+/* normalize component */
+
+var BadgesGroup_component = normalizeComponent(
+  components_BadgesGroupvue_type_script_lang_js_,
+  BadgesGroupvue_type_template_id_ee8bc524_scoped_true_render,
+  BadgesGroupvue_type_template_id_ee8bc524_scoped_true_staticRenderFns,
+  false,
+  null,
+  "ee8bc524",
+  null
+  
+)
+
+/* harmony default export */ var BadgesGroup = (BadgesGroup_component.exports);
+// 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":"65a2a86d-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=6c38fe3e&scoped=true&
+var ImageGalleryvue_type_template_id_6c38fe3e_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',{ref:"gallery",attrs:{"bottomSpacer":_vm.bottomSpacer,"cardWidth":10,"items":_vm.galleryItems,"max-width":_vm.maxWidth,"show-indicator-bar":false,"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_6c38fe3e_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/ImageGallery.vue?vue&type=template&id=6c38fe3e&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+
+
+
+
+
+
+
+
+function _iterableToArrayLimit(arr, i) {
+  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
+    return;
+  }
+
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+
+
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+// 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_);
+
+// EXTERNAL MODULE: external "@abi-software/gallery/dist/gallery.css"
+var gallery_css_ = __webpack_require__("5658");
+
+// 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&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* 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) {
+  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],
+  props: {
+    datasetBiolucida: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    envVars: {
+      type: Object,
+      default: function _default() {}
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    plots: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    datasetId: {
+      type: Number,
+      default: -1
+    },
+    datasetVersion: {
+      type: Number,
+      default: -1
+    },
+    datasetThumbnail: {
+      type: String,
+      default: ""
+    },
+    category: {
+      type: String,
+      default: "All"
+    },
+    entry: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      currentIndex: 0,
+      ro: null,
+      maxWidth: 3,
+      items: {
+        "Biolucida Images": [],
+        'Dataset': [],
+        'Images': [],
+        'Scaffolds': [],
+        'Segmentations': [],
+        'Simulations': [],
+        'Videos': [],
+        'Plots': []
+      },
+      bodyStyle: {
+        padding: '0px',
+        background: '#ffffff'
+      },
+      imageContainerStyle: {
+        width: '160px',
+        height: '160px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      imageStyle: {
+        maxWidth: '160px',
+        maxHeight: '160px'
+      },
+      shadow: "never",
+      bottomSpacer: {
+        minHeight: '0rem'
+      },
+      resetIndex: false
+    };
+  },
+  methods: {
+    cardClicked: function cardClicked(payload) {
+      this.$emit('card-clicked', payload);
+    },
+    createSciCurnchItems: function createSciCurnchItems() {
+      this.createDatasetItem();
+      this.createScaffoldItems();
+      this.createSimulationItems();
+      this.createPlotItems();
+      this.createSegmentationItems();
+      /* Disable these two
+      this.createImageItems();
+      this.createVideoItems();
+      */
+    },
+    createDatasetItem: function createDatasetItem() {
+      var link = "".concat(this.envVars.ROOT_URL, "/datasets/").concat(this.datasetId, "?type=dataset");
+
+      if (this.datasetThumbnail) {
+        this.items['Dataset'].push({
+          id: -1,
+          //Work around gallery requires a truthy string
+          title: " ",
+          type: "Dataset ".concat(this.datasetId),
+          thumbnail: this.datasetThumbnail,
+          link: link,
+          hideType: true,
+          hideTitle: true
+        });
+      }
+    },
+    createImageItems: function createImageItems() {
+      var _this = this;
+
+      if (this.entry.images) {
+        this.entry.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.items['Images'].push({
+            id: id,
+            title: baseName(filePath),
+            type: "Image",
+            link: linkUrl,
+            hideType: true
+          });
+        });
+      }
+    },
+    createPlotItems: function createPlotItems() {
+      var _this2 = this;
+
+      if (this.entry.plots) {
+        this.entry.plots.forEach(function (plot) {
+          var filePath = plot.dataset.path;
+          var id = plot.identifier;
+
+          var thumbnail = _this2.getThumbnailForPlot(plot, _this2.entry.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 plotAnnotation = plot.datacite;
+          var filePathPrefix = "".concat(_this2.envVars.API_LOCATION, "/s3-resource/").concat(_this2.datasetId, "/").concat(_this2.datasetVersion, "/files/");
+          var sourceUrl = filePathPrefix + plot.dataset.path;
+          var metadata = JSON.parse(plotAnnotation.supplemental_json_metadata.description);
+          var supplementalData = [];
+
+          if (plotAnnotation.isDescribedBy) {
+            supplementalData.push({
+              url: filePathPrefix + plotAnnotation.isDescribedBy.path
+            });
+          }
+
+          var resource = {
+            dataSource: {
+              url: sourceUrl
+            },
+            metadata: metadata,
+            supplementalData: supplementalData
+          };
+          var action = {
+            label: ImageGalleryvue_type_script_lang_js_capitalise(_this2.label),
+            resource: resource,
+            title: "View plot",
+            type: "Plot",
+            discoverId: _this2.discoverId,
+            version: _this2.datasetVersion
+          };
+
+          _this2.items['Plots'].push({
+            id: id,
+            title: baseName(filePath),
+            type: "Plot",
+            thumbnail: thumbnailURL,
+            userData: action,
+            hideType: true,
+            mimetype: mimetype
+          });
+        });
+      }
+    },
+    createScaffoldItems: function createScaffoldItems() {
+      var _this3 = this;
+
+      if (this.entry.scaffolds) {
+        var index = 0;
+        this.entry.scaffolds.forEach(function (scaffold) {
+          var filePath = scaffold.dataset.path;
+          var id = scaffold.identifier;
+
+          var thumbnail = _this3.getThumbnailForScaffold(scaffold, _this3.entry.scaffoldViews, _this3.entry.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,
+            banner: _this3.datasetThumbnail,
+            contextCardUrl: _this3.entry.contextualInformation ? "".concat(_this3.envVars.API_LOCATION, "s3-resource/").concat(_this3.datasetId, "/").concat(_this3.datasetVersion, "/files/").concat(_this3.entry.contextualInformation) : undefined
+          };
+
+          _this3.items['Scaffolds'].push({
+            id: id,
+            title: baseName(filePath),
+            type: "Scaffold",
+            thumbnail: thumbnailURL,
+            userData: action,
+            hideType: true,
+            mimetype: mimetype
+          });
+        });
+      }
+    },
+    createSegmentationItems: function createSegmentationItems() {
+      var _this4 = this;
+
+      if (this.entry.segmentation) {
+        this.entry.segmentation.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=files/").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.items['Segmentations'].push({
+            id: id,
+            title: baseName(filePath),
+            type: "Segmentation",
+            thumbnail: thumbnailURL,
+            userData: action,
+            hideType: true,
+            mimetype: 'image/png'
+          });
+        });
+      }
+    },
+    createSimulationItems: function createSimulationItems() {
+      if (this.entry.simulation && this.entry.simulation.length > 0) {
+        var action = {
+          label: undefined,
+          apiLocation: this.envVars.API_LOCATION,
+          version: this.datasetVersion,
+          title: "View simulation",
+          type: "Simulation",
+          name: this.entry.name,
+          description: this.entry.description,
+          discoverId: this.datasetId,
+          dataset: "".concat(this.envVars.ROOT_URL, "/datasets/").concat(this.datasetId, "?type=dataset")
+        };
+        this.items['Simulations'].push({
+          id: "simulation",
+          title: " ",
+          type: "Simulation",
+          hideType: true,
+          hideTitle: true,
+          userData: action
+        });
+      }
+    },
+    createVideoItems: function createVideoItems() {
+      var _this5 = this;
+
+      if (this.entry.videos) {
+        this.entry.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.items['Videos'].push({
+            title: video.name,
+            type: "Video",
+            thumbnail: _this5.defaultVideoImg,
+            hideType: true,
+            link: linkUrl
+          });
+        });
+      }
+    },
+    onResize: function onResize() {
+      this.maxWidth = this.$el.clientWidth; // this.$emit('resize', this.$el.clientWidth)
+    }
+  },
+  computed: {
+    galleryItems: function galleryItems() {
+      if (this.resetIndex) {
+        this.$refs.gallery.indicatorClicked(0);
+      }
+
+      var items = _toConsumableArray(this.items["Dataset"]);
 
+      if (this.category === "All") {
+        for (var _i = 0, _Object$entries = Object.entries(this.items); _i < _Object$entries.length; _i++) {
+          var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+              key = _Object$entries$_i[0],
+              value = _Object$entries$_i[1];
+
+          if (key !== "Dataset") items = items.concat(value);
+        }
+
+        return items;
+      } else return this.items[this.category];
+    }
+  },
+  created: function created() {
+    this.createSciCurnchItems();
+  },
+  watch: {
+    category: function category() {
+      this.resetIndex = true;
+    },
+    galleryItems: function galleryItems() {
+      this.resetIndex = false;
+    },
+    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',
+              hideType: true
+            };
+          })));
+        }
+
+        this.items['Biolucida Images'] = 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=6c38fe3e&scoped=true&lang=css&
+var ImageGalleryvue_type_style_index_0_id_6c38fe3e_scoped_true_lang_css_ = __webpack_require__("d76d");
+
+// CONCATENATED MODULE: ./src/components/ImageGallery.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ImageGallery_component = normalizeComponent(
+  components_ImageGalleryvue_type_script_lang_js_,
+  ImageGalleryvue_type_template_id_6c38fe3e_scoped_true_render,
+  ImageGalleryvue_type_template_id_6c38fe3e_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6c38fe3e",
+  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);
 /* harmony default export */ var DatasetCardvue_type_script_lang_js_ = ({
   name: "DatasetCard",
+  components: {
+    BadgesGroup: BadgesGroup,
+    ImageGallery: ImageGallery
+  },
   props: {
-    /**
-     * Object containing information for
-     * the required viewing.
+    /**
+     * Object containing information for
+     * the required viewing.
      */
     entry: {
       type: Object,
@@ -2403,16 +2895,14 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
       thumbnail: __webpack_require__("9b53"),
       dataLocation: this.entry.doi,
       discoverId: undefined,
-      cardOverflow: false,
-      expanded: false,
-      loading: false,
-      lastDoi: undefined
+      loading: true,
+      version: 1,
+      lastDoi: undefined,
+      biolucidaData: undefined,
+      currentCategory: "All"
     };
   },
   computed: {
-    hasCSVFile: function hasCSVFile() {
-      return this.entry.csvFiles && this.entry.csvFiles.length !== 0;
-    },
     contributors: function contributors() {
       var text = "";
 
@@ -2468,44 +2958,13 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
   },
   methods: {
     cardClicked: function cardClicked() {
-      if (this.entry.scaffolds) {
-        this.openScaffold();
-      } else {
-        this.openDataset();
-      }
+      this.openDataset();
     },
-    openScaffold: function openScaffold() {
-      var action = {
-        label: DatasetCardvue_type_script_lang_js_capitalise(this.label),
-        resource: this.getScaffoldPath(this.discoverId, this.version, this.entry.scaffolds[0].dataset.path),
-        title: "View 3D scaffold",
-        type: "Scaffold",
-        discoverId: this.discoverId,
-        apiLocation: this.envVars.API_LOCATION,
-        version: this.version,
-        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 = Math.random();
-      }
-
-      this.propogateCardAction(action);
-    },
-    openPlot: function openPlot() {
-      var action = {
-        label: DatasetCardvue_type_script_lang_js_capitalise(this.label),
-        resource: this.getFileFromPath(this.discoverId, this.version, this.entry.csvFiles[0].dataset.path),
-        title: "View plot",
-        type: "Plot",
-        discoverId: this.discoverId,
-        apiLocation: this.envVars.API_LOCATION,
-        version: this.version,
-        contextCardUrl: this.entry.contextualInformation ? this.getFileFromPath(this.discoverId, this.version, this.entry.contextualInformation) : undefined,
-        banner: this.thumbnail
-      };
-      this.propogateCardAction(action);
+    categoryChanged: function categoryChanged(name) {
+      this.currentCategory = name;
+    },
+    galleryClicked: function galleryClicked(payload) {
+      this.propogateCardAction(payload);
     },
     openDataset: function openDataset() {
       window.open(this.dataLocation, '_blank');
@@ -2540,51 +2999,10 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
         }
       });
     },
-    openSimulation: function openSimulation() {
-      var isSedmlResource = false;
-      var resource = undefined;
-      this.entry.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;
-        }
-      });
-      var action = {
-        label: undefined,
-        resource: resource,
-        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",
-        name: this.entry.name,
-        description: this.entry.description,
-        type: "Simulation"
-      };
-      this.propogateCardAction(action);
-    },
     propogateCardAction: function propogateCardAction(action) {
       components_EventBus.$emit("PopoverActionClick", action);
       this.$emit('contextUpdate', action);
     },
-    getScaffoldPath: function getScaffoldPath(discoverId, version, scaffoldPath) {
-      var id = discoverId;
-      var path = "".concat(this.envVars.API_LOCATION, "s3-resource/").concat(id, "/").concat(version, "/files/").concat(scaffoldPath);
-      return path;
-    },
-    getFileFromPath: function getFileFromPath(discoverId, version, path) {
-      return "".concat(this.envVars.API_LOCATION, "s3-resource/").concat(discoverId, "/").concat(version, "/files/").concat(path);
-    },
-    isOverflown: function isOverflown(el) {
-      return el.clientHeight < el.scrollHeight;
-    },
-    expand: function expand() {
-      this.expanded = true;
-    },
     splitDOI: function splitDOI(doi) {
       return [doi.split('/')[doi.split('/').length - 2], doi.split('/')[doi.split('/').length - 1]];
     },
@@ -2596,7 +3014,7 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
         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) {
+        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 {
@@ -2607,39 +3025,49 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
           _this.discoverId = data.id;
           _this.version = data.version;
           _this.dataLocation = "https://sparc.science/datasets/".concat(data.id, "?type=dataset");
+
+          _this.getBiolucidaInfo(_this.discoverId);
+
           _this.loading = false;
         }).catch(function () {
           //set defaults if we hit an error
           _this.thumbnail = __webpack_require__("9b53");
-          _this.discoverId = undefined;
+          _this.discoverId = Number(_this.entry.datasetId);
           _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;
+      });
     }
   },
-  mounted: function mounted() {
+  created: function created() {
     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);
       this.getBanner();
     }
   }
 });
 // 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=5dcf465c&scoped=true&lang=css&
-var DatasetCardvue_type_style_index_0_id_5dcf465c_scoped_true_lang_css_ = __webpack_require__("1b25");
+// EXTERNAL MODULE: ./src/components/DatasetCard.vue?vue&type=style&index=0&id=bf387872&scoped=true&lang=css&
+var DatasetCardvue_type_style_index_0_id_bf387872_scoped_true_lang_css_ = __webpack_require__("1466");
 
 // CONCATENATED MODULE: ./src/components/DatasetCard.vue
 
@@ -2652,25 +3080,22 @@ var DatasetCardvue_type_style_index_0_id_5dcf465c_scoped_true_lang_css_ = __webp
 
 var DatasetCard_component = normalizeComponent(
   components_DatasetCardvue_type_script_lang_js_,
-  DatasetCardvue_type_template_id_5dcf465c_scoped_true_render,
-  DatasetCardvue_type_template_id_5dcf465c_scoped_true_staticRenderFns,
+  DatasetCardvue_type_template_id_bf387872_scoped_true_render,
+  DatasetCardvue_type_template_id_bf387872_scoped_true_staticRenderFns,
   false,
   null,
-  "5dcf465c",
+  "bf387872",
   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":"258ee7b8-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=e348049c&scoped=true&
-var ContextCardvue_type_template_id_e348049c_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 && _vm.contextData.views.length > 0)?_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_e348049c_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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=3d0e62ac&scoped=true&
+var ContextCardvue_type_template_id_3d0e62ac_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 && _vm.contextData.views.length > 0)?_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_3d0e62ac_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=e348049c&scoped=true&
-
-// EXTERNAL MODULE: external "core-js/modules/es.number.is-finite"
-var es_number_is_finite_ = __webpack_require__("dbad");
+// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=3d0e62ac&scoped=true&
 
 // EXTERNAL MODULE: external "element-ui/lib/theme-chalk/link.css"
 var link_css_ = __webpack_require__("230a");
@@ -2679,6 +3104,84 @@ var link_css_ = __webpack_require__("230a");
 var link_ = __webpack_require__("7db7");
 var link_default = /*#__PURE__*/__webpack_require__.n(link_);
 
+// 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/ContextCard.vue?vue&type=script&lang=js&
 
 
@@ -2701,9 +3204,6 @@ var link_default = /*#__PURE__*/__webpack_require__.n(link_);
 
 
 
-
-
-
 
 
 
@@ -2770,9 +3270,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
   },
@@ -2790,7 +3290,7 @@ external_vue_default.a.use(input_default.a);
       handler: function handler(val) {
         if (val) {
           // used for hardcoding data
-          if (Number.isFinite(val)) {
+          if (val === true) {
             this.contextData = hardcoded_context_info[this.entry.discoverId];
           } else {
             this.getContextFile(val);
@@ -2816,6 +3316,7 @@ 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
@@ -2827,6 +3328,8 @@ external_vue_default.a.use(input_default.a);
     removeDoubleFilesPath: function removeDoubleFilesPath(path) {
       if (path.includes('files/')) {
         return path.replace('files/', '');
+      } else if (path.includes('files\\')) {
+        return path.replace('files\\', '');
       } else {
         return path;
       }
@@ -2840,7 +3343,7 @@ external_vue_default.a.use(input_default.a);
     },
     getFileFromPath: function getFileFromPath(path) {
       // for hardcoded data
-      if (this.entry.contextCardUrl && 1 > this.entry.contextCardUrl > 0) {
+      if (this.entry.contextCardUrl === true) {
         return path;
       }
 
@@ -2852,7 +3355,7 @@ external_vue_default.a.use(input_default.a);
     },
     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];
+      this.entry.viewUrl = "".concat(this.entry.apiLocation, "s3-resource/").concat(this.entry.discoverId, "/").concat(this.entry.version, "/").concat(view.path);
       this.entry.type = 'Scaffold View';
       components_EventBus.$emit("PopoverActionClick", this.entry);
     }
@@ -2860,8 +3363,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=e348049c&scoped=true&lang=css&
-var ContextCardvue_type_style_index_0_id_e348049c_scoped_true_lang_css_ = __webpack_require__("42ed");
+// EXTERNAL MODULE: ./src/components/ContextCard.vue?vue&type=style&index=0&id=3d0e62ac&scoped=true&lang=css&
+var ContextCardvue_type_style_index_0_id_3d0e62ac_scoped_true_lang_css_ = __webpack_require__("549b");
 
 // CONCATENATED MODULE: ./src/components/ContextCard.vue
 
@@ -2874,11 +3377,11 @@ var ContextCardvue_type_style_index_0_id_e348049c_scoped_true_lang_css_ = __webp
 
 var ContextCard_component = normalizeComponent(
   components_ContextCardvue_type_script_lang_js_,
-  ContextCardvue_type_template_id_e348049c_scoped_true_render,
-  ContextCardvue_type_template_id_e348049c_scoped_true_staticRenderFns,
+  ContextCardvue_type_template_id_3d0e62ac_scoped_true_render,
+  ContextCardvue_type_template_id_3d0e62ac_scoped_true_staticRenderFns,
   false,
   null,
-  "e348049c",
+  "3d0e62ac",
   null
   
 )
@@ -2984,8 +3487,6 @@ function SidebarContentvue_type_script_lang_js_objectSpread(target) { for (var i
 //
 //
 //
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -3066,10 +3567,8 @@ var initial_state = {
   pageModel: 1,
   start: 0,
   hasSearched: false,
-  sciCrunchError: false,
   contextCardEntry: undefined,
-  contextCardEnabled: true,
-  loadingScicrunch: false
+  contextCardEnabled: true
 };
 /* harmony default export */ var SidebarContentvue_type_script_lang_js_ = ({
   components: {
@@ -3124,20 +3623,15 @@ var initial_state = {
     contextCardUpdate: function contextCardUpdate(val) {
       this.contextCardEntry = val;
     },
-    openSearch: function openSearch(filters) {
-      var _this = this;
-
+    openSearch: function openSearch(filter) {
       var search = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       this.searchInput = search;
       this.resetPageNavigation();
-      this.searchAlgolia(filters, search);
+      this.searchAlgolia(filter, search);
 
-      if (filters) {
-        filters.forEach(function (filter) {
-          _this.filter = _toConsumableArray(filter);
-
-          _this.$refs.filtersRef.setCascader(_this.filter);
-        });
+      if (filter) {
+        this.filter = _toConsumableArray(filter);
+        this.$refs.filtersRef.setCascader(this.filter);
       }
     },
     addFilter: function addFilter(filter) {
@@ -3171,19 +3665,31 @@ var initial_state = {
       });
     },
     searchAlgolia: function searchAlgolia(filters) {
-      var _this2 = this;
+      var _this = this;
 
       var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       // Algolia search
+      this.loadingCards = true;
       this.algoliaClient.search(getFilters(filters), query, this.numberPerPage, this.page).then(function (searchData) {
-        _this2.numberOfHits = searchData.total;
-        _this2.discoverIds = searchData.discoverIds;
-        _this2.dois = searchData.dois;
-        _this2.results = searchData.items;
-        _this2.loadingCards = false;
-
-        _this2.searchSciCrunch({
-          'dois': _this2.dois
+        _this.numberOfHits = searchData.total;
+        _this.discoverIds = searchData.discoverIds;
+        _this._dois = searchData.dois;
+        _this.results = searchData.items;
+        _this.loadingCards = false;
+
+        _this.scrollToTop();
+
+        _this.$emit("search-changed", {
+          value: _this.searchInput,
+          type: "query-update"
+        });
+
+        if (_this._abortController) _this._abortController.abort();
+        _this._abortController = new AbortController();
+        var signal = _this._abortController.signal; //Search ongoing, let the current flow progress
+
+        _this.perItemSearch(signal, {
+          count: 0
         });
       });
     },
@@ -3199,32 +3705,45 @@ var initial_state = {
       this.page = page;
       this.searchAlgolia(this.filters, this.searchInput, this.numberPerPage, this.page);
     },
-    searchSciCrunch: function searchSciCrunch(params) {
-      var _this3 = this;
-
-      this.loadingScicrunch = true;
-      this.scrollToTop();
-      this.$emit("search-changed", {
-        value: this.searchInput,
-        type: "query-update"
+    handleMissingData: function handleMissingData(doi) {
+      var i = this.results.findIndex(function (res) {
+        return res.doi === doi;
       });
-      this.callSciCrunch(this.envVars.API_LOCATION, params).then(function (result) {
-        //Only process if the search term is the same as the last search term.
-        //This avoid old search being displayed.
-        _this3.sciCrunchError = false;
-
-        _this3.resultsProcessing(result);
-
-        _this3.$refs.content.style["overflow-y"] = "scroll";
-        _this3.loadingCards = false;
-        _this3.loadingScicrunch = false;
-      }).catch(function (result) {
-        if (result.name !== 'AbortError') {
-          _this3.loadingCards = false;
-          _this3.loadingScicrunch = false;
-          _this3.sciCrunchError = result.message;
+      if (this.results[i]) this.results[i].detailsReady = true;
+    },
+    perItemSearch: function perItemSearch(signal, data) {
+      var _this2 = this;
+
+      //Maximum 10 downloads at once to prevent long waiting time
+      //between unfinished search and new search
+      var maxDownloads = 10;
+
+      if (maxDownloads > data.count) {
+        var doi = this._dois.shift();
+
+        if (doi) {
+          data.count++;
+          this.callSciCrunch(this.envVars.API_LOCATION, {
+            'dois': [doi]
+          }, signal).then(function (result) {
+            if (result.numberOfHits === 0) _this2.handleMissingData(doi);else _this2.resultsProcessing(result);
+            _this2.$refs.content.style["overflow-y"] = "scroll";
+            data.count--; //Async::Download finished, get the next one
+
+            _this2.perItemSearch(signal, data);
+          }).catch(function (result) {
+            if (result.name !== 'AbortError') {
+              _this2.handleMissingData(doi);
+
+              data.count--; //Async::Download not aborted, get the next one
+
+              _this2.perItemSearch(signal, data);
+            }
+          }); //Check and make another request until it gets to max downloads
+
+          this.perItemSearch(signal, data);
         }
-      });
+      }
     },
     scrollToTop: function scrollToTop() {
       if (this.$refs.content) {
@@ -3239,7 +3758,7 @@ var initial_state = {
       this.page = 1;
     },
     resultsProcessing: function resultsProcessing(data) {
-      var _this4 = this;
+      var _this3 = this;
 
       this.lastSearch = this.searchInput;
 
@@ -3249,19 +3768,21 @@ var initial_state = {
 
       data.results.forEach(function (element) {
         // match the scicrunch result with algolia result
-        var i = _this4.results.findIndex(function (res) {
+        var i = _this3.results.findIndex(function (res) {
           return res.name === element.name;
         }); // Assign scicrunch results to the object
 
 
-        Object.assign(_this4.results[i], element); // Assign the attributes that need some processing
+        Object.assign(_this3.results[i], element); // Assign the attributes that need some processing
 
-        Object.assign(_this4.results[i], {
+        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.identifier,
+          datasetId: element.dataset_identifier,
+          datasetRevision: element.dataset_revision,
+          datasetVersion: element.dataset_version,
           organs: element.organs && element.organs.length > 0 ? _toConsumableArray(new Set(element.organs.map(function (v) {
             return v.name;
           }))) : undefined,
@@ -3269,11 +3790,19 @@ var initial_state = {
             return v.species ? v.species.name : null;
           }))) : undefined : undefined,
           // This processing only includes each gender once into 'sexes'
-          scaffolds: element['abi-scaffold-metadata-file'] ? element['abi-scaffold-metadata-file'] : undefined,
+          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['abi-plot'],
+          images: element['common-images'],
           contextualInformation: element['abi-contextual-information'].length > 0 ? element['abi-contextual-information'] : undefined,
-          simulation: element['abi-simulation-file']
+          segmentation: element['mbf-segmentation'],
+          simulation: element['abi-simulation-file'],
+          additionalLinks: element.additionalLinks,
+          detailsReady: true
         });
-        external_vue_default.a.set(_this4.results, i, _this4.results[i]);
+        external_vue_default.a.set(_this3.results, i, _this3.results[i]);
       });
     },
     createfilterParams: function createfilterParams(params) {
@@ -3296,17 +3825,13 @@ var initial_state = {
       return p.toString();
     },
     callSciCrunch: function callSciCrunch(apiLocation) {
-      var _this5 = this;
+      var _this4 = this;
 
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var signal = arguments.length > 2 ? arguments[2] : undefined;
       return new Promise(function (resolve, reject) {
-        // the following controller will abort current search
-        // if a new one has been started
-        if (_this5._controller) _this5._controller.abort();
-        _this5._controller = new AbortController();
-        var signal = _this5._controller.signal; // Add parameters if we are sent them
-
-        var fullEndpoint = _this5.envVars.API_LOCATION + _this5.searchEndpoint + "?" + _this5.createfilterParams(params);
+        // Add parameters if we are sent them
+        var fullEndpoint = _this4.envVars.API_LOCATION + _this4.searchEndpoint + "?" + _this4.createfilterParams(params);
 
         fetch(fullEndpoint, {
           signal: signal
@@ -3323,8 +3848,7 @@ var initial_state = {
   mounted: function mounted() {
     // initialise algolia
     this.algoliaClient = new algolia_AlgoliaClient(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION);
-    this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX);
-    console.log('Algolia initialised in sidebar'); // temporarily disable flatmap search since there are no datasets
+    this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX); // temporarily disable flatmap search since there are no datasets
 
     if (this.firstSearch === "Flatmap" || this.firstSearch === "flatmap") {
       this.openSearch(undefined, '');
@@ -3339,8 +3863,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=39cef630&scoped=true&lang=css&
-var SidebarContentvue_type_style_index_0_id_39cef630_scoped_true_lang_css_ = __webpack_require__("e941");
+// EXTERNAL MODULE: ./src/components/SidebarContent.vue?vue&type=style&index=0&id=0d501578&scoped=true&lang=css&
+var SidebarContentvue_type_style_index_0_id_0d501578_scoped_true_lang_css_ = __webpack_require__("3d4f");
 
 // CONCATENATED MODULE: ./src/components/SidebarContent.vue
 
@@ -3353,22 +3877,22 @@ var SidebarContentvue_type_style_index_0_id_39cef630_scoped_true_lang_css_ = __w
 
 var SidebarContent_component = normalizeComponent(
   components_SidebarContentvue_type_script_lang_js_,
-  SidebarContentvue_type_template_id_39cef630_scoped_true_render,
-  SidebarContentvue_type_template_id_39cef630_scoped_true_staticRenderFns,
+  SidebarContentvue_type_template_id_0d501578_scoped_true_render,
+  SidebarContentvue_type_template_id_0d501578_scoped_true_staticRenderFns,
   false,
   null,
-  "39cef630",
+  "0d501578",
   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":"258ee7b8-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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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: ./src/components/Tabs.vue?vue&type=template&id=d68260c4&scoped=true&
+// CONCATENATED MODULE: ./src/components/Tabs.vue?vue&type=template&id=5d1b9484&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&
 
@@ -3408,8 +3932,8 @@ var Tabsvue_type_template_id_d68260c4_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=d68260c4&scoped=true&lang=css&
-var Tabsvue_type_style_index_0_id_d68260c4_scoped_true_lang_css_ = __webpack_require__("44cc");
+// 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");
 
 // CONCATENATED MODULE: ./src/components/Tabs.vue
 
@@ -3422,11 +3946,11 @@ var Tabsvue_type_style_index_0_id_d68260c4_scoped_true_lang_css_ = __webpack_req
 
 var Tabs_component = normalizeComponent(
   components_Tabsvue_type_script_lang_js_,
-  Tabsvue_type_template_id_d68260c4_scoped_true_render,
-  Tabsvue_type_template_id_d68260c4_scoped_true_staticRenderFns,
+  Tabsvue_type_template_id_5d1b9484_scoped_true_render,
+  Tabsvue_type_template_id_5d1b9484_scoped_true_staticRenderFns,
   false,
   null,
-  "d68260c4",
+  "5d1b9484",
   null
   
 )
@@ -3618,8 +4142,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=3f7eb1a5&scoped=true&lang=css&
-var SideBarvue_type_style_index_0_id_3f7eb1a5_scoped_true_lang_css_ = __webpack_require__("a3fe");
+// 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");
 
 // CONCATENATED MODULE: ./src/components/SideBar.vue
 
@@ -3636,7 +4160,7 @@ var SideBar_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "3f7eb1a5",
+  "3d831a8e",
   null
   
 )