@abi-software/flatmapvuer 0.3.0-beta-0 → 0.3.0-beta-2-upstream-downstream
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -201
- package/README.md +105 -105
- package/babel.config.js +14 -14
- package/dist/flatmapvuer.common.js +181 -116
- package/dist/flatmapvuer.common.js.map +1 -1
- package/dist/flatmapvuer.css +1 -1
- package/dist/flatmapvuer.umd.js +181 -116
- package/dist/flatmapvuer.umd.js.map +1 -1
- package/dist/flatmapvuer.umd.min.js +1 -1
- package/dist/flatmapvuer.umd.min.js.map +1 -1
- package/package-lock.json +13923 -13916
- package/package.json +66 -66
- package/public/index.html +17 -17
- package/src/App.vue +161 -161
- package/src/assets/_variables.scss +43 -43
- package/src/assets/styles.scss +7 -7
- package/src/components/EventBus.js +2 -2
- package/src/components/FlatmapVuer.vue +1326 -1311
- package/src/components/MultiFlatmapVuer.vue +349 -349
- package/src/components/PubmedViewer.vue +194 -194
- package/src/components/Tooltip.vue +481 -431
- package/src/components/index.js +9 -9
- package/src/icons/fonts/mapicon-species.eot +0 -0
- package/src/icons/fonts/mapicon-species.svg +14 -14
- package/src/icons/fonts/mapicon-species.ttf +0 -0
- package/src/icons/fonts/mapicon-species.woff +0 -0
- package/src/icons/mapicon-species-style.css +42 -42
- package/src/main.js +8 -8
- package/src/nerve-map.js +99 -0
- package/vue.config.js +31 -31
|
@@ -892,10 +892,14 @@ exports.default = {
|
|
|
892
892
|
|
|
893
893
|
/***/ }),
|
|
894
894
|
|
|
895
|
-
/***/ "
|
|
896
|
-
/***/ (function(module,
|
|
895
|
+
/***/ "2ee8":
|
|
896
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
897
|
+
|
|
898
|
+
"use strict";
|
|
899
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_db38767a_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c017");
|
|
900
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_db38767a_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_db38767a_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
901
|
+
/* unused harmony reexport * */
|
|
897
902
|
|
|
898
|
-
// extracted by mini-css-extract-plugin
|
|
899
903
|
|
|
900
904
|
/***/ }),
|
|
901
905
|
|
|
@@ -4553,6 +4557,13 @@ exports.PopupManager = _popupManager2.default;
|
|
|
4553
4557
|
|
|
4554
4558
|
/***/ }),
|
|
4555
4559
|
|
|
4560
|
+
/***/ "52d1":
|
|
4561
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
4562
|
+
|
|
4563
|
+
// extracted by mini-css-extract-plugin
|
|
4564
|
+
|
|
4565
|
+
/***/ }),
|
|
4566
|
+
|
|
4556
4567
|
/***/ "55d7":
|
|
4557
4568
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
4558
4569
|
|
|
@@ -8697,13 +8708,6 @@ module.exports = __webpack_require__("7f4d");
|
|
|
8697
8708
|
|
|
8698
8709
|
/***/ }),
|
|
8699
8710
|
|
|
8700
|
-
/***/ "896e":
|
|
8701
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
8702
|
-
|
|
8703
|
-
// extracted by mini-css-extract-plugin
|
|
8704
|
-
|
|
8705
|
-
/***/ }),
|
|
8706
|
-
|
|
8707
8711
|
/***/ "8bbc":
|
|
8708
8712
|
/***/ (function(module, exports, __webpack_require__) {
|
|
8709
8713
|
|
|
@@ -10668,18 +10672,14 @@ module.exports = require("core-js/modules/web.url.js");
|
|
|
10668
10672
|
|
|
10669
10673
|
/***/ }),
|
|
10670
10674
|
|
|
10671
|
-
/***/ "
|
|
10672
|
-
/***/ (function(module,
|
|
10673
|
-
|
|
10674
|
-
"use strict";
|
|
10675
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2e33");
|
|
10676
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
10677
|
-
/* unused harmony reexport * */
|
|
10675
|
+
/***/ "be4f":
|
|
10676
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
10678
10677
|
|
|
10678
|
+
// extracted by mini-css-extract-plugin
|
|
10679
10679
|
|
|
10680
10680
|
/***/ }),
|
|
10681
10681
|
|
|
10682
|
-
/***/ "
|
|
10682
|
+
/***/ "c017":
|
|
10683
10683
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10684
10684
|
|
|
10685
10685
|
// extracted by mini-css-extract-plugin
|
|
@@ -11260,17 +11260,6 @@ function isKorean(text) {
|
|
|
11260
11260
|
|
|
11261
11261
|
// extracted by mini-css-extract-plugin
|
|
11262
11262
|
|
|
11263
|
-
/***/ }),
|
|
11264
|
-
|
|
11265
|
-
/***/ "d538":
|
|
11266
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11267
|
-
|
|
11268
|
-
"use strict";
|
|
11269
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_032efe9d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("896e");
|
|
11270
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_032efe9d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_032efe9d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
11271
|
-
/* unused harmony reexport * */
|
|
11272
|
-
|
|
11273
|
-
|
|
11274
11263
|
/***/ }),
|
|
11275
11264
|
|
|
11276
11265
|
/***/ "da6e":
|
|
@@ -11931,6 +11920,17 @@ src_checkbox.install = function (Vue) {
|
|
|
11931
11920
|
|
|
11932
11921
|
// extracted by mini-css-extract-plugin
|
|
11933
11922
|
|
|
11923
|
+
/***/ }),
|
|
11924
|
+
|
|
11925
|
+
/***/ "e025":
|
|
11926
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11927
|
+
|
|
11928
|
+
"use strict";
|
|
11929
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("52d1");
|
|
11930
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
11931
|
+
/* unused harmony reexport * */
|
|
11932
|
+
|
|
11933
|
+
|
|
11934
11934
|
/***/ }),
|
|
11935
11935
|
|
|
11936
11936
|
/***/ "e62d":
|
|
@@ -14730,12 +14730,12 @@ if (typeof window !== 'undefined') {
|
|
|
14730
14730
|
// Indicate to webpack that this file can be concatenated
|
|
14731
14731
|
/* harmony default export */ var setPublicPath = (null);
|
|
14732
14732
|
|
|
14733
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14733
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/FlatmapVuer.vue?vue&type=template&id=db38767a&scoped=true&
|
|
14734
14734
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"flatmap-container",attrs:{"element-loading-text":"Loading...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.3)"}},[_c('map-svg-sprite-color'),_c('div',{staticStyle:{"height":"100%","width":"100%","position":"relative","overflow-y":"none"}},[_c('div',{ref:"display",staticStyle:{"height":"100%","width":"100%"}}),(_vm.displayWarning)?_c('el-popover',{ref:"warningPopover",attrs:{"content":_vm.warningMessage,"placement":"right","appendToBody":false,"trigger":"manual","popper-class":"warning-popper flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[6].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[6], "value", $$v)},expression:"hoverVisibilities[6].value"}}):_vm._e(),(_vm.displayWarning)?_c('i',{directives:[{name:"popover",rawName:"v-popover:warningPopover",arg:"warningPopover"}],staticClass:"el-icon-warning warning-icon",on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("Beta")])]):_vm._e(),_c('div',{staticClass:"bottom-right-control"},[_c('el-popover',{attrs:{"content":"Zoom in","placement":"left","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper left-popper"},model:{value:(_vm.hoverVisibilities[0].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[0], "value", $$v)},expression:"hoverVisibilities[0].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomIn",attrs:{"slot":"reference","icon":"zoomIn"},nativeOn:{"click":function($event){return _vm.zoomIn()},"mouseover":function($event){return _vm.showToolitip(0)},"mouseout":function($event){return _vm.hideToolitip(0)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Zoom out","placement":"top-end","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-zoomout"},model:{value:(_vm.hoverVisibilities[1].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[1], "value", $$v)},expression:"hoverVisibilities[1].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomOut",attrs:{"slot":"reference","icon":"zoomOut"},nativeOn:{"click":function($event){return _vm.zoomOut()},"mouseover":function($event){return _vm.showToolitip(1)},"mouseout":function($event){return _vm.hideToolitip(1)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Reset","placement":"top","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper"},model:{value:(_vm.hoverVisibilities[2].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[2], "value", $$v)},expression:"hoverVisibilities[2].value"}},[_c('div',[_vm._v(" Fit to "),_c('br'),_vm._v(" window ")]),_c('map-svg-icon',{staticClass:"icon-button fitWindow",attrs:{"slot":"reference","icon":"fitWindow"},nativeOn:{"click":function($event){return _vm.resetView()},"mouseover":function($event){return _vm.showToolitip(2)},"mouseout":function($event){return _vm.hideToolitip(2)}},slot:"reference"})],1)],1),_c('el-popover',{ref:"checkBoxPopover",attrs:{"content":"Change pathway visibility","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[4].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[4], "value", $$v)},expression:"hoverVisibilities[4].value"}}),_c('div',{staticClass:"pathway-location",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen }},[(_vm.pathways.length > 0 && _vm.pathControls)?_c('div',{directives:[{name:"popover",rawName:"v-popover:checkBoxPopover",arg:"checkBoxPopover"}],staticClass:"pathway-container"},[_c('el-popover',{ref:"markerPopover",attrs:{"content":"Find these markers for data","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-bump-right right-popper"},model:{value:(_vm.hoverVisibilities[5].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[5], "value", $$v)},expression:"hoverVisibilities[5].value"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hoverVisibilities[5].value),expression:"hoverVisibilities[5].value"},{name:"popover",rawName:"v-popover:markerPopover",arg:"markerPopover"}],staticClass:"flatmap-marker-help",domProps:{"innerHTML":_vm._s(_vm.flatmapMarker)}}),_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"pathways-display-text"},[_vm._v("Pathways")])]),_c('el-col',{attrs:{"span":12}},[_c('el-checkbox',{staticClass:"all-checkbox",attrs:{"indeterminate":_vm.isIndeterminate},on:{"change":_vm.handleCheckAllChange},model:{value:(_vm.checkAll),callback:function ($$v) {_vm.checkAll=$$v},expression:"checkAll"}},[_vm._v("Display all")])],1)],1),_c('el-checkbox-group',{staticClass:"checkbox-group",attrs:{"size":"small"},on:{"change":_vm.handleCheckedItemsChange},model:{value:(_vm.checkedItems),callback:function ($$v) {_vm.checkedItems=$$v},expression:"checkedItems"}},[_c('div',{staticClass:"checkbox-group-inner"},_vm._l((_vm.pathways),function(item){return _c('el-row',{key:item.type,attrs:{"label":item.type}},[_c('div',{staticClass:"checkbox-container"},[_c('el-checkbox',{staticClass:"my-checkbox",attrs:{"label":item.type,"checked":true},on:{"change":function($event){return _vm.visibilityToggle()}}},[_c('div',{staticClass:"path-visual",class:item.type}),_vm._v(" "+_vm._s(item.label)+" ")])],1)])}),1)])],1):_vm._e(),_c('div',{staticClass:"drawer-button",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})])]),_c('el-popover',{ref:"backgroundPopover",attrs:{"placement":"top-start","width":"175","appendToBody":false,"trigger":"click","popper-class":"background-popper"}},[_c('el-row',{staticClass:"backgroundText"},[_vm._v("Organs display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setColour},model:{value:(_vm.colourRadio),callback:function ($$v) {_vm.colourRadio=$$v},expression:"colourRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Colour")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Greyscale")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Outlines display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setOutlines},model:{value:(_vm.outlinesRadio),callback:function ($$v) {_vm.outlinesRadio=$$v},expression:"outlinesRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Show")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Hide")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Change background")]),_c('el-row',{staticClass:"backgroundControl"},_vm._l((_vm.availableBackground),function(item){return _c('div',{key:item,class:['backgroundChoice', item, item == _vm.currentBackground ? 'active' :''],on:{"click":function($event){return _vm.backgroundChangeCallback(item)}}})}),0)],1),_c('el-popover',{attrs:{"content":"Change background color","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[3].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[3], "value", $$v)},expression:"hoverVisibilities[3].value"}},[_c('map-svg-icon',{directives:[{name:"popover",rawName:"v-popover:backgroundPopover",arg:"backgroundPopover"}],staticClass:"icon-button background-colour",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },attrs:{"slot":"reference","icon":"changeBckgd"},nativeOn:{"mouseover":function($event){return _vm.showToolitip(3)},"mouseout":function($event){return _vm.hideToolitip(3)}},slot:"reference"})],1),_c('Tooltip',{ref:"tooltip",staticClass:"tooltip",attrs:{"content":_vm.tooltipContent},on:{"resource-selected":_vm.resourceSelected}})],1)],1)}
|
|
14735
14735
|
var staticRenderFns = []
|
|
14736
14736
|
|
|
14737
14737
|
|
|
14738
|
-
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=
|
|
14738
|
+
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=db38767a&scoped=true&
|
|
14739
14739
|
|
|
14740
14740
|
// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
|
|
14741
14741
|
var es_symbol_js_ = __webpack_require__("9b22");
|
|
@@ -14969,12 +14969,12 @@ var es_number_constructor_js_ = __webpack_require__("f989");
|
|
|
14969
14969
|
var external_vue_ = __webpack_require__("8bbf");
|
|
14970
14970
|
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
|
|
14971
14971
|
|
|
14972
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14973
|
-
var
|
|
14974
|
-
var
|
|
14972
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/Tooltip.vue?vue&type=template&id=212c9d5b&scoped=true&
|
|
14973
|
+
var Tooltipvue_type_template_id_212c9d5b_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tooltip-container"},[(_vm.content)?_c('el-main',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"main"},[(_vm.content.title)?_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.capitalise(_vm.content.title)))])]):_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.content.featureId))])]),(_vm.content.featureIds)?_c('pubmed-viewer',{directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],staticClass:"block",attrs:{"entry":_vm.content},on:{"pubmedSearchUrl":_vm.pubmedSearchUrlUpdate}}):_vm._e(),_vm._v(" "+_vm._s(_vm.content.paths)+" "),(this.components)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Components")]),_vm._l((_vm.components),function(component){return _c('div',{key:component,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(component))+" ")])})],2):_vm._e(),(this.origins)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Origin "),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('div',[_vm._v(" Origin is the point of the neuron path closest to the brain (or spinal cord) ")])])],1),_vm._l((_vm.origins),function(origin){return _c('div',{key:origin,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(origin))+" ")])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.originsWithDatasets.length > 0),expression:"originsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openDendrites}},[_vm._v(" Explore origin data ")])],2):_vm._e(),(this.destinations)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Destination "),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('div',[_vm._v(" Destination is the point of the neuron path furthest from the brain (or spinal cord) ")])])],1),_vm._l((_vm.destinations),function(destination){return _c('div',{key:destination,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(destination))+" ")])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.destinationsWithDatasets.length > 0),expression:"destinationsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openAxons}},[_vm._v(" Explore destination data ")])],2):_vm._e(),(_vm.content.uberon)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Feature Id")]),_c('span',{staticClass:"attribute-content"},[_vm._v(_vm._s(_vm.content.uberon))])]):_vm._e(),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.componentsWithDatasets.length > 0),expression:"componentsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openAll}},[_vm._v(" Search for data on components ")]),(_vm.pubmedSearchUrl)?_c('el-button',{staticClass:"button",attrs:{"icon":"el-icon-notebook-2"},on:{"click":function($event){return _vm.openUrl(_vm.pubmedSearchUrl)}}},[_vm._v(" Open publications in pubmed ")]):_vm._e()],1):_vm._e()],1)}
|
|
14974
|
+
var Tooltipvue_type_template_id_212c9d5b_scoped_true_staticRenderFns = []
|
|
14975
14975
|
|
|
14976
14976
|
|
|
14977
|
-
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=
|
|
14977
|
+
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=212c9d5b&scoped=true&
|
|
14978
14978
|
|
|
14979
14979
|
// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/main.css
|
|
14980
14980
|
var main = __webpack_require__("de31");
|
|
@@ -15034,7 +15034,7 @@ var en_default = /*#__PURE__*/__webpack_require__.n(en);
|
|
|
15034
15034
|
var locale = __webpack_require__("4897");
|
|
15035
15035
|
var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
|
|
15036
15036
|
|
|
15037
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
15037
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/PubmedViewer.vue?vue&type=template&id=1d12a6d3&scoped=true&
|
|
15038
15038
|
var PubmedViewervue_type_template_id_1d12a6d3_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pubmed-container"},[_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading.response),expression:"loading.response"}],staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Pubmed Resources")]),_c('br'),_c('el-carousel',{attrs:{"autoplay":false,"indicator-position":"outside","height":"250px","width":"200px"}},_vm._l((_vm.pubmeds),function(pub,i){return _c('el-carousel-item',{key:i},[_c('div',{staticClass:"attribute-content"},[_c('div',{domProps:{"innerHTML":_vm._s(pub.html)}}),_c('el-link',{staticClass:"el-link",attrs:{"href":pub.url,"underline":false,"target":"_blank"}},[_vm._v(_vm._s(pub.url))])],1)])}),1)],1)])}
|
|
15039
15039
|
var PubmedViewervue_type_template_id_1d12a6d3_scoped_true_staticRenderFns = []
|
|
15040
15040
|
|
|
@@ -15519,6 +15519,36 @@ var EventBus = new external_vue_default.a();
|
|
|
15519
15519
|
//
|
|
15520
15520
|
//
|
|
15521
15521
|
//
|
|
15522
|
+
//
|
|
15523
|
+
//
|
|
15524
|
+
//
|
|
15525
|
+
//
|
|
15526
|
+
//
|
|
15527
|
+
//
|
|
15528
|
+
//
|
|
15529
|
+
//
|
|
15530
|
+
//
|
|
15531
|
+
//
|
|
15532
|
+
//
|
|
15533
|
+
//
|
|
15534
|
+
//
|
|
15535
|
+
//
|
|
15536
|
+
//
|
|
15537
|
+
//
|
|
15538
|
+
//
|
|
15539
|
+
//
|
|
15540
|
+
//
|
|
15541
|
+
//
|
|
15542
|
+
//
|
|
15543
|
+
//
|
|
15544
|
+
//
|
|
15545
|
+
//
|
|
15546
|
+
//
|
|
15547
|
+
//
|
|
15548
|
+
//
|
|
15549
|
+
//
|
|
15550
|
+
//
|
|
15551
|
+
//
|
|
15522
15552
|
|
|
15523
15553
|
/* eslint-disable no-alert, no-console */
|
|
15524
15554
|
|
|
@@ -15541,7 +15571,8 @@ var _titleCase = function titleCase(str) {
|
|
|
15541
15571
|
};
|
|
15542
15572
|
|
|
15543
15573
|
var _capitalise = function capitalise(str) {
|
|
15544
|
-
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
15574
|
+
if (str) return str.charAt(0).toUpperCase() + str.slice(1);
|
|
15575
|
+
return "";
|
|
15545
15576
|
};
|
|
15546
15577
|
|
|
15547
15578
|
/* harmony default export */ var Tooltipvue_type_script_lang_js_ = ({
|
|
@@ -15565,11 +15596,12 @@ var _capitalise = function capitalise(str) {
|
|
|
15565
15596
|
appendToBody: false,
|
|
15566
15597
|
pubmedSearchUrl: '',
|
|
15567
15598
|
loading: false,
|
|
15568
|
-
|
|
15569
|
-
|
|
15599
|
+
destinations: [],
|
|
15600
|
+
origins: [],
|
|
15570
15601
|
components: [],
|
|
15571
|
-
|
|
15572
|
-
|
|
15602
|
+
destinationsWithDatasets: [],
|
|
15603
|
+
originsWithDatasets: [],
|
|
15604
|
+
componentsWithDatasets: [],
|
|
15573
15605
|
uberons: [{
|
|
15574
15606
|
id: undefined,
|
|
15575
15607
|
name: undefined
|
|
@@ -15603,10 +15635,18 @@ var _capitalise = function capitalise(str) {
|
|
|
15603
15635
|
openUrl: function openUrl(url) {
|
|
15604
15636
|
window.open(url, '_blank');
|
|
15605
15637
|
},
|
|
15638
|
+
openAll: function openAll() {
|
|
15639
|
+
components_EventBus.$emit('onActionClick', {
|
|
15640
|
+
type: 'Facets',
|
|
15641
|
+
labels: this.components.map(function (a) {
|
|
15642
|
+
return a.name;
|
|
15643
|
+
})
|
|
15644
|
+
});
|
|
15645
|
+
},
|
|
15606
15646
|
openAxons: function openAxons() {
|
|
15607
15647
|
components_EventBus.$emit('onActionClick', {
|
|
15608
15648
|
type: 'Facets',
|
|
15609
|
-
labels: this.
|
|
15649
|
+
labels: this.destinationsWithDatasets.map(function (a) {
|
|
15610
15650
|
return a.name;
|
|
15611
15651
|
})
|
|
15612
15652
|
});
|
|
@@ -15614,7 +15654,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15614
15654
|
openDendrites: function openDendrites() {
|
|
15615
15655
|
components_EventBus.$emit('onActionClick', {
|
|
15616
15656
|
type: 'Facets',
|
|
15617
|
-
labels: this.
|
|
15657
|
+
labels: this.originsWithDatasets.map(function (a) {
|
|
15618
15658
|
return a.name;
|
|
15619
15659
|
})
|
|
15620
15660
|
});
|
|
@@ -15633,7 +15673,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15633
15673
|
nodes.forEach(function (node) {
|
|
15634
15674
|
var n = node.flat(); // Find all terms on the node
|
|
15635
15675
|
|
|
15636
|
-
terminal = false; // Check if the node is an
|
|
15676
|
+
terminal = false; // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
|
|
15637
15677
|
|
|
15638
15678
|
n.forEach(function (s) {
|
|
15639
15679
|
if (connectivity.axons.includes(s)) {
|
|
@@ -15679,7 +15719,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15679
15719
|
return sql;
|
|
15680
15720
|
},
|
|
15681
15721
|
buildLabelSqlStatement: function buildLabelSqlStatement(uberons) {
|
|
15682
|
-
var sql = 'select label from labels where entity in (';
|
|
15722
|
+
var sql = 'select entity, label from labels where entity in (';
|
|
15683
15723
|
|
|
15684
15724
|
if (uberons.length === 1) {
|
|
15685
15725
|
sql += "'".concat(uberons[0], "')");
|
|
@@ -15707,10 +15747,16 @@ var _capitalise = function capitalise(str) {
|
|
|
15707
15747
|
body: JSON.stringify(data)
|
|
15708
15748
|
}).then(function (response) {
|
|
15709
15749
|
return response.json();
|
|
15710
|
-
}).then(function (
|
|
15711
|
-
|
|
15712
|
-
|
|
15713
|
-
|
|
15750
|
+
}).then(function (payload) {
|
|
15751
|
+
var entity = payload.keys.indexOf("entity");
|
|
15752
|
+
var label = payload.keys.indexOf("label");
|
|
15753
|
+
|
|
15754
|
+
if (entity > -1 && label > -1) {
|
|
15755
|
+
payload.values.forEach(function (pair) {
|
|
15756
|
+
uberonMap[pair[entity]] = pair[label];
|
|
15757
|
+
});
|
|
15758
|
+
}
|
|
15759
|
+
|
|
15714
15760
|
resolve(uberonMap);
|
|
15715
15761
|
});
|
|
15716
15762
|
});
|
|
@@ -15718,8 +15764,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15718
15764
|
pathwayQuery: function pathwayQuery(keastIds) {
|
|
15719
15765
|
var _this3 = this;
|
|
15720
15766
|
|
|
15721
|
-
this.
|
|
15722
|
-
this.
|
|
15767
|
+
this.destinations = [];
|
|
15768
|
+
this.origins = [];
|
|
15723
15769
|
this.components = [];
|
|
15724
15770
|
this.loading = true;
|
|
15725
15771
|
if (!keastIds || keastIds.length == 0) return;
|
|
@@ -15743,10 +15789,10 @@ var _capitalise = function capitalise(str) {
|
|
|
15743
15789
|
var conIds = connectivity.axons.concat(connectivity.dendrites.concat(components));
|
|
15744
15790
|
|
|
15745
15791
|
_this3.createLabelLookup(conIds).then(function (lookUp) {
|
|
15746
|
-
_this3.
|
|
15792
|
+
_this3.destinations = connectivity.axons.map(function (a) {
|
|
15747
15793
|
return lookUp[a];
|
|
15748
15794
|
});
|
|
15749
|
-
_this3.
|
|
15795
|
+
_this3.origins = connectivity.dendrites.map(function (d) {
|
|
15750
15796
|
return lookUp[d];
|
|
15751
15797
|
});
|
|
15752
15798
|
_this3.components = components.map(function (c) {
|
|
@@ -15755,10 +15801,13 @@ var _capitalise = function capitalise(str) {
|
|
|
15755
15801
|
}); // Filter for the anatomy which is annotated on datasets
|
|
15756
15802
|
|
|
15757
15803
|
|
|
15758
|
-
_this3.
|
|
15804
|
+
_this3.destinationsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15759
15805
|
return connectivity.axons.indexOf(ub.id) !== -1;
|
|
15760
15806
|
});
|
|
15761
|
-
_this3.
|
|
15807
|
+
_this3.originsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15808
|
+
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15809
|
+
});
|
|
15810
|
+
_this3.componentsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15762
15811
|
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15763
15812
|
});
|
|
15764
15813
|
_this3.loading = false;
|
|
@@ -15770,8 +15819,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15770
15819
|
});
|
|
15771
15820
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=script&lang=js&
|
|
15772
15821
|
/* harmony default export */ var components_Tooltipvue_type_script_lang_js_ = (Tooltipvue_type_script_lang_js_);
|
|
15773
|
-
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=
|
|
15774
|
-
var
|
|
15822
|
+
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=212c9d5b&scoped=true&lang=scss&
|
|
15823
|
+
var Tooltipvue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss_ = __webpack_require__("e025");
|
|
15775
15824
|
|
|
15776
15825
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue
|
|
15777
15826
|
|
|
@@ -15784,11 +15833,11 @@ var Tooltipvue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss_ = __webpack
|
|
|
15784
15833
|
|
|
15785
15834
|
var Tooltip_component = normalizeComponent(
|
|
15786
15835
|
components_Tooltipvue_type_script_lang_js_,
|
|
15787
|
-
|
|
15788
|
-
|
|
15836
|
+
Tooltipvue_type_template_id_212c9d5b_scoped_true_render,
|
|
15837
|
+
Tooltipvue_type_template_id_212c9d5b_scoped_true_staticRenderFns,
|
|
15789
15838
|
false,
|
|
15790
15839
|
null,
|
|
15791
|
-
"
|
|
15840
|
+
"212c9d5b",
|
|
15792
15841
|
null
|
|
15793
15842
|
|
|
15794
15843
|
)
|
|
@@ -16109,8 +16158,8 @@ var mapResize = function mapResize(map) {
|
|
|
16109
16158
|
this.drawerOpen = !this.drawerOpen;
|
|
16110
16159
|
},
|
|
16111
16160
|
|
|
16112
|
-
/**
|
|
16113
|
-
* Function to toggle colour/greyscale of organs.
|
|
16161
|
+
/**
|
|
16162
|
+
* Function to toggle colour/greyscale of organs.
|
|
16114
16163
|
*/
|
|
16115
16164
|
setColour: function setColour(flag) {
|
|
16116
16165
|
this.colourRadio = flag;
|
|
@@ -16123,8 +16172,8 @@ var mapResize = function mapResize(map) {
|
|
|
16123
16172
|
}
|
|
16124
16173
|
},
|
|
16125
16174
|
|
|
16126
|
-
/**
|
|
16127
|
-
* Function to toggle outlines f organs.
|
|
16175
|
+
/**
|
|
16176
|
+
* Function to toggle outlines f organs.
|
|
16128
16177
|
*/
|
|
16129
16178
|
setOutlines: function setOutlines(flag) {
|
|
16130
16179
|
this.outlineRadio = flag;
|
|
@@ -16137,9 +16186,9 @@ var mapResize = function mapResize(map) {
|
|
|
16137
16186
|
}
|
|
16138
16187
|
},
|
|
16139
16188
|
|
|
16140
|
-
/**
|
|
16141
|
-
* Function to toggle paths to default.
|
|
16142
|
-
* Also called when the associated button is pressed.
|
|
16189
|
+
/**
|
|
16190
|
+
* Function to toggle paths to default.
|
|
16191
|
+
* Also called when the associated button is pressed.
|
|
16143
16192
|
*/
|
|
16144
16193
|
resetView: function resetView() {
|
|
16145
16194
|
if (this.mapImp) {
|
|
@@ -16152,9 +16201,9 @@ var mapResize = function mapResize(map) {
|
|
|
16152
16201
|
}
|
|
16153
16202
|
},
|
|
16154
16203
|
|
|
16155
|
-
/**
|
|
16156
|
-
* Function to zoom in.
|
|
16157
|
-
* Also called when the associated button is pressed.
|
|
16204
|
+
/**
|
|
16205
|
+
* Function to zoom in.
|
|
16206
|
+
* Also called when the associated button is pressed.
|
|
16158
16207
|
*/
|
|
16159
16208
|
zoomIn: function zoomIn() {
|
|
16160
16209
|
if (this.mapImp) {
|
|
@@ -16162,9 +16211,9 @@ var mapResize = function mapResize(map) {
|
|
|
16162
16211
|
}
|
|
16163
16212
|
},
|
|
16164
16213
|
|
|
16165
|
-
/**
|
|
16166
|
-
* Function to zoom out.
|
|
16167
|
-
* Also called when the associated button is pressed.
|
|
16214
|
+
/**
|
|
16215
|
+
* Function to zoom out.
|
|
16216
|
+
* Also called when the associated button is pressed.
|
|
16168
16217
|
*/
|
|
16169
16218
|
zoomOut: function zoomOut() {
|
|
16170
16219
|
if (this.mapImp) {
|
|
@@ -16227,14 +16276,16 @@ var mapResize = function mapResize(map) {
|
|
|
16227
16276
|
},
|
|
16228
16277
|
// checkNeuronClicked shows a neuron path pop up if a path was recently clicked
|
|
16229
16278
|
checkAndCreatePopups: function checkAndCreatePopups(data) {
|
|
16230
|
-
if (data.eventType == "click" && this.
|
|
16279
|
+
if (data.eventType == "click" && this.hasNeuronTooltip(data)) {
|
|
16280
|
+
this.createTooltipFromNeuronCuration(data);
|
|
16231
16281
|
this.mapImp.showPopup(this.mapImp.modelFeatureIds(data.resource[0])[0], this.$refs.tooltip.$el, {
|
|
16232
|
-
className: "
|
|
16282
|
+
className: "flatmapvuer-popover",
|
|
16283
|
+
positionAtLastClick: true
|
|
16233
16284
|
});
|
|
16234
|
-
this.
|
|
16285
|
+
this.popUpCssHacks();
|
|
16235
16286
|
}
|
|
16236
16287
|
},
|
|
16237
|
-
|
|
16288
|
+
popUpCssHacks: function popUpCssHacks() {
|
|
16238
16289
|
// Below is a hack to remove flatmap tooltips while popup is open
|
|
16239
16290
|
var ftooltip = document.querySelector(".flatmap-tooltip-popup");
|
|
16240
16291
|
if (ftooltip) ftooltip.style.display = "none";
|
|
@@ -16248,6 +16299,27 @@ var mapResize = function mapResize(map) {
|
|
|
16248
16299
|
resourceSelected: function resourceSelected(action) {
|
|
16249
16300
|
this.$emit("resource-selected", action);
|
|
16250
16301
|
},
|
|
16302
|
+
hasNeuronTooltip: function hasNeuronTooltip(data) {
|
|
16303
|
+
// nerve cuff check
|
|
16304
|
+
if (data.feature.nodeId) {
|
|
16305
|
+
return true;
|
|
16306
|
+
} // neural data check
|
|
16307
|
+
|
|
16308
|
+
|
|
16309
|
+
if (data.resource[0]) {
|
|
16310
|
+
if (data.resource[0].includes('ilxtr:neuron')) {
|
|
16311
|
+
return true;
|
|
16312
|
+
}
|
|
16313
|
+
} // annotated with datset check
|
|
16314
|
+
|
|
16315
|
+
|
|
16316
|
+
if (data.dataset) {
|
|
16317
|
+
return true;
|
|
16318
|
+
} // if there is no cuff, neural data, or dataset we do not display neuron tooltip
|
|
16319
|
+
|
|
16320
|
+
|
|
16321
|
+
return false;
|
|
16322
|
+
},
|
|
16251
16323
|
createTooltipFromNeuronCuration: function createTooltipFromNeuronCuration(data) {
|
|
16252
16324
|
var feature = data.resource[0];
|
|
16253
16325
|
var content = {
|
|
@@ -16257,14 +16329,12 @@ var mapResize = function mapResize(map) {
|
|
|
16257
16329
|
distribution: undefined,
|
|
16258
16330
|
actions: []
|
|
16259
16331
|
};
|
|
16260
|
-
var foundAnnotations = false;
|
|
16261
16332
|
this.tooltipVisible = false; // nerve cuff check
|
|
16262
16333
|
|
|
16263
16334
|
if (data.feature.nodeId) {
|
|
16264
16335
|
var paths = this.mapImp.nodePathModels(data.feature.nodeId);
|
|
16265
16336
|
|
|
16266
16337
|
if (paths.size > 0) {
|
|
16267
|
-
foundAnnotations = true;
|
|
16268
16338
|
this.tooltipVisible = true;
|
|
16269
16339
|
this.tooltipContent = content;
|
|
16270
16340
|
this.tooltipContent.uberon = feature;
|
|
@@ -16278,17 +16348,17 @@ var mapResize = function mapResize(map) {
|
|
|
16278
16348
|
|
|
16279
16349
|
if (feature) {
|
|
16280
16350
|
if (feature.includes('ilxtr:neuron')) {
|
|
16281
|
-
foundAnnotations = true;
|
|
16282
16351
|
this.tooltipVisible = true;
|
|
16283
16352
|
this.tooltipContent = content;
|
|
16284
16353
|
this.tooltipContent.uberon = feature;
|
|
16285
16354
|
this.tooltipContent.title = data.label;
|
|
16286
16355
|
this.tooltipContent.featureIds = [feature];
|
|
16287
16356
|
this.tooltipContent.actions.push({
|
|
16288
|
-
title: "Search for
|
|
16357
|
+
title: "Search for datasets",
|
|
16289
16358
|
label: "Neuron Datasets",
|
|
16290
16359
|
resource: feature.split(":")[1],
|
|
16291
16360
|
type: "Neuron Search",
|
|
16361
|
+
feature: feature,
|
|
16292
16362
|
nervePath: true
|
|
16293
16363
|
});
|
|
16294
16364
|
}
|
|
@@ -16296,7 +16366,6 @@ var mapResize = function mapResize(map) {
|
|
|
16296
16366
|
|
|
16297
16367
|
|
|
16298
16368
|
if (data.dataset) {
|
|
16299
|
-
foundAnnotations = true;
|
|
16300
16369
|
this.tooltipVisible = true;
|
|
16301
16370
|
this.tooltipContent = content;
|
|
16302
16371
|
this.tooltipContent.uberon = feature;
|
|
@@ -16305,15 +16374,10 @@ var mapResize = function mapResize(map) {
|
|
|
16305
16374
|
title: "View dataset",
|
|
16306
16375
|
resource: data.dataset,
|
|
16307
16376
|
type: "URL",
|
|
16377
|
+
feature: feature,
|
|
16308
16378
|
nervePath: false
|
|
16309
16379
|
});
|
|
16310
16380
|
}
|
|
16311
|
-
|
|
16312
|
-
if (foundAnnotations) {
|
|
16313
|
-
return true;
|
|
16314
|
-
} else {
|
|
16315
|
-
return false;
|
|
16316
|
-
}
|
|
16317
16381
|
},
|
|
16318
16382
|
// Keeping this as an API
|
|
16319
16383
|
showPopup: function showPopup(featureId, node, options) {
|
|
@@ -16324,7 +16388,8 @@ var mapResize = function mapResize(map) {
|
|
|
16324
16388
|
if (!myOptions.className) myOptions.className = "flatmapvuer-popover";
|
|
16325
16389
|
} else {
|
|
16326
16390
|
myOptions = {
|
|
16327
|
-
className: "flatmapvuer-popover"
|
|
16391
|
+
className: "flatmapvuer-popover",
|
|
16392
|
+
positionAtLastClick: true
|
|
16328
16393
|
};
|
|
16329
16394
|
}
|
|
16330
16395
|
|
|
@@ -16478,8 +16543,8 @@ var mapResize = function mapResize(map) {
|
|
|
16478
16543
|
this.drawerOpen = flag;
|
|
16479
16544
|
},
|
|
16480
16545
|
|
|
16481
|
-
/**
|
|
16482
|
-
* Function to display features with annotation matching the provided term.
|
|
16546
|
+
/**
|
|
16547
|
+
* Function to display features with annotation matching the provided term.
|
|
16483
16548
|
*/
|
|
16484
16549
|
searchAndShowResult: function searchAndShowResult(term) {
|
|
16485
16550
|
if (this.mapImp) {
|
|
@@ -16542,16 +16607,16 @@ var mapResize = function mapResize(map) {
|
|
|
16542
16607
|
default: "Beta feature - This map is based on the connectivity of a rat. New connectivity and species specificity will be added as the SPARC program progress."
|
|
16543
16608
|
},
|
|
16544
16609
|
|
|
16545
|
-
/**
|
|
16546
|
-
* State containing state of the flatmap.
|
|
16610
|
+
/**
|
|
16611
|
+
* State containing state of the flatmap.
|
|
16547
16612
|
*/
|
|
16548
16613
|
state: {
|
|
16549
16614
|
type: Object,
|
|
16550
16615
|
default: undefined
|
|
16551
16616
|
},
|
|
16552
16617
|
|
|
16553
|
-
/**
|
|
16554
|
-
* Specify the endpoint of the flatmap server.
|
|
16618
|
+
/**
|
|
16619
|
+
* Specify the endpoint of the flatmap server.
|
|
16555
16620
|
*/
|
|
16556
16621
|
flatmapAPI: {
|
|
16557
16622
|
type: String,
|
|
@@ -16626,8 +16691,8 @@ var mapResize = function mapResize(map) {
|
|
|
16626
16691
|
});
|
|
16627
16692
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
|
|
16628
16693
|
/* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_);
|
|
16629
|
-
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=
|
|
16630
|
-
var
|
|
16694
|
+
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=db38767a&scoped=true&lang=scss&
|
|
16695
|
+
var FlatmapVuervue_type_style_index_0_id_db38767a_scoped_true_lang_scss_ = __webpack_require__("2ee8");
|
|
16631
16696
|
|
|
16632
16697
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
|
|
16633
16698
|
|
|
@@ -16644,13 +16709,13 @@ var FlatmapVuer_component = normalizeComponent(
|
|
|
16644
16709
|
staticRenderFns,
|
|
16645
16710
|
false,
|
|
16646
16711
|
null,
|
|
16647
|
-
"
|
|
16712
|
+
"db38767a",
|
|
16648
16713
|
null
|
|
16649
16714
|
|
|
16650
16715
|
)
|
|
16651
16716
|
|
|
16652
16717
|
/* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
|
|
16653
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
16718
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/MultiFlatmapVuer.vue?vue&type=template&id=f20f0c88&scoped=true&
|
|
16654
16719
|
var MultiFlatmapVuervue_type_template_id_f20f0c88_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"multi-container"},[_c('div',{staticStyle:{"position":"absolute","z-index":"10"}},[_c('div',{staticClass:"species-display-text"},[_vm._v(" Species ")]),_c('el-popover',{ref:"selectPopover",attrs:{"content":"Select a species","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.helpMode),callback:function ($$v) {_vm.helpMode=$$v},expression:"helpMode"}}),_c('el-select',{directives:[{name:"popover",rawName:"v-popover:selectPopover",arg:"selectPopover"}],staticClass:"select-box",attrs:{"id":"flatmap-select","popper-append-to-body":_vm.appendToBody,"placeholder":"Select","popper-class":"flatmap_dropdown"},on:{"change":_vm.flatmapChanged},model:{value:(_vm.activeSpecies),callback:function ($$v) {_vm.activeSpecies=$$v},expression:"activeSpecies"}},_vm._l((_vm.speciesList),function(item,key){return _c('el-option',{key:key,attrs:{"label":key,"value":key}},[_c('el-row',[_c('el-col',{attrs:{"span":8}},[_c('i',{class:item.iconClass})]),_c('el-col',{attrs:{"span":12}},[_vm._v(_vm._s(key))])],1)],1)}),1)],1),_vm._l((_vm.speciesList),function(item,key){return _c('FlatmapVuer',{directives:[{name:"show",rawName:"v-show",value:(_vm.activeSpecies==key),expression:"activeSpecies==key"}],key:key,ref:key,refInFor:true,staticStyle:{"height":"100%"},attrs:{"showLayer":_vm.showLayer,"entry":item.taxo,"displayWarning":item.displayWarning,"warningMessage":_vm.warningMessage,"featureInfo":_vm.featureInfo,"minZoom":_vm.minZoom,"pathControls":_vm.pathControls,"searchable":_vm.searchable,"helpMode":_vm.helpMode,"renderAtMounted":_vm.renderAtMounted,"displayMinimap":_vm.displayMinimap,"flatmapAPI":_vm.flatmapAPI,"sparcAPI":_vm.sparcAPI},on:{"resource-selected":_vm.FlatmapSelected,"ready":_vm.FlatmapReady,"pan-zoom-callback":_vm.panZoomCallback}})})],2)}
|
|
16655
16720
|
var MultiFlatmapVuervue_type_template_id_f20f0c88_scoped_true_staticRenderFns = []
|
|
16656
16721
|
|
|
@@ -16851,11 +16916,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16851
16916
|
this.$emit('flatmapChanged', this.activeSpecies);
|
|
16852
16917
|
},
|
|
16853
16918
|
|
|
16854
|
-
/**
|
|
16855
|
-
* Function used for getting the current states of the scene. This exported states
|
|
16856
|
-
* can be imported using the importStates method.
|
|
16857
|
-
*
|
|
16858
|
-
* @public
|
|
16919
|
+
/**
|
|
16920
|
+
* Function used for getting the current states of the scene. This exported states
|
|
16921
|
+
* can be imported using the importStates method.
|
|
16922
|
+
*
|
|
16923
|
+
* @public
|
|
16859
16924
|
*/
|
|
16860
16925
|
getState: function getState() {
|
|
16861
16926
|
var state = {
|
|
@@ -16867,11 +16932,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16867
16932
|
return state;
|
|
16868
16933
|
},
|
|
16869
16934
|
|
|
16870
|
-
/**
|
|
16871
|
-
* Function used for importing the states of the scene. This exported states
|
|
16872
|
-
* can be imported using the read states method.
|
|
16873
|
-
*
|
|
16874
|
-
* @public
|
|
16935
|
+
/**
|
|
16936
|
+
* Function used for importing the states of the scene. This exported states
|
|
16937
|
+
* can be imported using the read states method.
|
|
16938
|
+
*
|
|
16939
|
+
* @public
|
|
16875
16940
|
*/
|
|
16876
16941
|
setState: function setState(state) {
|
|
16877
16942
|
var _this3 = this;
|
|
@@ -16919,9 +16984,9 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16919
16984
|
default: false
|
|
16920
16985
|
},
|
|
16921
16986
|
|
|
16922
|
-
/**
|
|
16923
|
-
* Initial species for the flatmap.
|
|
16924
|
-
* This value will be ignored if a valid state object is provided.
|
|
16987
|
+
/**
|
|
16988
|
+
* Initial species for the flatmap.
|
|
16989
|
+
* This value will be ignored if a valid state object is provided.
|
|
16925
16990
|
*/
|
|
16926
16991
|
initial: {
|
|
16927
16992
|
type: String,
|
|
@@ -16949,16 +17014,16 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16949
17014
|
},
|
|
16950
17015
|
availableSpecies: {},
|
|
16951
17016
|
|
|
16952
|
-
/**
|
|
16953
|
-
* State containing state of the flatmap.
|
|
17017
|
+
/**
|
|
17018
|
+
* State containing state of the flatmap.
|
|
16954
17019
|
*/
|
|
16955
17020
|
state: {
|
|
16956
17021
|
type: Object,
|
|
16957
17022
|
default: undefined
|
|
16958
17023
|
},
|
|
16959
17024
|
|
|
16960
|
-
/**
|
|
16961
|
-
* Specify the endpoint of the flatmap server.
|
|
17025
|
+
/**
|
|
17026
|
+
* Specify the endpoint of the flatmap server.
|
|
16962
17027
|
*/
|
|
16963
17028
|
flatmapAPI: {
|
|
16964
17029
|
type: String,
|