@abi-software/map-side-bar 1.2.3 → 1.3.0

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

@@ -138,17 +138,21 @@ module.exports = require("element-ui/lib/theme-chalk/select.css");
 
 /***/ }),
 
-/***/ "139b":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "139f":
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
+module.exports = require("core-js/modules/es.array.for-each");
 
 /***/ }),
 
-/***/ "139f":
-/***/ (function(module, exports) {
+/***/ "183e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.array.for-each");
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6cf4");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tabs_vue_vue_type_style_index_0_id_5d1b9484_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
@@ -166,13 +170,6 @@ module.exports = require("core-js/modules/web.dom-collections.iterator");
 
 /***/ }),
 
-/***/ "1e9c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "2175":
 /***/ (function(module, exports) {
 
@@ -208,35 +205,53 @@ module.exports = require("element-ui/lib/theme-chalk/loading.css");
 
 /***/ }),
 
-/***/ "373b":
-/***/ (function(module, exports) {
+/***/ "2c6a":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("element-ui/lib/drawer");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "3cbb":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "2dd0":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// extracted by mini-css-extract-plugin
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_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); 
 
 /***/ }),
 
-/***/ "429c":
+/***/ "373b":
 /***/ (function(module, exports) {
 
-module.exports = require("@abi-software/svg-sprite");
+module.exports = require("element-ui/lib/drawer");
+
+/***/ }),
+
+/***/ "3a09":
+/***/ (function(module, exports) {
+
+module.exports = require("@abi-software/gallery");
 
 /***/ }),
 
-/***/ "44cc":
+/***/ "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_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__);
+/* 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_Tabs_vue_vue_type_style_index_0_id_d68260c4_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); 
+
+/***/ }),
+
+/***/ "429c":
+/***/ (function(module, exports) {
+
+module.exports = require("@abi-software/svg-sprite");
 
 /***/ }),
 
@@ -296,6 +311,31 @@ module.exports = require("core-js/modules/es.regexp.exec");
 
 /***/ }),
 
+/***/ "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
+
+/***/ }),
+
+/***/ "584e":
+/***/ (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_2fb38a56_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6b3a");
+/* 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_2fb38a56_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_2fb38a56_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_2fb38a56_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "5d8c":
 /***/ (function(module, exports) {
 
@@ -331,6 +371,13 @@ module.exports = require("core-js/modules/es.object.get-own-property-descriptor"
 
 /***/ }),
 
+/***/ "6b3a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "6bd8":
 /***/ (function(module, exports) {
 
@@ -345,6 +392,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) {
 
@@ -366,14 +420,14 @@ module.exports = require("core-js/modules/es.number.constructor");
 
 /***/ }),
 
-/***/ "718b":
+/***/ "788d":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3cbb");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* 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_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_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_BadgesGroup_vue_vue_type_style_index_0_id_ee8bc524_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
@@ -384,13 +438,6 @@ module.exports = require("regenerator-runtime/runtime");
 
 /***/ }),
 
-/***/ "7ad0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "7c81":
 /***/ (function(module, exports) {
 
@@ -454,6 +501,17 @@ module.exports = require("core-js/modules/es.array.iterator");
 
 /***/ }),
 
+/***/ "8d78":
+/***/ (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_14674f48_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b5e6");
+/* 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_14674f48_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_14674f48_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_14674f48_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "8f11":
 /***/ (function(module, exports) {
 
@@ -475,6 +533,13 @@ module.exports = require("element-ui/lib/popover");
 
 /***/ }),
 
+/***/ "96d8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9861":
 /***/ (function(module, exports) {
 
@@ -503,28 +568,28 @@ module.exports = __webpack_require__.p + "img/missing-image.1878d8b8.svg";
 
 /***/ }),
 
-/***/ "a3fe":
+/***/ "9fdf":
 /***/ (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_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__);
+/* 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_26e5ef37_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fde8");
+/* 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_26e5ef37_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_26e5ef37_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); 
+ /* 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_26e5ef37_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "a525":
+/***/ "a012":
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/theme-chalk/popover.css");
+module.exports = require("@abi-software/gallery/src/mixins/GalleryHelpers");
 
 /***/ }),
 
-/***/ "a9e5":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "a525":
+/***/ (function(module, exports) {
 
-// extracted by mini-css-extract-plugin
+module.exports = require("element-ui/lib/theme-chalk/popover.css");
 
 /***/ }),
 
@@ -570,6 +635,13 @@ module.exports = require("element-ui/lib/icon");
 
 /***/ }),
 
+/***/ "b5e6":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "b917":
 /***/ (function(module, exports) {
 
@@ -577,6 +649,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) {
 
@@ -612,14 +695,10 @@ module.exports = require("element-ui/lib/option");
 
 /***/ }),
 
-/***/ "c260":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "db11":
+/***/ (function(module, 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_2df4e2e0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e743");
-/* 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_2df4e2e0_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_2df4e2e0_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_2df4e2e0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -637,17 +716,6 @@ module.exports = require("current-script-polyfill");
 
 /***/ }),
 
-/***/ "e14d":
-/***/ (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_380e4852_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a9e5");
-/* 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_380e4852_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_380e4852_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_380e4852_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "e42b":
 /***/ (function(module, exports) {
 
@@ -662,13 +730,6 @@ module.exports = require("element-ui/lib/input");
 
 /***/ }),
 
-/***/ "e743":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "ece9":
 /***/ (function(module, exports) {
 
@@ -683,17 +744,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) {
 
@@ -735,12 +785,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":"14374f4c-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");
@@ -810,12 +860,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=2df4e2e0&scoped=true&
-var SidebarContentvue_type_template_id_2df4e2e0_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_2df4e2e0_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14374f4c-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=2df4e2e0&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");
@@ -985,12 +1035,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":"14374f4c-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");
@@ -1426,7 +1476,6 @@ function () {
     value: function _processResultsForCards(results) {
       var newResults = [];
       var newResult = {};
-      var id = 0;
       var _iteratorNormalCompletion = true;
       var _didIteratorError = false;
       var _iteratorError = undefined;
@@ -1441,9 +1490,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) {
@@ -1463,9 +1512,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
      */
 
   }, {
@@ -1481,7 +1530,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),
@@ -1523,8 +1574,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() {
@@ -1704,9 +1755,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: {
@@ -2014,8 +2065,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
 
@@ -2028,143 +2079,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=380e4852&scoped=true&
-var DatasetCardvue_type_template_id_380e4852_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_380e4852_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=380e4852&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 = ({}); // //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":"14374f4c-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=14674f48&scoped=true&
+var DatasetCardvue_type_template_id_14674f48_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_14674f48_scoped_true_staticRenderFns = []
 
 
+// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=14674f48&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14374f4c-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&
 
 
 
-
-
-
-
-
-
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -2187,25 +2129,756 @@ 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) {
+/* 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":"14374f4c-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=2fb38a56&scoped=true&
+var ImageGalleryvue_type_template_id_2fb38a56_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_2fb38a56_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/ImageGallery.vue?vue&type=template&id=2fb38a56&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: '1.5rem'
+      },
+      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
+        });
+      }
+    },
+    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,
+            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,
+          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=2fb38a56&scoped=true&lang=css&
+var ImageGalleryvue_type_style_index_0_id_2fb38a56_scoped_true_lang_css_ = __webpack_require__("584e");
+
+// CONCATENATED MODULE: ./src/components/ImageGallery.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ImageGallery_component = normalizeComponent(
+  components_ImageGalleryvue_type_script_lang_js_,
+  ImageGalleryvue_type_template_id_2fb38a56_scoped_true_render,
+  ImageGalleryvue_type_template_id_2fb38a56_scoped_true_staticRenderFns,
+  false,
+  null,
+  "2fb38a56",
+  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,
@@ -2221,16 +2894,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 = "";
 
@@ -2286,44 +2957,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 = true;
-      }
-
-      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');
@@ -2358,51 +2998,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]];
     },
@@ -2414,7 +3013,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 {
@@ -2425,39 +3024,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=380e4852&scoped=true&lang=css&
-var DatasetCardvue_type_style_index_0_id_380e4852_scoped_true_lang_css_ = __webpack_require__("e14d");
+// EXTERNAL MODULE: ./src/components/DatasetCard.vue?vue&type=style&index=0&id=14674f48&scoped=true&lang=css&
+var DatasetCardvue_type_style_index_0_id_14674f48_scoped_true_lang_css_ = __webpack_require__("8d78");
 
 // CONCATENATED MODULE: ./src/components/DatasetCard.vue
 
@@ -2470,22 +3079,22 @@ var DatasetCardvue_type_style_index_0_id_380e4852_scoped_true_lang_css_ = __webp
 
 var DatasetCard_component = normalizeComponent(
   components_DatasetCardvue_type_script_lang_js_,
-  DatasetCardvue_type_template_id_380e4852_scoped_true_render,
-  DatasetCardvue_type_template_id_380e4852_scoped_true_staticRenderFns,
+  DatasetCardvue_type_template_id_14674f48_scoped_true_render,
+  DatasetCardvue_type_template_id_14674f48_scoped_true_staticRenderFns,
   false,
   null,
-  "380e4852",
+  "14674f48",
   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=41eb07ec&scoped=true&
-var ContextCardvue_type_template_id_41eb07ec_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"context-card-container"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showContextCard),expression:"showContextCard"}]},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showDetails),expression:"showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Hide information"),_c('i',{staticClass:"el-icon-arrow-up"})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showDetails),expression:"!showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Show information"),_c('i',{staticClass:"el-icon-arrow-down"})]),(_vm.showDetails && Object.keys(_vm.contextData).length !== 0)?_c('el-card',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"context-card card"},[_c('div',{staticClass:"card-left"},[_c('img',{staticClass:"context-image",attrs:{"src":_vm.entry.banner}})]),_c('div',{staticClass:"card-right"},[_c('div',{staticClass:"title"},[_vm._v(_vm._s(_vm.contextData.heading))]),_c('div',[_vm._v(_vm._s(_vm.contextData.description))]),_c('br'),(_vm.contextData.views)?_c('div',{staticClass:"subtitle"},[_vm._v("Scaffold Views")]):_vm._e(),_vm._l((_vm.contextData.views),function(view,i){return [_c('span',{key:i+'_1',staticClass:"context-card-item",on:{"click":function($event){return _vm.openViewFile(view)}}},[_c('img',{staticClass:"key-image",attrs:{"src":_vm.getFileFromPath(view.thumbnail)}}),_vm._v(" "+_vm._s(view.description)+" ")]),_c('br',{key:i})]}),_c('div',{staticStyle:{"margin-bottom":"16px"}}),(_vm.contextData.samples && _vm.contextData.samples.length > 0)?_c('div',{staticClass:"subtitle"},[_vm._v("Samples on Scaffold")]):_vm._e(),_vm._l((_vm.contextData.samples),function(sample,i){return [_c('span',{key:i+'_3',staticClass:"context-card-item",on:{"click":function($event){return _vm.toggleSampleDetails(i)}}},[_c('div',{key:i+'_6',staticStyle:{"display":"flex"}},[(sample.color)?_c('div',{staticClass:"color-box",style:('background-color:'+ sample.color)}):(sample.thumbnail)?_c('img',{staticClass:"key-image",attrs:{"src":_vm.getFileFromPath(sample.thumbnail)}}):_vm._e(),_vm._v(" "+_vm._s(sample.heading)+" "),_c('i',{staticClass:"el-icon-warning-outline info"})])]),(_vm.sampleDetails[i])?_c('div',{key:i+'_4'},[_vm._v(" "+_vm._s(sample.description)+" "),(_vm.sampleDetails[i])?_c('a',{key:i+'_5',attrs:{"href":_vm.generateFileLink(sample.path),"target":"_blank"}},[_vm._v("View Source")]):_vm._e()]):_vm._e(),_c('br',{key:i+'_2'})]})],2)]):_vm._e()],1)])}
-var ContextCardvue_type_template_id_41eb07ec_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14374f4c-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=26e5ef37&scoped=true&
+var ContextCardvue_type_template_id_26e5ef37_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_26e5ef37_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=41eb07ec&scoped=true&
+// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=26e5ef37&scoped=true&
 
 // EXTERNAL MODULE: external "element-ui/lib/theme-chalk/link.css"
 var link_css_ = __webpack_require__("230a");
@@ -2494,6 +3103,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&
 
 
@@ -2583,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
   },
@@ -2674,8 +3361,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=41eb07ec&scoped=true&lang=css&
-var ContextCardvue_type_style_index_0_id_41eb07ec_scoped_true_lang_css_ = __webpack_require__("718b");
+// EXTERNAL MODULE: ./src/components/ContextCard.vue?vue&type=style&index=0&id=26e5ef37&scoped=true&lang=css&
+var ContextCardvue_type_style_index_0_id_26e5ef37_scoped_true_lang_css_ = __webpack_require__("9fdf");
 
 // CONCATENATED MODULE: ./src/components/ContextCard.vue
 
@@ -2688,11 +3375,11 @@ var ContextCardvue_type_style_index_0_id_41eb07ec_scoped_true_lang_css_ = __webp
 
 var ContextCard_component = normalizeComponent(
   components_ContextCardvue_type_script_lang_js_,
-  ContextCardvue_type_template_id_41eb07ec_scoped_true_render,
-  ContextCardvue_type_template_id_41eb07ec_scoped_true_staticRenderFns,
+  ContextCardvue_type_template_id_26e5ef37_scoped_true_render,
+  ContextCardvue_type_template_id_26e5ef37_scoped_true_staticRenderFns,
   false,
   null,
-  "41eb07ec",
+  "26e5ef37",
   null
   
 )
@@ -2798,8 +3485,6 @@ function SidebarContentvue_type_script_lang_js_objectSpread(target) { for (var i
 //
 //
 //
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -2880,10 +3565,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: {
@@ -2984,15 +3667,27 @@ var initial_state = {
 
       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) {
         _this.numberOfHits = searchData.total;
         _this.discoverIds = searchData.discoverIds;
-        _this.dois = searchData.dois;
+        _this._dois = searchData.dois;
         _this.results = searchData.items;
         _this.loadingCards = false;
 
-        _this.searchSciCrunch({
-          'dois': _this.dois
+        _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
         });
       });
     },
@@ -3008,32 +3703,45 @@ var initial_state = {
       this.page = page;
       this.searchAlgolia(this.filters, this.searchInput, this.numberPerPage, this.page);
     },
-    searchSciCrunch: function searchSciCrunch(params) {
+    handleMissingData: function handleMissingData(doi) {
+      var i = this.results.findIndex(function (res) {
+        return res.doi === doi;
+      });
+      if (this.results[i]) this.results[i].detailsReady = true;
+    },
+    perItemSearch: function perItemSearch(signal, data) {
       var _this2 = this;
 
-      this.loadingScicrunch = true;
-      this.scrollToTop();
-      this.$emit("search-changed", {
-        value: this.searchInput,
-        type: "query-update"
-      });
-      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.
-        _this2.sciCrunchError = false;
-
-        _this2.resultsProcessing(result);
-
-        _this2.$refs.content.style["overflow-y"] = "scroll";
-        _this2.loadingCards = false;
-        _this2.loadingScicrunch = false;
-      }).catch(function (result) {
-        if (result.name !== 'AbortError') {
-          _this2.loadingCards = false;
-          _this2.loadingScicrunch = false;
-          _this2.sciCrunchError = result.message;
+      //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) {
@@ -3070,7 +3778,9 @@ var initial_state = {
           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,
@@ -3078,9 +3788,17 @@ 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(_this3.results, i, _this3.results[i]);
       });
@@ -3108,13 +3826,9 @@ var initial_state = {
       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 (_this4._controller) _this4._controller.abort();
-        _this4._controller = new AbortController();
-        var signal = _this4._controller.signal; // Add parameters if we are sent them
-
+        // Add parameters if we are sent them
         var fullEndpoint = _this4.envVars.API_LOCATION + _this4.searchEndpoint + "?" + _this4.createfilterParams(params);
 
         fetch(fullEndpoint, {
@@ -3132,8 +3846,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, '');
@@ -3148,8 +3861,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=2df4e2e0&scoped=true&lang=css&
-var SidebarContentvue_type_style_index_0_id_2df4e2e0_scoped_true_lang_css_ = __webpack_require__("c260");
+// 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
 
@@ -3162,22 +3875,22 @@ var SidebarContentvue_type_style_index_0_id_2df4e2e0_scoped_true_lang_css_ = __w
 
 var SidebarContent_component = normalizeComponent(
   components_SidebarContentvue_type_script_lang_js_,
-  SidebarContentvue_type_template_id_2df4e2e0_scoped_true_render,
-  SidebarContentvue_type_template_id_2df4e2e0_scoped_true_staticRenderFns,
+  SidebarContentvue_type_template_id_0d501578_scoped_true_render,
+  SidebarContentvue_type_template_id_0d501578_scoped_true_staticRenderFns,
   false,
   null,
-  "2df4e2e0",
+  "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":"14374f4c-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&
 
@@ -3217,8 +3930,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
 
@@ -3231,11 +3944,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
   
 )
@@ -3427,8 +4140,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
 
@@ -3445,7 +4158,7 @@ var SideBar_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "3f7eb1a5",
+  "3d831a8e",
   null
   
 )
@@ -3466,6 +4179,13 @@ var SideBar_component = normalizeComponent(
 
 module.exports = require("core-js/modules/es.string.includes");
 
+/***/ }),
+
+/***/ "fde8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ })
 
 /******/ });