@abi-software/map-side-bar 2.8.1-beta.0 → 2.8.1

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.
@@ -23415,6 +23415,9 @@ const JL = {
23415
23415
  resetSearch: function() {
23416
23416
  this.numberOfHits = 0, this.results = [], this.loadingCards = !1;
23417
23417
  },
23418
+ resetSearchIfNoActiveSearch: function() {
23419
+ this.searchInput || this.openSearch([], "");
23420
+ },
23418
23421
  openSearch: function(e, t = "", n = { withSearch: !0 }) {
23419
23422
  this.searchInput = t, this.resetPageNavigation(), this.cascaderIsReady ? (this.filter = this.$refs.filtersRef.getHierarchicalValidatedFilters(e), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (n.withSearch && this.searchKnowledge(this.filter, t), this.$refs.filtersRef.setCascader(this.filter))) : (this.filter = e, (!e || e.length == 0) && n.withSearch && this.searchKnowledge(this.filter, t));
23420
23423
  },
@@ -23606,7 +23609,7 @@ function QL(e, t, n, r, o, a) {
23606
23609
  _: 1
23607
23610
  }, 8, ["body-style"]);
23608
23611
  }
23609
- const $y = /* @__PURE__ */ $n(JL, [["render", QL], ["__scopeId", "data-v-9f7991f6"]]), e9 = {
23612
+ const $y = /* @__PURE__ */ $n(JL, [["render", QL], ["__scopeId", "data-v-fd04a96e"]]), e9 = {
23610
23613
  name: "AnnotationTool",
23611
23614
  components: {
23612
23615
  AnnotationPopup: wb,
@@ -23905,6 +23908,11 @@ const Ny = /* @__PURE__ */ $n(o9, [["render", l9], ["__scopeId", "data-v-9dda8d5
23905
23908
  this.getTabRef(void 0, "connectivityExplorer", !0).openSearch(e, t);
23906
23909
  });
23907
23910
  },
23911
+ resetConnectivitySearch: function() {
23912
+ this.$nextTick(() => {
23913
+ this.getTabRef(void 0, "connectivityExplorer", !1).resetSearchIfNoActiveSearch();
23914
+ });
23915
+ },
23908
23916
  openSearch: function(e, t) {
23909
23917
  this.drawerOpen = !0, this.$nextTick(() => {
23910
23918
  this.getTabRef(void 0, "datasetExplorer", !0).openSearch(e, t);
@@ -24099,7 +24107,7 @@ function p9(e, t, n, r, o, a) {
24099
24107
  }, 8, ["modelValue"])
24100
24108
  ], 512);
24101
24109
  }
24102
- const m9 = /* @__PURE__ */ $n(c9, [["render", p9], ["__scopeId", "data-v-2b6bf3bb"]]);
24110
+ const m9 = /* @__PURE__ */ $n(c9, [["render", p9], ["__scopeId", "data-v-eb25f336"]]);
24103
24111
  export {
24104
24112
  m9 as SideBar
24105
24113
  };
@@ -467,4 +467,4 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`),{initialZIndex:r,curr
467
467
  `;const p=e.list.map(g=>`<li>${g}</li>`).join(`
468
468
  `);u+=`<ul>${p}</ul>`,t.push(u)}return t.join(`
469
469
 
470
- <br>`)},getConnectivityDatasets:function(e){const t=[...this.componentsWithDatasets,...this.destinationsWithDatasets,...this.originsWithDatasets],o=e.split(",");let r=[];return o.forEach(a=>{const i=t.find(s=>s.name.toLowerCase().trim()===a.toLowerCase().trim());i&&r.push({id:i.id,label:i.name})}),r},onConnectivityHovered:function(e){const t={connectivityInfo:this.entry,data:e?this.getConnectivityDatasets(e):[]};this.$emit("connectivity-hovered",t)},onConnectivityClicked:function(e){const t={query:e,filter:[]};this.$emit("connectivity-clicked",t)},getConnectivityError:function(e){const{errorData:t,errorMessage:o}=e;return{errorConnectivities:t.map(a=>ua(a.label)).join(", ").replace(/, ([^,]*)$/," and $1"),errorMessage:o}},onConnectivitySourceChange:function(e){const{featureId:t}=this.entry;this.connectivityLoading=!0,this.activeView!=="graphView"&&(this.graphViewLoaded=!1),this.updateGraphConnectivity(),Je.emit("connectivity-source-change",{featureId:t,connectivitySource:e})},updateGraphConnectivity:function(){this.connectivitySource==="map"?this.getConnectionsFromMap().then(e=>{var t;this.connectivityFromMap=null,(t=e==null?void 0:e.connectivity)!=null&&t.length&&(this.connectivityFromMap=e),this.connectivityLoading=!1}):(this.connectivityFromMap=null,this.connectivityLoading=!1)},getConnectionsFromMap:async function(){if(this.entry.mapuuid){const e=this.flatmapApi+`flatmap/${this.entry.mapuuid}/connectivity/${this.entry.featureId[0]}`;try{const t=await fetch(e);if(!t.ok)throw new Error(`Response status: ${t.status}`);return await t.json()}catch(t){throw new Error(t)}}},onConnectivityActionClick:function(e){Je.emit("onConnectivityActionClick",e)},closeConnectivity:function(){this.$emit("close-connectivity")}},mounted:function(){this.updatedCopyContent=this.getUpdateCopyContent(),Je.on("connectivity-error",e=>{const t=this.getConnectivityError(e);this.connectivityError={...t}})}},e8={key:0,class:"main"},t8={key:0,class:"toggle-button"},n8={class:"connectivity-info-title"},o8={class:"title-content"},r8={key:0,class:"block"},a8={class:"title"},i8={style:{"word-break":"keep-all"}},s8={class:"subtitle"},l8={key:0,class:"subtitle"},c8={key:1,class:"block"},d8={class:"title"},u8={class:"title-buttons"},f8={class:"content-container population-display"},p8={class:"block attribute-title-container"},h8={class:"block buttons-row"},m8={class:"content-container content-container-connectivity"},g8={class:"content-container content-container-connectivity"},y8={key:1,class:"content-container content-container-references"};function b8(e,t,o,r,a,i){const s=dt,l=oi,c=se.WarnTriangleFilled,d=Ce,u=se.Location,p=n.resolveComponent("CopyToClipboard"),g=se.Close,m=se.Warning,f=hp,h=rx,y=n.resolveComponent("connectivity-list"),b=n.resolveComponent("connectivity-graph"),k=n.resolveComponent("ExternalResourceCard"),O=Wo;return i.entry?(n.openBlock(),n.createElementBlock("div",e8,[o.connectivityEntry.length>1&&!o.entryId?(n.openBlock(),n.createElementBlock("div",t8,[n.createVNode(l,{width:"auto",trigger:"hover",teleported:!1},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button",onClick:i.previous,disabled:this.entryIndex===0},{default:n.withCtx(()=>t[3]||(t[3]=[n.createTextVNode(" Previous ")])),_:1},8,["onClick","disabled"])]),default:n.withCtx(()=>[n.createElementVNode("span",null,n.toDisplayString(i.previousLabel),1)]),_:1}),n.createVNode(l,{width:"auto",trigger:"hover",teleported:!1},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button",onClick:i.next,disabled:this.entryIndex===this.connectivityEntry.length-1},{default:n.withCtx(()=>t[4]||(t[4]=[n.createTextVNode(" Next ")])),_:1},8,["onClick","disabled"])]),default:n.withCtx(()=>[n.createElementVNode("span",null,n.toDisplayString(i.nextLabel),1)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",n8,[n.createElementVNode("div",o8,[i.entry.title?(n.openBlock(),n.createElementBlock("div",r8,[n.createElementVNode("div",a8,[n.createElementVNode("span",null,n.toDisplayString(i.capitalise(i.entry.title)),1),i.entry.featuresAlert?(n.openBlock(),n.createBlock(l,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(d,{class:"alert"},{default:n.withCtx(()=>[n.createVNode(c)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",i8,n.toDisplayString(i.entry.featuresAlert),1)]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",s8,[t[5]||(t[5]=n.createElementVNode("strong",null,"id: ",-1)),n.createTextVNode(n.toDisplayString(i.entry.featureId[0]),1)]),i.hasProvenanceTaxonomyLabel?(n.openBlock(),n.createElementBlock("div",l8,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",c8,[n.createElementVNode("div",d8,n.toDisplayString(i.entry.featureId),1)]))]),n.createElementVNode("div",u8,[n.createVNode(l,{width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button-circle secondary",circle:"",onClick:i.showConnectivity},{default:n.withCtx(()=>[n.createVNode(d,{color:"#8300bf"},{default:n.withCtx(()=>[n.createVNode(u)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[6]||(t[6]=n.createElementVNode("span",null," Show connectivity on map ",-1))]),_:1}),n.createVNode(p,{content:e.updatedCopyContent},null,8,["content"]),o.withCloseButton?(n.openBlock(),n.createBlock(l,{key:0,width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button-circle",circle:"",onClick:i.closeConnectivity},{default:n.withCtx(()=>[n.createVNode(d,{color:"white"},{default:n.withCtx(()=>[n.createVNode(g)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[7]||(t[7]=n.createElementVNode("span",null,"Close",-1))]),_:1})):n.createCommentVNode("",!0)])]),n.createElementVNode("div",f8,[n.createElementVNode("div",p8,[t[9]||(t[9]=n.createElementVNode("span",{class:"attribute-title"},"Population Display",-1)),e.activeView==="listView"?(n.openBlock(),n.createBlock(l,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(d,{class:"info"},{default:n.withCtx(()=>[n.createVNode(m)]),_:1})]),default:n.withCtx(()=>[t[8]||(t[8]=n.createElementVNode("span",{style:{"word-break":"keep-all"}}," This list is ordered alphabetically, switch to graph view for path details. ",-1))]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",h8,[t[14]||(t[14]=n.createElementVNode("span",null,"Connectivity from:",-1)),n.createVNode(h,{modelValue:e.connectivitySource,"onUpdate:modelValue":t[0]||(t[0]=S=>e.connectivitySource=S),onChange:i.onConnectivitySourceChange},{default:n.withCtx(()=>[n.createVNode(f,{value:"map"},{default:n.withCtx(()=>t[10]||(t[10]=[n.createTextVNode("Map")])),_:1}),n.createVNode(f,{value:"sckan"},{default:n.withCtx(()=>t[11]||(t[11]=[n.createTextVNode("SCKAN")])),_:1})]),_:1},8,["modelValue","onChange"]),n.createVNode(s,{class:n.normalizeClass(e.activeView==="listView"?"button":"el-button-secondary"),onClick:t[1]||(t[1]=S=>i.switchConnectivityView("listView"))},{default:n.withCtx(()=>t[12]||(t[12]=[n.createTextVNode(" List view ")])),_:1},8,["class"]),n.createVNode(s,{class:n.normalizeClass(e.activeView==="graphView"?"button":"el-button-secondary"),onClick:t[2]||(t[2]=S=>i.switchConnectivityView("graphView"))},{default:n.withCtx(()=>t[13]||(t[13]=[n.createTextVNode(" Graph view ")])),_:1},8,["class"])])]),n.withDirectives(n.createElementVNode("div",m8,[n.withDirectives((n.openBlock(),n.createBlock(y,{key:`${i.connectivityKey}list`,entry:i.entry,origins:i.origins,components:i.components,destinations:i.destinations,originsWithDatasets:i.originsWithDatasets,componentsWithDatasets:i.componentsWithDatasets,destinationsWithDatasets:i.destinationsWithDatasets,availableAnatomyFacets:o.availableAnatomyFacets,connectivityError:e.connectivityError,onConnectivityHovered:i.onConnectivityHovered,onConnectivityClicked:i.onConnectivityClicked,onConnectivityActionClick:i.onConnectivityActionClick},null,8,["entry","origins","components","destinations","originsWithDatasets","componentsWithDatasets","destinationsWithDatasets","availableAnatomyFacets","connectivityError","onConnectivityHovered","onConnectivityClicked","onConnectivityActionClick"])),[[O,e.connectivityLoading]])],512),[[n.vShow,e.activeView==="listView"]]),n.withDirectives(n.createElementVNode("div",g8,[e.graphViewLoaded?n.withDirectives((n.openBlock(),n.createBlock(b,{key:`${i.connectivityKey}graph`,entry:i.entry.featureId[0],mapServer:i.flatmapApi,sckanVersion:i.sckanVersion,connectivityFromMap:e.connectivityFromMap,connectivityError:e.connectivityError,onTapNode:i.onTapNode},null,8,["entry","mapServer","sckanVersion","connectivityFromMap","connectivityError","onTapNode"])),[[O,e.connectivityLoading]]):n.createCommentVNode("",!0)],512),[[n.vShow,e.activeView==="graphView"]]),i.resources.length?(n.openBlock(),n.createElementBlock("div",y8,[n.createVNode(k,{resources:i.resources,onReferencesLoaded:i.onReferencesLoaded,onShowReferenceConnectivities:i.onShowReferenceConnectivities},null,8,["resources","onReferencesLoaded","onShowReferenceConnectivities"])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)}const dy=Wt(Q$,[["render",b8],["__scopeId","data-v-86e09bda"]]),w8={name:"ConnectivityCard",data(){return{displayFields:["id"]}},props:{entry:{type:Object,default:()=>{}}},computed:{loading:function(){return"detailsReady"in this.entry?!this.entry.detailsReady:!1}},methods:{capitalise:function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},cardClicked:function(e){this.loading||this.$emit("connectivity-card-clicked",e)}}},C8={class:"connectivity-card-container",ref:"container"},v8={class:"connectivity-card",ref:"card"},k8={class:"title"},S8={key:0,class:"details"};function E8(e,t,o,r,a,i){const s=Wo;return n.openBlock(),n.createElementBlock("div",C8,[n.createElementVNode("div",v8,[t[1]||(t[1]=n.createElementVNode("div",{class:"seperator-path"},null,-1)),n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:"card",onClick:t[0]||(t[0]=l=>i.cardClicked(o.entry))},[n.createElementVNode("div",k8,n.toDisplayString(i.capitalise(o.entry.label)),1),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.displayFields,l=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:l},[o.entry[l]?(n.openBlock(),n.createElementBlock("div",S8,[n.createElementVNode("strong",null,n.toDisplayString(l)+":",1),n.createTextVNode(" "+n.toDisplayString(o.entry[l]),1)])):n.createCommentVNode("",!0)],64))),128))])),[[s,i.loading]])],512)],512)}const uy=Wt(w8,[["render",E8],["__scopeId","data-v-5aa5d184"]]);var x8={filters:[],searchInput:"",lastSearch:"",results:[],numberOfHits:0,filter:[],loadingCards:!1,numberPerPage:10,page:1,start:0};const _8={components:{SearchFilters:rs,SearchHistory:ns,ConnectivityCard:uy,ConnectivityInfo:dy,Button:dt,Card:Ya,Icon:Ce,Input:jo,Pagination:ni},name:"ConnectivityExplorer",props:{connectivityKnowledge:{type:Array,default:[]},entry:{type:Object,default:()=>x8},envVars:{type:Object,default:()=>{}},connectivityEntry:{type:Array,default:[]},availableAnatomyFacets:{type:Object,default:[]}},data:function(){return{...this.entry,bodyStyle:{flex:"1 1 auto","flex-flow":"column",display:"flex"},filterOptions:[{id:3,key:"flatmap.connectivity.source",label:"Connectivity",children:[{facetPropPath:"flatmap.connectivity.source",id:0,label:"Origins"},{facetPropPath:"flatmap.connectivity.source",id:1,label:"Components"},{facetPropPath:"flatmap.connectivity.source",id:2,label:"Destinations"}]}],cascaderIsReady:!1,displayConnectivity:!1,initLoading:!0,expanded:""}},computed:{filterEntry:function(){return{numberOfHits:this.numberOfHits,filterFacets:this.filter,options:this.filterOptions,showFilters:!1}},paginatedResults:function(){return this.results.slice(this.start,this.start+this.numberPerPage)}},watch:{connectivityKnowledge:function(e,t){this.expanded="",this.initLoading=!1,this.loadingCards=!1,JSON.stringify(e)!==JSON.stringify(t)&&(this.results=e.map(o=>({...o,loaded:!1})),this.numberOfHits=this.results.length,this.numberOfHits===1&&this.onConnectivityExplorerClicked(this.results[0]))},paginatedResults:function(){this.loadingCards=!1}},methods:{onConnectivityClicked:function(e){this.searchInput=e.query,this.filters=e.filter,this.searchAndFilterUpdate()},openConnectivity:function(e){this.expanded=e.id},closeConnectivity:function(e){this.expanded=""},onConnectivityExplorerClicked:function(e){this.expanded!==e.id&&(e.loaded=!1,this.openConnectivity(e),this.connectivityEntry.filter(o=>o.featureId[0]===e.id).length===0&&this.$emit("connectivity-explorer-clicked",e))},hoverChanged:function(e){const t=e&&{...e,type:"connectivity"};this.$emit("hover-changed",t)},resetSearch:function(){this.numberOfHits=0,this.results=[],this.loadingCards=!1},openSearch:function(e,t="",o={withSearch:!0}){this.searchInput=t,this.resetPageNavigation(),this.cascaderIsReady?(this.filter=this.$refs.filtersRef.getHierarchicalValidatedFilters(e),e&&e.length>0&&this.filter&&this.filter.length===0?(this.$refs.filtersRef.checkShowAllBoxes(),this.resetSearch()):this.filter&&(o.withSearch&&this.searchKnowledge(this.filter,t),this.$refs.filtersRef.setCascader(this.filter))):(this.filter=e,(!e||e.length==0)&&o.withSearch&&this.searchKnowledge(this.filter,t))},addFilter:function(e){this.cascaderIsReady?(this.resetPageNavigation(),e&&this.$refs.filtersRef.addFilter(e)&&this.$refs.filtersRef.initiateSearch()):Array.isArray(this.filter)?this.filter.push(e):this.filter=[e]},cascaderReady:function(){this.cascaderIsReady=!0,this.openSearch(this.filter,this.searchInput)},clearSearchClicked:function(){this.searchInput="",this.searchAndFilterUpdate(),this.$refs.filtersRef.checkShowAllBoxes()},searchEvent:function(e=!1){(e.keyCode===13||e instanceof MouseEvent)&&(this.searchInput=this.searchInput.trim(),this.searchAndFilterUpdate(),this.searchInput||this.$refs.filtersRef.checkShowAllBoxes())},filterUpdate:function(e){this.filters=[...e],this.searchAndFilterUpdate(),this.$emit("search-changed",{value:e,type:"filter-update"})},transformFiltersBeforeSearch:function(e){return e.map(t=>(t.facet2&&(t.facet=t.facet2,delete t.facet2),t))},searchAndFilterUpdate:function(){this.resetPageNavigation();const e=this.transformFiltersBeforeSearch(this.filters);this.searchKnowledge(e,this.searchInput)},searchHistoryUpdate:function(e,t){this.$refs.searchHistory.selectValue="Search history",t!=null&&t.trim()&&this.$refs.searchHistory.addSearchToHistory(e,t)},searchKnowledge:function(e,t=""){this.expanded="",this.searchHistoryUpdate(e,t),this.loadingCards=!0,this.scrollToTop(),this.$emit("search-changed",{value:this.searchInput,type:"query-update"}),this.lastSearch=t},filtersLoading:function(e){this.loadingCards=e},numberPerPageUpdate:function(e){this.numberPerPage=e,this.pageChange(1)},pageChange:function(e){this.start=(e-1)*this.numberPerPage,this.page=e,this.searchKnowledge(this.filters,this.searchInput)},scrollToTop:function(){this.$refs.content&&this.$refs.content.scroll({top:0,behavior:"smooth"})},resetPageNavigation:function(){this.start=0,this.page=1},searchHistorySearch:function(e){this.searchInput=e.search,this.filters=e.filters,this.searchAndFilterUpdate()},onConnectivityInfoLoaded:function(e){e.loaded=!0;const t=this.$refs["stepItem-"+e.id],o=this.$refs.content;this.$nextTick(()=>{o&&t&&t[0]&&(o.scrollTop=t[0].offsetTop)})}},mounted:function(){localStorage.removeItem("connectivity-active-view"),this.openSearch(this.filter,this.searchInput)}},T8={class:"header"},O8={key:0,class:"error-feedback"},B8=["onMouseenter"];function N8(e,t,o,r,a,i){const s=jo,l=dt,c=rs,d=ns,u=uy,p=dy,g=ni,m=Ya,f=Wo;return n.openBlock(),n.createBlock(m,{"body-style":e.bodyStyle,class:"content-card"},{header:n.withCtx(()=>[n.createElementVNode("div",T8,[n.createVNode(s,{class:"search-input",placeholder:"Search",modelValue:e.searchInput,"onUpdate:modelValue":t[0]||(t[0]=h=>e.searchInput=h),onKeyup:i.searchEvent,clearable:"",onClear:i.clearSearchClicked},null,8,["modelValue","onKeyup","onClear"]),n.createVNode(l,{type:"primary",class:"button",onClick:i.searchEvent,size:"large"},{default:n.withCtx(()=>t[7]||(t[7]=[n.createTextVNode(" Search ")])),_:1},8,["onClick"]),n.createVNode(l,{link:"",class:"el-button-link",onClick:t[1]||(t[1]=h=>i.openSearch([],"")),size:"large"},{default:n.withCtx(()=>t[8]||(t[8]=[n.createTextVNode(" Reset ")])),_:1})])]),default:n.withCtx(()=>[n.createVNode(c,{class:"filters",ref:"filtersRef",entry:i.filterEntry,envVars:o.envVars,onFilterResults:i.filterUpdate,onNumberPerPage:i.numberPerPageUpdate,onLoading:i.filtersLoading,onCascaderReady:i.cascaderReady},null,8,["entry","envVars","onFilterResults","onNumberPerPage","onLoading","onCascaderReady"]),n.createVNode(d,{ref:"searchHistory",localStorageKey:"sparc.science-connectivity-search-history",onSearch:i.searchHistorySearch},null,8,["onSearch"]),n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:"content scrollbar",ref:"content",onMouseleave:t[6]||(t[6]=h=>i.hoverChanged(void 0))},[e.results.length===0&&!e.loadingCards?(n.openBlock(),n.createElementBlock("div",O8," No results found - Please change your search / filter criteria. ")):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.paginatedResults,h=>(n.openBlock(),n.createElementBlock("div",{key:h.id,ref_for:!0,ref:"stepItem-"+h.id,class:n.normalizeClass(["step-item",{"is-active":e.expanded===h.id&&h.loaded,"is-loading":e.expanded===h.id&&!h.loaded}]),onMouseenter:y=>i.hoverChanged(h)},[n.createVNode(u,{class:"dataset-card",entry:h,onConnectivityCardClicked:i.onConnectivityExplorerClicked},null,8,["entry","onConnectivityCardClicked"]),e.expanded===h.id?(n.openBlock(),n.createBlock(p,{key:0,connectivityEntry:o.connectivityEntry,entryId:h.id,availableAnatomyFacets:o.availableAnatomyFacets,envVars:o.envVars,withCloseButton:!0,onShowConnectivity:t[2]||(t[2]=y=>e.$emit("show-connectivity",y)),onShowReferenceConnectivities:t[3]||(t[3]=y=>e.$emit("show-reference-connectivities",y)),onConnectivityClicked:i.onConnectivityClicked,onConnectivityHovered:t[4]||(t[4]=y=>e.$emit("connectivity-hovered",y)),onLoaded:y=>i.onConnectivityInfoLoaded(h),onCloseConnectivity:y=>i.closeConnectivity(h)},null,8,["connectivityEntry","entryId","availableAnatomyFacets","envVars","onConnectivityClicked","onLoaded","onCloseConnectivity"])):n.createCommentVNode("",!0)],42,B8))),128)),n.createVNode(g,{class:"pagination","current-page":e.page,"onUpdate:currentPage":t[5]||(t[5]=h=>e.page=h),"hide-on-single-page":"",large:"",layout:"prev, pager, next","page-size":e.numberPerPage,total:e.numberOfHits,onCurrentChange:i.pageChange},null,8,["current-page","page-size","total","onCurrentChange"])],32)),[[f,e.loadingCards||e.initLoading]])]),_:1},8,["body-style"])}const fy=Wt(_8,[["render",N8],["__scopeId","data-v-9f7991f6"]]),A8={name:"AnnotationTool",components:{AnnotationPopup:oo.AnnotationPopup,Button:dt,CreateTooltipContent:oo.CreateTooltipContent,Col:vp,ElIconDelete:se.Delete,Icon:Ce,Row:Cp},props:{annotationEntry:{type:Array},createData:{type:Object,default:{}}},data:function(){return{ElIconDelete:n.shallowRef(se.Delete)}}},I8={class:"annotation-tool scrollbar"},F8={key:1,class:"delete-container"};function P8(e,t,o,r,a,i){const s=n.resolveComponent("CreateTooltipContent"),l=n.resolveComponent("annotation-popup"),c=vp,d=dt,u=Cp;return n.openBlock(),n.createElementBlock("div",I8,[n.withDirectives(n.createVNode(s,{createData:o.createData,onConfirmCreate:t[0]||(t[0]=p=>e.$emit("confirm-create",p)),onCancelCreate:t[1]||(t[1]=p=>e.$emit("cancel-create")),class:"create-tooltip-content"},null,8,["createData"]),[[n.vShow,o.createData&&o.createData.toBeConfirmed]]),o.annotationEntry&&(!o.createData||!o.createData.toBeConfirmed)?(n.openBlock(),n.createBlock(l,{key:0,class:"annotation-popup",annotationEntry:o.annotationEntry,onAnnotation:t[2]||(t[2]=p=>e.$emit("annotation",p))},null,8,["annotationEntry"])):n.createCommentVNode("",!0),o.createData&&o.createData.toBeDeleted?(n.openBlock(),n.createElementBlock("div",F8,[n.createVNode(u,null,{default:n.withCtx(()=>[n.createVNode(c,{offset:1,span:6},{default:n.withCtx(()=>t[5]||(t[5]=[n.createTextVNode("Delete this feature?")])),_:1}),n.createVNode(c,{offset:1,span:3},{default:n.withCtx(()=>[n.createVNode(d,{class:"delete-button",icon:e.ElIconDelete,onClick:t[3]||(t[3]=p=>e.$emit("confirm-delete"))},{default:n.withCtx(()=>t[6]||(t[6]=[n.createTextVNode(" Delete ")])),_:1},8,["icon"])]),_:1}),n.createVNode(c,{offset:1,span:2},{default:n.withCtx(()=>[n.createVNode(d,{class:"delete-button",onClick:t[4]||(t[4]=p=>e.$emit("cancel-create"))},{default:n.withCtx(()=>t[7]||(t[7]=[n.createTextVNode(" Dismiss ")])),_:1})]),_:1})]),_:1})])):n.createCommentVNode("",!0)])}const py=Wt(A8,[["render",P8],["__scopeId","data-v-ba0c41d1"]]),R8={name:"Tabs",components:{ElIconClose:se.Close},props:{tabEntries:{type:Array,default:()=>[]},activeId:{type:Number,default:1},contextArray:{type:Array,default:()=>[]}},computed:{tabs:function(){const e=this.tabEntries.filter(r=>!r.closable),t=this.tabEntries.filter(r=>r.closable);let o=e.concat(t);if(this.contextArray.length)for(let r in o)o[r].contextCard=this.contextArray[r];return o}},methods:{tabClicked:function(e){this.$emit("tabClicked",{id:e.id,type:e.type})},tabClosed:function(e){this.$emit("tabClosed",{id:e.id,type:e.type})}}},$8={class:"tabs-container"},L8=["onClick"],V8={class:"tab-title"};function D8(e,t,o,r,a,i){const s=se.Close,l=Ce;return n.openBlock(),n.createElementBlock("div",$8,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.tabs,c=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["tab",{"active-tab":c.id==o.activeId}]),key:c.id,onClick:d=>i.tabClicked(c)},[n.createElementVNode("span",V8,n.toDisplayString(c.title),1),c.closable?(n.openBlock(),n.createBlock(l,{key:0,onClick:n.withModifiers(d=>i.tabClosed(c),["stop"]),class:"tab-close-icon"},{default:n.withCtx(()=>[n.createVNode(s)]),_:2},1032,["onClick"])):n.createCommentVNode("",!0)],10,L8))),128))])}const hy=Wt(R8,[["render",D8],["__scopeId","data-v-9dda8d57"]]),M8={components:{SidebarContent:cy,Tabs:hy,ElIconArrowLeft:se.ArrowLeft,ElIconArrowRight:se.ArrowRight,Drawer:ml,Icon:Ce,AnnotationTool:py,ConnectivityExplorer:fy},name:"SideBar",props:{tabs:{type:Array,default:[{title:"Dataset Explorer",id:1,type:"datasetExplorer",closable:!1},{title:"Connectivity Explorer",id:2,type:"connectivityExplorer",closable:!1},{title:"Annotation",id:3,type:"annotation",closable:!0}]},visible:{type:Boolean,default:!1},envVars:{type:Object,default:()=>{}},openAtStart:{type:Boolean,default:!1},connectivityEntry:{type:Array,default:[]},annotationEntry:{type:Array,default:[]},createData:{type:Object,default:{toBeConfirmed:!1,points:[],shape:"",x:0,y:0}},connectivityKnowledge:{type:Array,default:[]}},data:function(){return{drawerOpen:!1,availableAnatomyFacets:[],activeTabId:1}},methods:{onConnectivityExplorerClicked:function(e){this.$emit("connectivity-explorer-clicked",e)},hoverChanged:function(e){this.$emit("hover-changed",e)},showConnectivity:function(e){this.$emit("show-connectivity",e)},onShowReferenceConnectivities:function(e){this.$emit("show-reference-connectivities",e)},onConnectivityHovered:function(e){this.$emit("connectivity-hovered",e)},searchChanged:function(e,t){this.$emit("search-changed",{...t,id:e})},close:function(){this.drawerOpen=!1},toggleDrawer:function(){this.drawerOpen=!this.drawerOpen},openConnectivitySearch:function(e,t){this.drawerOpen=!0,this.$nextTick(()=>{this.getTabRef(void 0,"connectivityExplorer",!0).openSearch(e,t)})},openSearch:function(e,t){this.drawerOpen=!0,this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).openSearch(e,t)})},getTabRef:function(e,t,o=!1){const r=this.tabEntries.filter(s=>(e===void 0||s.id===e)&&(t===void 0||s.type===t)),a=r.length?r:this.tabEntries,i=a[0].type+"Tab_"+a[0].id;return o&&this.setActiveTab({id:a[0].id,type:a[0].type}),this.$refs[i][0]},addFilter:function(e){this.drawerOpen=!0,e.AND=!0,this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).addFilter(e)})},openNeuronSearch:function(e){this.drawerOpen=!0,this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).openSearch("",void 0,"scicrunch-query-string/",{field:"*organ.curie",curie:e})})},getAlgoliaFacets:async function(){return await this.getTabRef(void 0,"datasetExplorer").getAlgoliaFacets()},setDrawerOpen:function(e=!0){this.drawerOpen=e},setActiveTab:function(e){const t=this.tabs.filter(r=>r.id===e.id&&r.type===e.type),o=t.length?t:this.tabEntries;this.activeTabId=o[0].id},tabClicked:function(e){this.setActiveTab(e),this.$emit("tabClicked",e)},tabClosed:function(e){this.$emit("tabClosed",e)},updateConnectivityError:function(e){Je.emit("connectivity-error",e)},storeAvailableAnatomyFacets:function(e){localStorage.setItem("available-anatomy-facets",JSON.stringify(e))}},computed:{tabEntries:function(){return this.tabs.filter(e=>e.type==="datasetExplorer"||e.type==="connectivityExplorer"||e.type==="annotation"&&this.annotationEntry&&this.annotationEntry.length>0)}},created:function(){this.drawerOpen=this.openAtStart},mounted:function(){Je.on("PopoverActionClick",e=>{this.$emit("actionClick",e)}),Je.on("number-of-datasets-for-anatomies",e=>{this.$emit("number-of-datasets-for-anatomies",e)}),Je.on("anatomy-in-datasets",e=>{this.$emit("anatomy-in-datasets",e)}),Je.on("contextUpdate",e=>{this.$emit("contextUpdate",e)}),Je.on("datalink-clicked",e=>{this.$emit("datalink-clicked",e)}),Je.on("onConnectivityActionClick",e=>{this.tabClicked({id:1,type:"datasetExplorer"}),this.$emit("actionClick",e)}),Je.on("connectivity-source-change",e=>{this.$emit("connectivity-source-change",e)}),Je.on("available-facets",e=>{this.availableAnatomyFacets=e.find(t=>t.label==="Anatomical Structure").children,this.storeAvailableAnatomyFacets(this.availableAnatomyFacets)})}},j8={ref:"container"},z8={class:"box-card"},U8={class:"sidebar-container"};function H8(e,t,o,r,a,i){const s=se.ArrowLeft,l=Ce,c=se.ArrowRight,d=hy,u=py,p=fy,g=cy,m=ml;return n.openBlock(),n.createElementBlock("div",j8,[e.drawerOpen?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[0]||(t[0]=(...f)=>i.toggleDrawer&&i.toggleDrawer(...f)),class:"open-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(s)]),_:1})])),n.createVNode(m,{class:"side-bar my-drawer",modelValue:e.drawerOpen,"onUpdate:modelValue":t[8]||(t[8]=f=>e.drawerOpen=f),teleported:!1,"modal-append-to-body":!1,size:"584","with-header":!1,wrapperClosable:!1,modal:!1,"modal-class":"sidebar-body","z-index":10,"lock-scroll":!1},{default:n.withCtx(()=>[n.createElementVNode("div",z8,[e.drawerOpen?(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[1]||(t[1]=(...f)=>i.close&&i.close(...f)),class:"close-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(c)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",U8,[i.tabEntries.length>1?(n.openBlock(),n.createBlock(d,{key:0,tabEntries:i.tabEntries,activeId:e.activeTabId,onTabClicked:i.tabClicked,onTabClosed:i.tabClosed},null,8,["tabEntries","activeId","onTabClicked","onTabClosed"])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabs,f=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:"tab.id"},[f.type==="annotation"?n.withDirectives((n.openBlock(),n.createBlock(u,{key:0,ref_for:!0,ref:"annotationTab_"+f.id,annotationEntry:o.annotationEntry,createData:o.createData,onAnnotation:t[2]||(t[2]=h=>e.$emit("annotation-submitted",h)),onConfirmCreate:t[3]||(t[3]=h=>e.$emit("confirm-create",h)),onCancelCreate:t[4]||(t[4]=h=>e.$emit("cancel-create")),onConfirmDelete:t[5]||(t[5]=h=>e.$emit("confirm-delete",h))},null,8,["annotationEntry","createData"])),[[n.vShow,f.id===e.activeTabId]]):f.type==="connectivityExplorer"?n.withDirectives((n.openBlock(),n.createBlock(p,{key:1,ref_for:!0,ref:"connectivityExplorerTab_"+f.id,connectivityKnowledge:o.connectivityKnowledge,envVars:o.envVars,connectivityEntry:o.connectivityEntry,availableAnatomyFacets:e.availableAnatomyFacets,onSearchChanged:h=>i.searchChanged(f.id,h),onHoverChanged:t[6]||(t[6]=h=>i.hoverChanged(h)),onShowConnectivity:i.showConnectivity,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onConnectivityHovered:i.onConnectivityHovered,onConnectivityExplorerClicked:i.onConnectivityExplorerClicked},null,8,["connectivityKnowledge","envVars","connectivityEntry","availableAnatomyFacets","onSearchChanged","onShowConnectivity","onShowReferenceConnectivities","onConnectivityHovered","onConnectivityExplorerClicked"])),[[n.vShow,f.id===e.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(g,{key:2,class:"sidebar-content-container",contextCardEntry:f.contextCard,envVars:o.envVars,ref_for:!0,ref:"datasetExplorerTab_"+f.id,onSearchChanged:h=>i.searchChanged(f.id,h),onHoverChanged:t[7]||(t[7]=h=>i.hoverChanged(h))},null,8,["contextCardEntry","envVars","onSearchChanged"])),[[n.vShow,f.id===e.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const q8=Wt(M8,[["render",H8],["__scopeId","data-v-2b6bf3bb"]]);Ve.SideBar=q8,Object.defineProperty(Ve,Symbol.toStringTag,{value:"Module"})});
470
+ <br>`)},getConnectivityDatasets:function(e){const t=[...this.componentsWithDatasets,...this.destinationsWithDatasets,...this.originsWithDatasets],o=e.split(",");let r=[];return o.forEach(a=>{const i=t.find(s=>s.name.toLowerCase().trim()===a.toLowerCase().trim());i&&r.push({id:i.id,label:i.name})}),r},onConnectivityHovered:function(e){const t={connectivityInfo:this.entry,data:e?this.getConnectivityDatasets(e):[]};this.$emit("connectivity-hovered",t)},onConnectivityClicked:function(e){const t={query:e,filter:[]};this.$emit("connectivity-clicked",t)},getConnectivityError:function(e){const{errorData:t,errorMessage:o}=e;return{errorConnectivities:t.map(a=>ua(a.label)).join(", ").replace(/, ([^,]*)$/," and $1"),errorMessage:o}},onConnectivitySourceChange:function(e){const{featureId:t}=this.entry;this.connectivityLoading=!0,this.activeView!=="graphView"&&(this.graphViewLoaded=!1),this.updateGraphConnectivity(),Je.emit("connectivity-source-change",{featureId:t,connectivitySource:e})},updateGraphConnectivity:function(){this.connectivitySource==="map"?this.getConnectionsFromMap().then(e=>{var t;this.connectivityFromMap=null,(t=e==null?void 0:e.connectivity)!=null&&t.length&&(this.connectivityFromMap=e),this.connectivityLoading=!1}):(this.connectivityFromMap=null,this.connectivityLoading=!1)},getConnectionsFromMap:async function(){if(this.entry.mapuuid){const e=this.flatmapApi+`flatmap/${this.entry.mapuuid}/connectivity/${this.entry.featureId[0]}`;try{const t=await fetch(e);if(!t.ok)throw new Error(`Response status: ${t.status}`);return await t.json()}catch(t){throw new Error(t)}}},onConnectivityActionClick:function(e){Je.emit("onConnectivityActionClick",e)},closeConnectivity:function(){this.$emit("close-connectivity")}},mounted:function(){this.updatedCopyContent=this.getUpdateCopyContent(),Je.on("connectivity-error",e=>{const t=this.getConnectivityError(e);this.connectivityError={...t}})}},e8={key:0,class:"main"},t8={key:0,class:"toggle-button"},n8={class:"connectivity-info-title"},o8={class:"title-content"},r8={key:0,class:"block"},a8={class:"title"},i8={style:{"word-break":"keep-all"}},s8={class:"subtitle"},l8={key:0,class:"subtitle"},c8={key:1,class:"block"},d8={class:"title"},u8={class:"title-buttons"},f8={class:"content-container population-display"},p8={class:"block attribute-title-container"},h8={class:"block buttons-row"},m8={class:"content-container content-container-connectivity"},g8={class:"content-container content-container-connectivity"},y8={key:1,class:"content-container content-container-references"};function b8(e,t,o,r,a,i){const s=dt,l=oi,c=se.WarnTriangleFilled,d=Ce,u=se.Location,p=n.resolveComponent("CopyToClipboard"),g=se.Close,m=se.Warning,f=hp,h=rx,y=n.resolveComponent("connectivity-list"),b=n.resolveComponent("connectivity-graph"),k=n.resolveComponent("ExternalResourceCard"),O=Wo;return i.entry?(n.openBlock(),n.createElementBlock("div",e8,[o.connectivityEntry.length>1&&!o.entryId?(n.openBlock(),n.createElementBlock("div",t8,[n.createVNode(l,{width:"auto",trigger:"hover",teleported:!1},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button",onClick:i.previous,disabled:this.entryIndex===0},{default:n.withCtx(()=>t[3]||(t[3]=[n.createTextVNode(" Previous ")])),_:1},8,["onClick","disabled"])]),default:n.withCtx(()=>[n.createElementVNode("span",null,n.toDisplayString(i.previousLabel),1)]),_:1}),n.createVNode(l,{width:"auto",trigger:"hover",teleported:!1},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button",onClick:i.next,disabled:this.entryIndex===this.connectivityEntry.length-1},{default:n.withCtx(()=>t[4]||(t[4]=[n.createTextVNode(" Next ")])),_:1},8,["onClick","disabled"])]),default:n.withCtx(()=>[n.createElementVNode("span",null,n.toDisplayString(i.nextLabel),1)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",n8,[n.createElementVNode("div",o8,[i.entry.title?(n.openBlock(),n.createElementBlock("div",r8,[n.createElementVNode("div",a8,[n.createElementVNode("span",null,n.toDisplayString(i.capitalise(i.entry.title)),1),i.entry.featuresAlert?(n.openBlock(),n.createBlock(l,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(d,{class:"alert"},{default:n.withCtx(()=>[n.createVNode(c)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",i8,n.toDisplayString(i.entry.featuresAlert),1)]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",s8,[t[5]||(t[5]=n.createElementVNode("strong",null,"id: ",-1)),n.createTextVNode(n.toDisplayString(i.entry.featureId[0]),1)]),i.hasProvenanceTaxonomyLabel?(n.openBlock(),n.createElementBlock("div",l8,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",c8,[n.createElementVNode("div",d8,n.toDisplayString(i.entry.featureId),1)]))]),n.createElementVNode("div",u8,[n.createVNode(l,{width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button-circle secondary",circle:"",onClick:i.showConnectivity},{default:n.withCtx(()=>[n.createVNode(d,{color:"#8300bf"},{default:n.withCtx(()=>[n.createVNode(u)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[6]||(t[6]=n.createElementVNode("span",null," Show connectivity on map ",-1))]),_:1}),n.createVNode(p,{content:e.updatedCopyContent},null,8,["content"]),o.withCloseButton?(n.openBlock(),n.createBlock(l,{key:0,width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(s,{class:"button-circle",circle:"",onClick:i.closeConnectivity},{default:n.withCtx(()=>[n.createVNode(d,{color:"white"},{default:n.withCtx(()=>[n.createVNode(g)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[7]||(t[7]=n.createElementVNode("span",null,"Close",-1))]),_:1})):n.createCommentVNode("",!0)])]),n.createElementVNode("div",f8,[n.createElementVNode("div",p8,[t[9]||(t[9]=n.createElementVNode("span",{class:"attribute-title"},"Population Display",-1)),e.activeView==="listView"?(n.openBlock(),n.createBlock(l,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(d,{class:"info"},{default:n.withCtx(()=>[n.createVNode(m)]),_:1})]),default:n.withCtx(()=>[t[8]||(t[8]=n.createElementVNode("span",{style:{"word-break":"keep-all"}}," This list is ordered alphabetically, switch to graph view for path details. ",-1))]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",h8,[t[14]||(t[14]=n.createElementVNode("span",null,"Connectivity from:",-1)),n.createVNode(h,{modelValue:e.connectivitySource,"onUpdate:modelValue":t[0]||(t[0]=S=>e.connectivitySource=S),onChange:i.onConnectivitySourceChange},{default:n.withCtx(()=>[n.createVNode(f,{value:"map"},{default:n.withCtx(()=>t[10]||(t[10]=[n.createTextVNode("Map")])),_:1}),n.createVNode(f,{value:"sckan"},{default:n.withCtx(()=>t[11]||(t[11]=[n.createTextVNode("SCKAN")])),_:1})]),_:1},8,["modelValue","onChange"]),n.createVNode(s,{class:n.normalizeClass(e.activeView==="listView"?"button":"el-button-secondary"),onClick:t[1]||(t[1]=S=>i.switchConnectivityView("listView"))},{default:n.withCtx(()=>t[12]||(t[12]=[n.createTextVNode(" List view ")])),_:1},8,["class"]),n.createVNode(s,{class:n.normalizeClass(e.activeView==="graphView"?"button":"el-button-secondary"),onClick:t[2]||(t[2]=S=>i.switchConnectivityView("graphView"))},{default:n.withCtx(()=>t[13]||(t[13]=[n.createTextVNode(" Graph view ")])),_:1},8,["class"])])]),n.withDirectives(n.createElementVNode("div",m8,[n.withDirectives((n.openBlock(),n.createBlock(y,{key:`${i.connectivityKey}list`,entry:i.entry,origins:i.origins,components:i.components,destinations:i.destinations,originsWithDatasets:i.originsWithDatasets,componentsWithDatasets:i.componentsWithDatasets,destinationsWithDatasets:i.destinationsWithDatasets,availableAnatomyFacets:o.availableAnatomyFacets,connectivityError:e.connectivityError,onConnectivityHovered:i.onConnectivityHovered,onConnectivityClicked:i.onConnectivityClicked,onConnectivityActionClick:i.onConnectivityActionClick},null,8,["entry","origins","components","destinations","originsWithDatasets","componentsWithDatasets","destinationsWithDatasets","availableAnatomyFacets","connectivityError","onConnectivityHovered","onConnectivityClicked","onConnectivityActionClick"])),[[O,e.connectivityLoading]])],512),[[n.vShow,e.activeView==="listView"]]),n.withDirectives(n.createElementVNode("div",g8,[e.graphViewLoaded?n.withDirectives((n.openBlock(),n.createBlock(b,{key:`${i.connectivityKey}graph`,entry:i.entry.featureId[0],mapServer:i.flatmapApi,sckanVersion:i.sckanVersion,connectivityFromMap:e.connectivityFromMap,connectivityError:e.connectivityError,onTapNode:i.onTapNode},null,8,["entry","mapServer","sckanVersion","connectivityFromMap","connectivityError","onTapNode"])),[[O,e.connectivityLoading]]):n.createCommentVNode("",!0)],512),[[n.vShow,e.activeView==="graphView"]]),i.resources.length?(n.openBlock(),n.createElementBlock("div",y8,[n.createVNode(k,{resources:i.resources,onReferencesLoaded:i.onReferencesLoaded,onShowReferenceConnectivities:i.onShowReferenceConnectivities},null,8,["resources","onReferencesLoaded","onShowReferenceConnectivities"])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)}const dy=Wt(Q$,[["render",b8],["__scopeId","data-v-86e09bda"]]),w8={name:"ConnectivityCard",data(){return{displayFields:["id"]}},props:{entry:{type:Object,default:()=>{}}},computed:{loading:function(){return"detailsReady"in this.entry?!this.entry.detailsReady:!1}},methods:{capitalise:function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},cardClicked:function(e){this.loading||this.$emit("connectivity-card-clicked",e)}}},C8={class:"connectivity-card-container",ref:"container"},v8={class:"connectivity-card",ref:"card"},k8={class:"title"},S8={key:0,class:"details"};function E8(e,t,o,r,a,i){const s=Wo;return n.openBlock(),n.createElementBlock("div",C8,[n.createElementVNode("div",v8,[t[1]||(t[1]=n.createElementVNode("div",{class:"seperator-path"},null,-1)),n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:"card",onClick:t[0]||(t[0]=l=>i.cardClicked(o.entry))},[n.createElementVNode("div",k8,n.toDisplayString(i.capitalise(o.entry.label)),1),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.displayFields,l=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:l},[o.entry[l]?(n.openBlock(),n.createElementBlock("div",S8,[n.createElementVNode("strong",null,n.toDisplayString(l)+":",1),n.createTextVNode(" "+n.toDisplayString(o.entry[l]),1)])):n.createCommentVNode("",!0)],64))),128))])),[[s,i.loading]])],512)],512)}const uy=Wt(w8,[["render",E8],["__scopeId","data-v-5aa5d184"]]);var x8={filters:[],searchInput:"",lastSearch:"",results:[],numberOfHits:0,filter:[],loadingCards:!1,numberPerPage:10,page:1,start:0};const _8={components:{SearchFilters:rs,SearchHistory:ns,ConnectivityCard:uy,ConnectivityInfo:dy,Button:dt,Card:Ya,Icon:Ce,Input:jo,Pagination:ni},name:"ConnectivityExplorer",props:{connectivityKnowledge:{type:Array,default:[]},entry:{type:Object,default:()=>x8},envVars:{type:Object,default:()=>{}},connectivityEntry:{type:Array,default:[]},availableAnatomyFacets:{type:Object,default:[]}},data:function(){return{...this.entry,bodyStyle:{flex:"1 1 auto","flex-flow":"column",display:"flex"},filterOptions:[{id:3,key:"flatmap.connectivity.source",label:"Connectivity",children:[{facetPropPath:"flatmap.connectivity.source",id:0,label:"Origins"},{facetPropPath:"flatmap.connectivity.source",id:1,label:"Components"},{facetPropPath:"flatmap.connectivity.source",id:2,label:"Destinations"}]}],cascaderIsReady:!1,displayConnectivity:!1,initLoading:!0,expanded:""}},computed:{filterEntry:function(){return{numberOfHits:this.numberOfHits,filterFacets:this.filter,options:this.filterOptions,showFilters:!1}},paginatedResults:function(){return this.results.slice(this.start,this.start+this.numberPerPage)}},watch:{connectivityKnowledge:function(e,t){this.expanded="",this.initLoading=!1,this.loadingCards=!1,JSON.stringify(e)!==JSON.stringify(t)&&(this.results=e.map(o=>({...o,loaded:!1})),this.numberOfHits=this.results.length,this.numberOfHits===1&&this.onConnectivityExplorerClicked(this.results[0]))},paginatedResults:function(){this.loadingCards=!1}},methods:{onConnectivityClicked:function(e){this.searchInput=e.query,this.filters=e.filter,this.searchAndFilterUpdate()},openConnectivity:function(e){this.expanded=e.id},closeConnectivity:function(e){this.expanded=""},onConnectivityExplorerClicked:function(e){this.expanded!==e.id&&(e.loaded=!1,this.openConnectivity(e),this.connectivityEntry.filter(o=>o.featureId[0]===e.id).length===0&&this.$emit("connectivity-explorer-clicked",e))},hoverChanged:function(e){const t=e&&{...e,type:"connectivity"};this.$emit("hover-changed",t)},resetSearch:function(){this.numberOfHits=0,this.results=[],this.loadingCards=!1},resetSearchIfNoActiveSearch:function(){this.searchInput||this.openSearch([],"")},openSearch:function(e,t="",o={withSearch:!0}){this.searchInput=t,this.resetPageNavigation(),this.cascaderIsReady?(this.filter=this.$refs.filtersRef.getHierarchicalValidatedFilters(e),e&&e.length>0&&this.filter&&this.filter.length===0?(this.$refs.filtersRef.checkShowAllBoxes(),this.resetSearch()):this.filter&&(o.withSearch&&this.searchKnowledge(this.filter,t),this.$refs.filtersRef.setCascader(this.filter))):(this.filter=e,(!e||e.length==0)&&o.withSearch&&this.searchKnowledge(this.filter,t))},addFilter:function(e){this.cascaderIsReady?(this.resetPageNavigation(),e&&this.$refs.filtersRef.addFilter(e)&&this.$refs.filtersRef.initiateSearch()):Array.isArray(this.filter)?this.filter.push(e):this.filter=[e]},cascaderReady:function(){this.cascaderIsReady=!0,this.openSearch(this.filter,this.searchInput)},clearSearchClicked:function(){this.searchInput="",this.searchAndFilterUpdate(),this.$refs.filtersRef.checkShowAllBoxes()},searchEvent:function(e=!1){(e.keyCode===13||e instanceof MouseEvent)&&(this.searchInput=this.searchInput.trim(),this.searchAndFilterUpdate(),this.searchInput||this.$refs.filtersRef.checkShowAllBoxes())},filterUpdate:function(e){this.filters=[...e],this.searchAndFilterUpdate(),this.$emit("search-changed",{value:e,type:"filter-update"})},transformFiltersBeforeSearch:function(e){return e.map(t=>(t.facet2&&(t.facet=t.facet2,delete t.facet2),t))},searchAndFilterUpdate:function(){this.resetPageNavigation();const e=this.transformFiltersBeforeSearch(this.filters);this.searchKnowledge(e,this.searchInput)},searchHistoryUpdate:function(e,t){this.$refs.searchHistory.selectValue="Search history",t!=null&&t.trim()&&this.$refs.searchHistory.addSearchToHistory(e,t)},searchKnowledge:function(e,t=""){this.expanded="",this.searchHistoryUpdate(e,t),this.loadingCards=!0,this.scrollToTop(),this.$emit("search-changed",{value:this.searchInput,type:"query-update"}),this.lastSearch=t},filtersLoading:function(e){this.loadingCards=e},numberPerPageUpdate:function(e){this.numberPerPage=e,this.pageChange(1)},pageChange:function(e){this.start=(e-1)*this.numberPerPage,this.page=e,this.searchKnowledge(this.filters,this.searchInput)},scrollToTop:function(){this.$refs.content&&this.$refs.content.scroll({top:0,behavior:"smooth"})},resetPageNavigation:function(){this.start=0,this.page=1},searchHistorySearch:function(e){this.searchInput=e.search,this.filters=e.filters,this.searchAndFilterUpdate()},onConnectivityInfoLoaded:function(e){e.loaded=!0;const t=this.$refs["stepItem-"+e.id],o=this.$refs.content;this.$nextTick(()=>{o&&t&&t[0]&&(o.scrollTop=t[0].offsetTop)})}},mounted:function(){localStorage.removeItem("connectivity-active-view"),this.openSearch(this.filter,this.searchInput)}},T8={class:"header"},O8={key:0,class:"error-feedback"},B8=["onMouseenter"];function N8(e,t,o,r,a,i){const s=jo,l=dt,c=rs,d=ns,u=uy,p=dy,g=ni,m=Ya,f=Wo;return n.openBlock(),n.createBlock(m,{"body-style":e.bodyStyle,class:"content-card"},{header:n.withCtx(()=>[n.createElementVNode("div",T8,[n.createVNode(s,{class:"search-input",placeholder:"Search",modelValue:e.searchInput,"onUpdate:modelValue":t[0]||(t[0]=h=>e.searchInput=h),onKeyup:i.searchEvent,clearable:"",onClear:i.clearSearchClicked},null,8,["modelValue","onKeyup","onClear"]),n.createVNode(l,{type:"primary",class:"button",onClick:i.searchEvent,size:"large"},{default:n.withCtx(()=>t[7]||(t[7]=[n.createTextVNode(" Search ")])),_:1},8,["onClick"]),n.createVNode(l,{link:"",class:"el-button-link",onClick:t[1]||(t[1]=h=>i.openSearch([],"")),size:"large"},{default:n.withCtx(()=>t[8]||(t[8]=[n.createTextVNode(" Reset ")])),_:1})])]),default:n.withCtx(()=>[n.createVNode(c,{class:"filters",ref:"filtersRef",entry:i.filterEntry,envVars:o.envVars,onFilterResults:i.filterUpdate,onNumberPerPage:i.numberPerPageUpdate,onLoading:i.filtersLoading,onCascaderReady:i.cascaderReady},null,8,["entry","envVars","onFilterResults","onNumberPerPage","onLoading","onCascaderReady"]),n.createVNode(d,{ref:"searchHistory",localStorageKey:"sparc.science-connectivity-search-history",onSearch:i.searchHistorySearch},null,8,["onSearch"]),n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:"content scrollbar",ref:"content",onMouseleave:t[6]||(t[6]=h=>i.hoverChanged(void 0))},[e.results.length===0&&!e.loadingCards?(n.openBlock(),n.createElementBlock("div",O8," No results found - Please change your search / filter criteria. ")):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.paginatedResults,h=>(n.openBlock(),n.createElementBlock("div",{key:h.id,ref_for:!0,ref:"stepItem-"+h.id,class:n.normalizeClass(["step-item",{"is-active":e.expanded===h.id&&h.loaded,"is-loading":e.expanded===h.id&&!h.loaded}]),onMouseenter:y=>i.hoverChanged(h)},[n.createVNode(u,{class:"dataset-card",entry:h,onConnectivityCardClicked:i.onConnectivityExplorerClicked},null,8,["entry","onConnectivityCardClicked"]),e.expanded===h.id?(n.openBlock(),n.createBlock(p,{key:0,connectivityEntry:o.connectivityEntry,entryId:h.id,availableAnatomyFacets:o.availableAnatomyFacets,envVars:o.envVars,withCloseButton:!0,onShowConnectivity:t[2]||(t[2]=y=>e.$emit("show-connectivity",y)),onShowReferenceConnectivities:t[3]||(t[3]=y=>e.$emit("show-reference-connectivities",y)),onConnectivityClicked:i.onConnectivityClicked,onConnectivityHovered:t[4]||(t[4]=y=>e.$emit("connectivity-hovered",y)),onLoaded:y=>i.onConnectivityInfoLoaded(h),onCloseConnectivity:y=>i.closeConnectivity(h)},null,8,["connectivityEntry","entryId","availableAnatomyFacets","envVars","onConnectivityClicked","onLoaded","onCloseConnectivity"])):n.createCommentVNode("",!0)],42,B8))),128)),n.createVNode(g,{class:"pagination","current-page":e.page,"onUpdate:currentPage":t[5]||(t[5]=h=>e.page=h),"hide-on-single-page":"",large:"",layout:"prev, pager, next","page-size":e.numberPerPage,total:e.numberOfHits,onCurrentChange:i.pageChange},null,8,["current-page","page-size","total","onCurrentChange"])],32)),[[f,e.loadingCards||e.initLoading]])]),_:1},8,["body-style"])}const fy=Wt(_8,[["render",N8],["__scopeId","data-v-fd04a96e"]]),A8={name:"AnnotationTool",components:{AnnotationPopup:oo.AnnotationPopup,Button:dt,CreateTooltipContent:oo.CreateTooltipContent,Col:vp,ElIconDelete:se.Delete,Icon:Ce,Row:Cp},props:{annotationEntry:{type:Array},createData:{type:Object,default:{}}},data:function(){return{ElIconDelete:n.shallowRef(se.Delete)}}},I8={class:"annotation-tool scrollbar"},F8={key:1,class:"delete-container"};function P8(e,t,o,r,a,i){const s=n.resolveComponent("CreateTooltipContent"),l=n.resolveComponent("annotation-popup"),c=vp,d=dt,u=Cp;return n.openBlock(),n.createElementBlock("div",I8,[n.withDirectives(n.createVNode(s,{createData:o.createData,onConfirmCreate:t[0]||(t[0]=p=>e.$emit("confirm-create",p)),onCancelCreate:t[1]||(t[1]=p=>e.$emit("cancel-create")),class:"create-tooltip-content"},null,8,["createData"]),[[n.vShow,o.createData&&o.createData.toBeConfirmed]]),o.annotationEntry&&(!o.createData||!o.createData.toBeConfirmed)?(n.openBlock(),n.createBlock(l,{key:0,class:"annotation-popup",annotationEntry:o.annotationEntry,onAnnotation:t[2]||(t[2]=p=>e.$emit("annotation",p))},null,8,["annotationEntry"])):n.createCommentVNode("",!0),o.createData&&o.createData.toBeDeleted?(n.openBlock(),n.createElementBlock("div",F8,[n.createVNode(u,null,{default:n.withCtx(()=>[n.createVNode(c,{offset:1,span:6},{default:n.withCtx(()=>t[5]||(t[5]=[n.createTextVNode("Delete this feature?")])),_:1}),n.createVNode(c,{offset:1,span:3},{default:n.withCtx(()=>[n.createVNode(d,{class:"delete-button",icon:e.ElIconDelete,onClick:t[3]||(t[3]=p=>e.$emit("confirm-delete"))},{default:n.withCtx(()=>t[6]||(t[6]=[n.createTextVNode(" Delete ")])),_:1},8,["icon"])]),_:1}),n.createVNode(c,{offset:1,span:2},{default:n.withCtx(()=>[n.createVNode(d,{class:"delete-button",onClick:t[4]||(t[4]=p=>e.$emit("cancel-create"))},{default:n.withCtx(()=>t[7]||(t[7]=[n.createTextVNode(" Dismiss ")])),_:1})]),_:1})]),_:1})])):n.createCommentVNode("",!0)])}const py=Wt(A8,[["render",P8],["__scopeId","data-v-ba0c41d1"]]),R8={name:"Tabs",components:{ElIconClose:se.Close},props:{tabEntries:{type:Array,default:()=>[]},activeId:{type:Number,default:1},contextArray:{type:Array,default:()=>[]}},computed:{tabs:function(){const e=this.tabEntries.filter(r=>!r.closable),t=this.tabEntries.filter(r=>r.closable);let o=e.concat(t);if(this.contextArray.length)for(let r in o)o[r].contextCard=this.contextArray[r];return o}},methods:{tabClicked:function(e){this.$emit("tabClicked",{id:e.id,type:e.type})},tabClosed:function(e){this.$emit("tabClosed",{id:e.id,type:e.type})}}},$8={class:"tabs-container"},L8=["onClick"],V8={class:"tab-title"};function D8(e,t,o,r,a,i){const s=se.Close,l=Ce;return n.openBlock(),n.createElementBlock("div",$8,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.tabs,c=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["tab",{"active-tab":c.id==o.activeId}]),key:c.id,onClick:d=>i.tabClicked(c)},[n.createElementVNode("span",V8,n.toDisplayString(c.title),1),c.closable?(n.openBlock(),n.createBlock(l,{key:0,onClick:n.withModifiers(d=>i.tabClosed(c),["stop"]),class:"tab-close-icon"},{default:n.withCtx(()=>[n.createVNode(s)]),_:2},1032,["onClick"])):n.createCommentVNode("",!0)],10,L8))),128))])}const hy=Wt(R8,[["render",D8],["__scopeId","data-v-9dda8d57"]]),M8={components:{SidebarContent:cy,Tabs:hy,ElIconArrowLeft:se.ArrowLeft,ElIconArrowRight:se.ArrowRight,Drawer:ml,Icon:Ce,AnnotationTool:py,ConnectivityExplorer:fy},name:"SideBar",props:{tabs:{type:Array,default:[{title:"Dataset Explorer",id:1,type:"datasetExplorer",closable:!1},{title:"Connectivity Explorer",id:2,type:"connectivityExplorer",closable:!1},{title:"Annotation",id:3,type:"annotation",closable:!0}]},visible:{type:Boolean,default:!1},envVars:{type:Object,default:()=>{}},openAtStart:{type:Boolean,default:!1},connectivityEntry:{type:Array,default:[]},annotationEntry:{type:Array,default:[]},createData:{type:Object,default:{toBeConfirmed:!1,points:[],shape:"",x:0,y:0}},connectivityKnowledge:{type:Array,default:[]}},data:function(){return{drawerOpen:!1,availableAnatomyFacets:[],activeTabId:1}},methods:{onConnectivityExplorerClicked:function(e){this.$emit("connectivity-explorer-clicked",e)},hoverChanged:function(e){this.$emit("hover-changed",e)},showConnectivity:function(e){this.$emit("show-connectivity",e)},onShowReferenceConnectivities:function(e){this.$emit("show-reference-connectivities",e)},onConnectivityHovered:function(e){this.$emit("connectivity-hovered",e)},searchChanged:function(e,t){this.$emit("search-changed",{...t,id:e})},close:function(){this.drawerOpen=!1},toggleDrawer:function(){this.drawerOpen=!this.drawerOpen},openConnectivitySearch:function(e,t){this.drawerOpen=!0,this.$nextTick(()=>{this.getTabRef(void 0,"connectivityExplorer",!0).openSearch(e,t)})},resetConnectivitySearch:function(){this.$nextTick(()=>{this.getTabRef(void 0,"connectivityExplorer",!1).resetSearchIfNoActiveSearch()})},openSearch:function(e,t){this.drawerOpen=!0,this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).openSearch(e,t)})},getTabRef:function(e,t,o=!1){const r=this.tabEntries.filter(s=>(e===void 0||s.id===e)&&(t===void 0||s.type===t)),a=r.length?r:this.tabEntries,i=a[0].type+"Tab_"+a[0].id;return o&&this.setActiveTab({id:a[0].id,type:a[0].type}),this.$refs[i][0]},addFilter:function(e){this.drawerOpen=!0,e.AND=!0,this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).addFilter(e)})},openNeuronSearch:function(e){this.drawerOpen=!0,this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).openSearch("",void 0,"scicrunch-query-string/",{field:"*organ.curie",curie:e})})},getAlgoliaFacets:async function(){return await this.getTabRef(void 0,"datasetExplorer").getAlgoliaFacets()},setDrawerOpen:function(e=!0){this.drawerOpen=e},setActiveTab:function(e){const t=this.tabs.filter(r=>r.id===e.id&&r.type===e.type),o=t.length?t:this.tabEntries;this.activeTabId=o[0].id},tabClicked:function(e){this.setActiveTab(e),this.$emit("tabClicked",e)},tabClosed:function(e){this.$emit("tabClosed",e)},updateConnectivityError:function(e){Je.emit("connectivity-error",e)},storeAvailableAnatomyFacets:function(e){localStorage.setItem("available-anatomy-facets",JSON.stringify(e))}},computed:{tabEntries:function(){return this.tabs.filter(e=>e.type==="datasetExplorer"||e.type==="connectivityExplorer"||e.type==="annotation"&&this.annotationEntry&&this.annotationEntry.length>0)}},created:function(){this.drawerOpen=this.openAtStart},mounted:function(){Je.on("PopoverActionClick",e=>{this.$emit("actionClick",e)}),Je.on("number-of-datasets-for-anatomies",e=>{this.$emit("number-of-datasets-for-anatomies",e)}),Je.on("anatomy-in-datasets",e=>{this.$emit("anatomy-in-datasets",e)}),Je.on("contextUpdate",e=>{this.$emit("contextUpdate",e)}),Je.on("datalink-clicked",e=>{this.$emit("datalink-clicked",e)}),Je.on("onConnectivityActionClick",e=>{this.tabClicked({id:1,type:"datasetExplorer"}),this.$emit("actionClick",e)}),Je.on("connectivity-source-change",e=>{this.$emit("connectivity-source-change",e)}),Je.on("available-facets",e=>{this.availableAnatomyFacets=e.find(t=>t.label==="Anatomical Structure").children,this.storeAvailableAnatomyFacets(this.availableAnatomyFacets)})}},j8={ref:"container"},z8={class:"box-card"},U8={class:"sidebar-container"};function H8(e,t,o,r,a,i){const s=se.ArrowLeft,l=Ce,c=se.ArrowRight,d=hy,u=py,p=fy,g=cy,m=ml;return n.openBlock(),n.createElementBlock("div",j8,[e.drawerOpen?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[0]||(t[0]=(...f)=>i.toggleDrawer&&i.toggleDrawer(...f)),class:"open-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(s)]),_:1})])),n.createVNode(m,{class:"side-bar my-drawer",modelValue:e.drawerOpen,"onUpdate:modelValue":t[8]||(t[8]=f=>e.drawerOpen=f),teleported:!1,"modal-append-to-body":!1,size:"584","with-header":!1,wrapperClosable:!1,modal:!1,"modal-class":"sidebar-body","z-index":10,"lock-scroll":!1},{default:n.withCtx(()=>[n.createElementVNode("div",z8,[e.drawerOpen?(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[1]||(t[1]=(...f)=>i.close&&i.close(...f)),class:"close-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(c)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",U8,[i.tabEntries.length>1?(n.openBlock(),n.createBlock(d,{key:0,tabEntries:i.tabEntries,activeId:e.activeTabId,onTabClicked:i.tabClicked,onTabClosed:i.tabClosed},null,8,["tabEntries","activeId","onTabClicked","onTabClosed"])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabs,f=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:"tab.id"},[f.type==="annotation"?n.withDirectives((n.openBlock(),n.createBlock(u,{key:0,ref_for:!0,ref:"annotationTab_"+f.id,annotationEntry:o.annotationEntry,createData:o.createData,onAnnotation:t[2]||(t[2]=h=>e.$emit("annotation-submitted",h)),onConfirmCreate:t[3]||(t[3]=h=>e.$emit("confirm-create",h)),onCancelCreate:t[4]||(t[4]=h=>e.$emit("cancel-create")),onConfirmDelete:t[5]||(t[5]=h=>e.$emit("confirm-delete",h))},null,8,["annotationEntry","createData"])),[[n.vShow,f.id===e.activeTabId]]):f.type==="connectivityExplorer"?n.withDirectives((n.openBlock(),n.createBlock(p,{key:1,ref_for:!0,ref:"connectivityExplorerTab_"+f.id,connectivityKnowledge:o.connectivityKnowledge,envVars:o.envVars,connectivityEntry:o.connectivityEntry,availableAnatomyFacets:e.availableAnatomyFacets,onSearchChanged:h=>i.searchChanged(f.id,h),onHoverChanged:t[6]||(t[6]=h=>i.hoverChanged(h)),onShowConnectivity:i.showConnectivity,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onConnectivityHovered:i.onConnectivityHovered,onConnectivityExplorerClicked:i.onConnectivityExplorerClicked},null,8,["connectivityKnowledge","envVars","connectivityEntry","availableAnatomyFacets","onSearchChanged","onShowConnectivity","onShowReferenceConnectivities","onConnectivityHovered","onConnectivityExplorerClicked"])),[[n.vShow,f.id===e.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(g,{key:2,class:"sidebar-content-container",contextCardEntry:f.contextCard,envVars:o.envVars,ref_for:!0,ref:"datasetExplorerTab_"+f.id,onSearchChanged:h=>i.searchChanged(f.id,h),onHoverChanged:t[7]||(t[7]=h=>i.hoverChanged(h))},null,8,["contextCardEntry","envVars","onSearchChanged"])),[[n.vShow,f.id===e.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const q8=Wt(M8,[["render",H8],["__scopeId","data-v-eb25f336"]]);Ve.SideBar=q8,Object.defineProperty(Ve,Symbol.toStringTag,{value:"Module"})});