@abi-software/map-side-bar 2.9.2-beta.4 → 2.9.2-beta.5

package/dist/map-side-bar.js

@@ -24746,8 +24746,8 @@ function tB(e, t, n, r, o, a) {
                 envVars: n.envVars,
                 connectivityEntry: n.connectivityEntry,
                 availableAnatomyFacets: e.availableAnatomyFacets,
-                connectivityFilterOptions: n.filterOptions,
                 onFilterVisibility: t[6] || (t[6] = (h) => e.$emit("filter-visibility", h)),
+                connectivityFilterOptions: n.filterOptions,
                 showVisibilityFilter: n.showVisibilityFilter,
                 onSearchChanged: (h) => a.searchChanged(f.id, h),
                 onHoverChanged: (h) => a.hoverChanged(f.id, h),
@@ -24779,7 +24779,7 @@ function tB(e, t, n, r, o, a) {
     }, 8, ["modelValue"])
   ], 512);
 }
-const aB = /* @__PURE__ */ Ln(Y9, [["render", tB], ["__scopeId", "data-v-b0f61c72"]]);
+const aB = /* @__PURE__ */ Ln(Y9, [["render", tB], ["__scopeId", "data-v-d70c187c"]]);
 export {
   aB as SideBar
 };

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

@@ -467,4 +467,4 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`),{initialZIndex:r,curr
 `;const p=e.list.map(y=>`<li>${y}</li>`).join(`
 `);u+=`<ul>${p}</ul>`,t.push(u)}return t.join(`
 
-<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=>ya(a.label)).join(", ").replace(/, ([^,]*)$/," and $1"),errorMessage:o}},onConnectivitySourceChange:function(e){this.connectivityLoading=!0,this.activeView!=="graphView"&&(this.graphViewLoaded=!1),this.updateGraphConnectivity(),je.emit("connectivity-source-change",{entry:this.entry,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}})}},R8={key:0,class:"main"},$8={class:"connectivity-info-title"},L8={class:"title-content"},V8={key:0,class:"block"},D8={class:"title"},M8={style:{"word-break":"keep-all"}},z8={class:"subtitle"},j8={key:0,class:"subtitle"},H8={key:1,class:"block"},U8={class:"title"},q8={class:"title-buttons"},K8={class:"content-container population-display"},W8={class:"block attribute-title-container"},G8={class:"block buttons-row"},J8={class:"content-container content-container-connectivity"},Z8={class:"content-container content-container-connectivity"},Y8={key:0,class:"content-container content-container-references"};function X8(e,t,o,r,a,i){const s=ae.WarnTriangleFilled,l=ve,c=Ur,d=ae.Location,u=ft,p=n.resolveComponent("CopyToClipboard"),y=ae.Close,m=ae.Warning,f=Ep,h=kx,g=n.resolveComponent("connectivity-list"),b=n.resolveComponent("connectivity-graph"),v=n.resolveComponent("ExternalResourceCard"),O=Zo;return i.entry?(n.openBlock(),n.createElementBlock("div",R8,[n.createElementVNode("div",$8,[n.createElementVNode("div",L8,[i.entry.title?(n.openBlock(),n.createElementBlock("div",V8,[n.createElementVNode("div",D8,[n.createElementVNode("span",null,n.toDisplayString(i.capitalise(i.entry.title)),1),i.entry.featuresAlert?(n.openBlock(),n.createBlock(c,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(l,{class:"alert"},{default:n.withCtx(()=>[n.createVNode(s)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",M8,n.toDisplayString(i.entry.featuresAlert),1)]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",z8,[t[3]||(t[3]=n.createElementVNode("strong",null,"id: ",-1)),n.createTextVNode(n.toDisplayString(i.entry.featureId[0]),1)]),i.hasProvenanceTaxonomyLabel?(n.openBlock(),n.createElementBlock("div",j8,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",H8,[n.createElementVNode("div",U8,n.toDisplayString(i.entry.featureId),1)]))]),n.createElementVNode("div",q8,[n.createVNode(c,{width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(u,{class:"button-circle secondary",circle:"",onClick:i.showConnectivity},{default:n.withCtx(()=>[n.createVNode(l,{color:"#8300bf"},{default:n.withCtx(()=>[n.createVNode(d)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[4]||(t[4]=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(c,{key:0,width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(u,{class:"button-circle",circle:"",onClick:i.closeConnectivity},{default:n.withCtx(()=>[n.createVNode(l,{color:"white"},{default:n.withCtx(()=>[n.createVNode(y)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[5]||(t[5]=n.createElementVNode("span",null,"Close",-1))]),_:1})):n.createCommentVNode("",!0)])]),n.createElementVNode("div",K8,[n.createElementVNode("div",W8,[t[7]||(t[7]=n.createElementVNode("span",{class:"attribute-title"},"Population Display",-1)),e.activeView==="listView"?(n.openBlock(),n.createBlock(c,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(l,{class:"info"},{default:n.withCtx(()=>[n.createVNode(m)]),_:1})]),default:n.withCtx(()=>[t[6]||(t[6]=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",G8,[t[12]||(t[12]=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[8]||(t[8]=[n.createTextVNode("Map")])),_:1}),n.createVNode(f,{value:"sckan"},{default:n.withCtx(()=>t[9]||(t[9]=[n.createTextVNode("SCKAN")])),_:1})]),_:1},8,["modelValue","onChange"]),n.createVNode(u,{class:n.normalizeClass(e.activeView==="listView"?"button":"el-button-secondary"),onClick:t[1]||(t[1]=S=>i.switchConnectivityView("listView"))},{default:n.withCtx(()=>t[10]||(t[10]=[n.createTextVNode(" List view ")])),_:1},8,["class"]),n.createVNode(u,{class:n.normalizeClass(e.activeView==="graphView"?"button":"el-button-secondary"),onClick:t[2]||(t[2]=S=>i.switchConnectivityView("graphView"))},{default:n.withCtx(()=>t[11]||(t[11]=[n.createTextVNode(" Graph view ")])),_:1},8,["class"])])]),n.withDirectives(n.createElementVNode("div",J8,[n.withDirectives((n.openBlock(),n.createBlock(g,{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",Z8,[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(v,{resources:i.resources,onReferencesLoaded:i.onReferencesLoaded,onShowReferenceConnectivities:i.onShowReferenceConnectivities},null,8,["resources","onReferencesLoaded","onShowReferenceConnectivities"])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)}const S0=Jt(P8,[["render",X8],["__scopeId","data-v-d130a68d"]]),Q8={name:"ConnectivityCard",data(){return{displayFields:["id"]}},props:{entry:{type:Object,default:()=>{}},connectivityEntry:{type:Array,default:()=>[]}},computed:{loading:function(){if("ready"in this.entry)return!this.entry.ready;const e=this.connectivityEntry.find(t=>t.id===this.entry.id);return e?!e.ready:!1}},methods:{capitalise:function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},cardClicked:function(e){this.loading||this.$emit("open-connectivity",e)}}},e4={class:"connectivity-card-container",ref:"container"},t4={class:"connectivity-card",ref:"card"},n4={class:"card-title"},o4={key:0,class:"card-details"};function r4(e,t,o,r,a,i){const s=Zo;return n.openBlock(),n.createElementBlock("div",e4,[n.createElementVNode("div",t4,[t[1]||(t[1]=n.createElementVNode("div",{class:"seperator-path"},null,-1)),n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:"card-content",onClick:t[0]||(t[0]=l=>i.cardClicked(o.entry))},[n.createElementVNode("div",n4,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",o4,[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 E0=Jt(Q8,[["render",r4],["__scopeId","data-v-b875232c"]]);var a4={searchInput:"",lastSearch:"",results:[],numberOfHits:0,filter:[],loadingCards:!1,numberPerPage:10,page:1,start:0};const i4={components:{SearchFilters:ls,SearchHistory:is,ConnectivityCard:E0,ConnectivityInfo:S0,Button:ft,Card:oi,Checkbox:wl,Icon:ve,Input:Uo,Pagination:li,MapSvgIcon:$y,MapSvgSpriteColor:b0},name:"ConnectivityExplorer",props:{connectivityKnowledge:{type:Array,default:[]},entry:{type:Object,default:()=>a4},envVars:{type:Object,default:()=>{}},connectivityEntry:{type:Array,default:[]},availableAnatomyFacets:{type:Object,default:[]},connectivityFilterOptions:{type:Array,default:[]},showVisibilityFilter:{type:Boolean,default:!1}},data:function(){return{...this.entry,bodyStyle:{flex:"1 1 auto","flex-flow":"column",display:"flex"},cascaderIsReady:!1,freezeTimeout:void 0,freezed:!1,initLoading:!0,expanded:"",filterVisibility:!0,expandedData:null}},computed:{filterEntry:function(){return{numberOfHits:this.numberOfHits,filterFacets:this.filter,options:this.connectivityFilterOptions,showFilters:!0,helper:{within:"'CNS' OR 'Local circuit neuron'",between:"'Somatic lower motor' AND 'Human'"}}},paginatedResults:function(){return this.results.slice(this.start,this.start+this.numberPerPage)}},watch:{connectivityKnowledge:function(e,t){this.expanded="",this.expandedData=null,this.loadingCards=!1,JSON.stringify(e)!==JSON.stringify(t)&&(this.results=e,this.initLoading=!1,this.numberOfHits=this.results.length,this.numberOfHits>0&&"ready"in this.results[0]&&(this.$refs.filtersRef.checkShowAllBoxes(),this.searchInput="",this.filter=[]))},connectivityEntry:function(e,t){if(JSON.stringify(e)!==JSON.stringify(t)&&e.length===1&&e[0].ready){const o=this.filter.some(r=>r.facet!=="Show all");if(this.numberOfHits===1&&!this.searchInput&&!o||(e[0].connectivitySource!==t[0].connectivitySource||e[0].mapId!==t[0].mapId)&&t[0].ready)return;this.collapseChange(e[0])}},paginatedResults:function(){this.loadingCards=!1},filterVisibility:function(e){this.filterVisibility=e,this.$emit("filter-visibility",this.filterVisibility)}},methods:{freezeHoverChange:function(){this.freezed=!0,this.freezeTimeout&&clearTimeout(this.freezeTimeout),this.freezeTimeout=setTimeout(()=>{this.freezed=!1},3e3)},onShowConnectivity:function(e){this.freezeHoverChange(),this.$emit("show-connectivity",e)},onShowReferenceConnectivities:function(e){this.freezeHoverChange(),this.$emit("show-reference-connectivities",e)},onConnectivityClicked:function(e){this.searchInput=e.query,this.filter=e.filter,this.searchAndFilterUpdate()},collapseChange:function(e){this.expanded=this.expanded===e.id?"":e.id,this.expandedData=this.expanded?e:null},closeConnectivity:function(){this.expanded||this.$emit("connectivity-item-close")},onConnectivityCollapseChange:function(e){this.connectivityEntry.find(t=>t.featureId[0]===e.id)?(this.collapseChange(e),this.closeConnectivity()):(this.expanded="",this.expandedData=null,this.$nextTick(()=>{this.$emit("connectivity-collapse-change",e)}))},onHoverChanged:function(e,t){const{target:o}=e;(t||o&&o.checkVisibility())&&this.hoverChanged(t)},hoverChanged:function(e){if(!this.freezed){let t={tabType:"connectivity"};e?t={...t,...e}:this.expandedData&&(t={...t,...this.expandedData}),this.$emit("hover-changed",t)}},resetSearch:function(){this.numberOfHits=0,this.results=[],this.loadingCards=!1},resetSearchIfNoActiveSearch:function(){const e=this.filter.some(t=>t.facet!=="Show all");(!this.searchInput&&!e||this.numberOfHits===0)&&this.openSearch([],"")},onResetClick:function(){this.openSearch([],""),this.$emit("connectivity-explorer-reset",[])},openSearch:function(e,t=""){if(this.searchInput=t,this.resetPageNavigation(),this.cascaderIsReady){const o=this.$refs.filtersRef.getHierarchicalValidatedFilters(e),r=o.notFound||[];this.filter=o.result,r.forEach(a=>{const i=a.tagLabel||a.facet,s=i.charAt(0).toLowerCase()+i.slice(1);let l="";a.term.toLowerCase()==="origin"?l=`There are no neuron populations beginning at <strong>${s}</strong>.`:a.term.toLowerCase()==="via"?l=`There are no neuron populations that run through <strong>${s}</strong>.`:a.term.toLowerCase()==="destination"?l=`There are no neuron populations terminating at <strong>${s}</strong>.`:l=`There are no neuron populations beginning, terminating, or running through <strong>${s}</strong>.`,eh({dangerouslyUseHTMLString:!0,message:l,appendTo:this.$el,showClose:!0,offset:113})}),r.length&&this.$emit("connectivity-explorer-reset",r),e&&e.length>0&&this.filter&&this.filter.length===0?(this.$refs.filtersRef.checkShowAllBoxes(),this.resetSearch()):this.filter&&(this.searchKnowledge(this.filter,t),this.$refs.filtersRef.setCascader(this.filter),this.searchHistoryUpdate(this.filter,t))}else this.filter=e,(!e||e.length==0)&&(this.searchKnowledge(this.filter,t),this.searchHistoryUpdate(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()},searchEvent:function(e=!1){(e.keyCode===13||e instanceof MouseEvent)&&(this.searchInput=this.searchInput.trim(),this.searchAndFilterUpdate())},filterUpdate:function(e){this.filter=[...e],this.searchAndFilterUpdate()},searchAndFilterUpdate:function(){this.resetPageNavigation(),this.searchKnowledge(this.filter,this.searchInput),this.searchHistoryUpdate(this.filter,this.searchInput)},searchHistoryUpdate:function(e,t){this.$refs.searchHistory.selectValue="Search history",(e.length||t!=null&&t.trim())&&this.$refs.searchHistory.addSearchToHistory(this.filter,t)},searchKnowledge:function(e,t=""){this.expanded="",this.expandedData=null,this.loadingCards=!0,this.scrollToTop(),this.$emit("search-changed",{query:t,filter:e,tabType:"connectivity"}),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.filter,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.filter=e.filters,this.openSearch([...e.filters],e.search)},onConnectivityInfoLoaded:function(e){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),je.on("close-connectivity",()=>{this.expanded="",this.expandedData=null})}},s4={class:"header"},l4={key:0,class:"visibility-filter"},c4={key:0,class:"error-feedback"},d4=["onMouseenter"];function u4(e,t,o,r,a,i){const s=n.resolveComponent("MapSvgSpriteColor"),l=Uo,c=ft,d=wl,u=n.resolveComponent("MapSvgIcon"),p=Ur,y=ls,m=is,f=E0,h=S0,g=li,b=oi,v=Zo;return n.openBlock(),n.createBlock(b,{"body-style":e.bodyStyle,class:"content-card"},{header:n.withCtx(()=>[n.createElementVNode("div",s4,[n.createVNode(l,{class:"search-input",placeholder:"Search",modelValue:e.searchInput,"onUpdate:modelValue":t[0]||(t[0]=O=>e.searchInput=O),onKeyup:i.searchEvent,clearable:"",onClear:i.clearSearchClicked},null,8,["modelValue","onKeyup","onClear"]),n.createVNode(c,{type:"primary",class:"button",onClick:i.searchEvent,size:"large"},{default:n.withCtx(()=>t[5]||(t[5]=[n.createTextVNode(" Search ")])),_:1},8,["onClick"]),n.createVNode(c,{link:"",class:"el-button-link",onClick:i.onResetClick,size:"large"},{default:n.withCtx(()=>t[6]||(t[6]=[n.createTextVNode(" Reset ")])),_:1},8,["onClick"]),o.showVisibilityFilter?(n.openBlock(),n.createElementBlock("div",l4,[n.createVNode(d,{modelValue:e.filterVisibility,"onUpdate:modelValue":t[1]||(t[1]=O=>e.filterVisibility=O)},{default:n.withCtx(()=>t[7]||(t[7]=[n.createTextVNode(" Focused ")])),_:1},8,["modelValue"]),n.createVNode(p,{title:"How does focused checkbox work?",width:"250",trigger:"hover","popper-class":"filter-help-popover"},{reference:n.withCtx(()=>[n.createVNode(u,{icon:"help",class:"help"})]),default:n.withCtx(()=>[t[8]||(t[8]=n.createElementVNode("div",null,[n.createElementVNode("strong",null,"Checked:"),n.createElementVNode("br"),n.createTextVNode(" Display listed or highlighted items only. "),n.createElementVNode("br"),n.createElementVNode("br"),n.createElementVNode("strong",null,"Unchecked:"),n.createElementVNode("br"),n.createTextVNode(" Display listed or highlighted items in full colour and non-listed items in greyscale. ")],-1))]),_:1})])):n.createCommentVNode("",!0)])]),default:n.withCtx(()=>[n.createVNode(s),n.createVNode(y,{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(m,{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[4]||(t[4]=O=>i.onHoverChanged(O,void 0))},[e.results.length===0&&!e.loadingCards?(n.openBlock(),n.createElementBlock("div",c4," No results found - Please change your search / filter criteria. ")):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.paginatedResults,O=>(n.openBlock(),n.createElementBlock("div",{key:O.id,ref_for:!0,ref:"stepItem-"+O.id,class:"step-item",onMouseenter:S=>i.onHoverChanged(S,O)},[n.withDirectives(n.createVNode(f,{class:"connectivity-card",entry:O,connectivityEntry:o.connectivityEntry,onOpenConnectivity:i.onConnectivityCollapseChange},null,8,["entry","connectivityEntry","onOpenConnectivity"]),[[n.vShow,e.expanded!==O.id]]),e.expanded===O.id?(n.openBlock(),n.createBlock(h,{key:0,class:"connectivity-info",entryId:O.id,connectivityEntry:o.connectivityEntry,availableAnatomyFacets:o.availableAnatomyFacets,envVars:o.envVars,withCloseButton:!0,onShowConnectivity:i.onShowConnectivity,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onConnectivityClicked:i.onConnectivityClicked,onConnectivityHovered:t[2]||(t[2]=S=>e.$emit("connectivity-hovered",S)),onLoaded:S=>i.onConnectivityInfoLoaded(O),onCloseConnectivity:S=>i.onConnectivityCollapseChange(O)},null,8,["entryId","connectivityEntry","availableAnatomyFacets","envVars","onShowConnectivity","onShowReferenceConnectivities","onConnectivityClicked","onLoaded","onCloseConnectivity"])):n.createCommentVNode("",!0)],40,d4))),128)),n.createVNode(g,{class:"pagination","current-page":e.page,"onUpdate:currentPage":t[3]||(t[3]=O=>e.page=O),"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)),[[v,e.loadingCards||e.initLoading]])]),_:1},8,["body-style"])}const x0=Jt(i4,[["render",u4],["__scopeId","data-v-11d214de"]]),f4={name:"AnnotationTool",components:{AnnotationPopup:lo.AnnotationPopup,Button:ft,CreateTooltipContent:lo.CreateTooltipContent,Col:Sl,ElIconDelete:ae.Delete,Icon:ve,Row:kl},props:{annotationEntry:{type:Array},createData:{type:Object,default:{}}},data:function(){return{ElIconDelete:n.shallowRef(ae.Delete),annotationPopupData:null}}},p4={class:"annotation-tool scrollbar"},h4={key:1,class:"delete-container"};function m4(e,t,o,r,a,i){const s=n.resolveComponent("CreateTooltipContent"),l=n.resolveComponent("annotation-popup"),c=Sl,d=ft,u=kl;return n.openBlock(),n.createElementBlock("div",p4,[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)),onHoverChanged:t[3]||(t[3]=p=>e.$emit("hover-changed",p))},null,8,["annotationEntry"])):n.createCommentVNode("",!0),o.createData&&o.createData.toBeDeleted?(n.openBlock(),n.createElementBlock("div",h4,[n.createVNode(u,null,{default:n.withCtx(()=>[n.createVNode(c,{offset:1,span:6},{default:n.withCtx(()=>t[6]||(t[6]=[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[4]||(t[4]=p=>e.$emit("confirm-delete"))},{default:n.withCtx(()=>t[7]||(t[7]=[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[5]||(t[5]=p=>e.$emit("cancel-create"))},{default:n.withCtx(()=>t[8]||(t[8]=[n.createTextVNode(" Dismiss ")])),_:1})]),_:1})]),_:1})])):n.createCommentVNode("",!0)])}const T0=Jt(f4,[["render",m4],["__scopeId","data-v-82a15370"]]),g4={name:"Tabs",components:{ElIconClose:ae.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})}}},y4={class:"tabs-container"},b4=["onClick"],w4={class:"tab-title"};function C4(e,t,o,r,a,i){const s=ae.Close,l=ve;return n.openBlock(),n.createElementBlock("div",y4,[(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",w4,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,b4))),128))])}const _0=Jt(g4,[["render",C4],["__scopeId","data-v-9dda8d57"]]),v4={components:{DatasetExplorer:k0,Tabs:_0,ElIconArrowLeft:ae.ArrowLeft,ElIconArrowRight:ae.ArrowRight,Drawer:El,Icon:ve,AnnotationTool:T0,ConnectivityExplorer:x0},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:[]},filterOptions:{type:Array,default:[]},showVisibilityFilter:{type:Boolean,default:!1}},data:function(){return{drawerOpen:!1,availableAnatomyFacets:[],activeTabId:1,activeAnnotationData:{tabType:"annotation"},activeConnectivityData:{tabType:"connectivity"}}},methods:{onConnectivityCollapseChange:function(e){this.$emit("connectivity-collapse-change",e)},onConnectivityItemClose:function(){this.$emit("connectivity-item-close")},hoverChanged:function(e,t){this.$emit("hover-changed",{...t,tabId:e});const o=this.getActiveTabTypeById(e);o==="connectivityExplorer"&&(this.activeConnectivityData=t),o==="annotation"&&(this.activeAnnotationData=t)},onConnectivityExplorerReset:function(e){this.$emit("connectivity-explorer-reset",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,tabId: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},getActiveTabTypeById:function(e){const t=this.tabs.find(o=>o.id===e);return t?t.type:""},highlightActiveTabData:function(e){let t=null;if(e.type==="connectivityExplorer"){const o=this.getTabRef(void 0,"connectivityExplorer",!0);o&&!o.expanded?t={tabType:"connectivity"}:t={...this.activeConnectivityData}}else e.type==="annotation"&&(t={...this.activeAnnotationData});t&&this.$emit("hover-changed",{...t,tabId:e.id})},tabClicked:function(e){this.setActiveTab(e),this.$emit("tabClicked",e),this.highlightActiveTabData(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))},closeConnectivity:function(){je.emit("close-connectivity")}},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)})}},k4={ref:"container"},S4={class:"box-card"},E4={class:"sidebar-container"};function x4(e,t,o,r,a,i){const s=ae.ArrowLeft,l=ve,c=ae.ArrowRight,d=_0,u=T0,p=x0,y=k0,m=El;return n.openBlock(),n.createElementBlock("div",k4,[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[7]||(t[7]=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",S4,[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",E4,[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)),onHoverChanged:h=>i.hoverChanged(f.id,h)},null,8,["annotationEntry","createData","onHoverChanged"])),[[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,connectivityFilterOptions:o.filterOptions,onFilterVisibility:t[6]||(t[6]=h=>e.$emit("filter-visibility",h)),showVisibilityFilter:o.showVisibilityFilter,onSearchChanged:h=>i.searchChanged(f.id,h),onHoverChanged:h=>i.hoverChanged(f.id,h),onConnectivityExplorerReset:i.onConnectivityExplorerReset,onShowConnectivity:i.showConnectivity,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onConnectivityHovered:i.onConnectivityHovered,onConnectivityCollapseChange:i.onConnectivityCollapseChange,onConnectivityItemClose:i.onConnectivityItemClose},null,8,["connectivityKnowledge","envVars","connectivityEntry","availableAnatomyFacets","connectivityFilterOptions","showVisibilityFilter","onSearchChanged","onHoverChanged","onConnectivityExplorerReset","onShowConnectivity","onShowReferenceConnectivities","onConnectivityHovered","onConnectivityCollapseChange","onConnectivityItemClose"])),[[n.vShow,f.id===e.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(y,{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:h=>i.hoverChanged(f.id,h)},null,8,["contextCardEntry","envVars","onSearchChanged","onHoverChanged"])),[[n.vShow,f.id===e.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const T4=Jt(v4,[["render",x4],["__scopeId","data-v-b0f61c72"]]);Me.SideBar=T4,Object.defineProperty(Me,Symbol.toStringTag,{value:"Module"})});
+<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=>ya(a.label)).join(", ").replace(/, ([^,]*)$/," and $1"),errorMessage:o}},onConnectivitySourceChange:function(e){this.connectivityLoading=!0,this.activeView!=="graphView"&&(this.graphViewLoaded=!1),this.updateGraphConnectivity(),je.emit("connectivity-source-change",{entry:this.entry,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}})}},R8={key:0,class:"main"},$8={class:"connectivity-info-title"},L8={class:"title-content"},V8={key:0,class:"block"},D8={class:"title"},M8={style:{"word-break":"keep-all"}},z8={class:"subtitle"},j8={key:0,class:"subtitle"},H8={key:1,class:"block"},U8={class:"title"},q8={class:"title-buttons"},K8={class:"content-container population-display"},W8={class:"block attribute-title-container"},G8={class:"block buttons-row"},J8={class:"content-container content-container-connectivity"},Z8={class:"content-container content-container-connectivity"},Y8={key:0,class:"content-container content-container-references"};function X8(e,t,o,r,a,i){const s=ae.WarnTriangleFilled,l=ve,c=Ur,d=ae.Location,u=ft,p=n.resolveComponent("CopyToClipboard"),y=ae.Close,m=ae.Warning,f=Ep,h=kx,g=n.resolveComponent("connectivity-list"),b=n.resolveComponent("connectivity-graph"),v=n.resolveComponent("ExternalResourceCard"),O=Zo;return i.entry?(n.openBlock(),n.createElementBlock("div",R8,[n.createElementVNode("div",$8,[n.createElementVNode("div",L8,[i.entry.title?(n.openBlock(),n.createElementBlock("div",V8,[n.createElementVNode("div",D8,[n.createElementVNode("span",null,n.toDisplayString(i.capitalise(i.entry.title)),1),i.entry.featuresAlert?(n.openBlock(),n.createBlock(c,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(l,{class:"alert"},{default:n.withCtx(()=>[n.createVNode(s)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",M8,n.toDisplayString(i.entry.featuresAlert),1)]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",z8,[t[3]||(t[3]=n.createElementVNode("strong",null,"id: ",-1)),n.createTextVNode(n.toDisplayString(i.entry.featureId[0]),1)]),i.hasProvenanceTaxonomyLabel?(n.openBlock(),n.createElementBlock("div",j8,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",H8,[n.createElementVNode("div",U8,n.toDisplayString(i.entry.featureId),1)]))]),n.createElementVNode("div",q8,[n.createVNode(c,{width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(u,{class:"button-circle secondary",circle:"",onClick:i.showConnectivity},{default:n.withCtx(()=>[n.createVNode(l,{color:"#8300bf"},{default:n.withCtx(()=>[n.createVNode(d)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[4]||(t[4]=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(c,{key:0,width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(u,{class:"button-circle",circle:"",onClick:i.closeConnectivity},{default:n.withCtx(()=>[n.createVNode(l,{color:"white"},{default:n.withCtx(()=>[n.createVNode(y)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[5]||(t[5]=n.createElementVNode("span",null,"Close",-1))]),_:1})):n.createCommentVNode("",!0)])]),n.createElementVNode("div",K8,[n.createElementVNode("div",W8,[t[7]||(t[7]=n.createElementVNode("span",{class:"attribute-title"},"Population Display",-1)),e.activeView==="listView"?(n.openBlock(),n.createBlock(c,{key:0,width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(l,{class:"info"},{default:n.withCtx(()=>[n.createVNode(m)]),_:1})]),default:n.withCtx(()=>[t[6]||(t[6]=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",G8,[t[12]||(t[12]=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[8]||(t[8]=[n.createTextVNode("Map")])),_:1}),n.createVNode(f,{value:"sckan"},{default:n.withCtx(()=>t[9]||(t[9]=[n.createTextVNode("SCKAN")])),_:1})]),_:1},8,["modelValue","onChange"]),n.createVNode(u,{class:n.normalizeClass(e.activeView==="listView"?"button":"el-button-secondary"),onClick:t[1]||(t[1]=S=>i.switchConnectivityView("listView"))},{default:n.withCtx(()=>t[10]||(t[10]=[n.createTextVNode(" List view ")])),_:1},8,["class"]),n.createVNode(u,{class:n.normalizeClass(e.activeView==="graphView"?"button":"el-button-secondary"),onClick:t[2]||(t[2]=S=>i.switchConnectivityView("graphView"))},{default:n.withCtx(()=>t[11]||(t[11]=[n.createTextVNode(" Graph view ")])),_:1},8,["class"])])]),n.withDirectives(n.createElementVNode("div",J8,[n.withDirectives((n.openBlock(),n.createBlock(g,{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",Z8,[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(v,{resources:i.resources,onReferencesLoaded:i.onReferencesLoaded,onShowReferenceConnectivities:i.onShowReferenceConnectivities},null,8,["resources","onReferencesLoaded","onShowReferenceConnectivities"])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)}const S0=Jt(P8,[["render",X8],["__scopeId","data-v-d130a68d"]]),Q8={name:"ConnectivityCard",data(){return{displayFields:["id"]}},props:{entry:{type:Object,default:()=>{}},connectivityEntry:{type:Array,default:()=>[]}},computed:{loading:function(){if("ready"in this.entry)return!this.entry.ready;const e=this.connectivityEntry.find(t=>t.id===this.entry.id);return e?!e.ready:!1}},methods:{capitalise:function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},cardClicked:function(e){this.loading||this.$emit("open-connectivity",e)}}},e4={class:"connectivity-card-container",ref:"container"},t4={class:"connectivity-card",ref:"card"},n4={class:"card-title"},o4={key:0,class:"card-details"};function r4(e,t,o,r,a,i){const s=Zo;return n.openBlock(),n.createElementBlock("div",e4,[n.createElementVNode("div",t4,[t[1]||(t[1]=n.createElementVNode("div",{class:"seperator-path"},null,-1)),n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:"card-content",onClick:t[0]||(t[0]=l=>i.cardClicked(o.entry))},[n.createElementVNode("div",n4,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",o4,[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 E0=Jt(Q8,[["render",r4],["__scopeId","data-v-b875232c"]]);var a4={searchInput:"",lastSearch:"",results:[],numberOfHits:0,filter:[],loadingCards:!1,numberPerPage:10,page:1,start:0};const i4={components:{SearchFilters:ls,SearchHistory:is,ConnectivityCard:E0,ConnectivityInfo:S0,Button:ft,Card:oi,Checkbox:wl,Icon:ve,Input:Uo,Pagination:li,MapSvgIcon:$y,MapSvgSpriteColor:b0},name:"ConnectivityExplorer",props:{connectivityKnowledge:{type:Array,default:[]},entry:{type:Object,default:()=>a4},envVars:{type:Object,default:()=>{}},connectivityEntry:{type:Array,default:[]},availableAnatomyFacets:{type:Object,default:[]},connectivityFilterOptions:{type:Array,default:[]},showVisibilityFilter:{type:Boolean,default:!1}},data:function(){return{...this.entry,bodyStyle:{flex:"1 1 auto","flex-flow":"column",display:"flex"},cascaderIsReady:!1,freezeTimeout:void 0,freezed:!1,initLoading:!0,expanded:"",filterVisibility:!0,expandedData:null}},computed:{filterEntry:function(){return{numberOfHits:this.numberOfHits,filterFacets:this.filter,options:this.connectivityFilterOptions,showFilters:!0,helper:{within:"'CNS' OR 'Local circuit neuron'",between:"'Somatic lower motor' AND 'Human'"}}},paginatedResults:function(){return this.results.slice(this.start,this.start+this.numberPerPage)}},watch:{connectivityKnowledge:function(e,t){this.expanded="",this.expandedData=null,this.loadingCards=!1,JSON.stringify(e)!==JSON.stringify(t)&&(this.results=e,this.initLoading=!1,this.numberOfHits=this.results.length,this.numberOfHits>0&&"ready"in this.results[0]&&(this.$refs.filtersRef.checkShowAllBoxes(),this.searchInput="",this.filter=[]))},connectivityEntry:function(e,t){if(JSON.stringify(e)!==JSON.stringify(t)&&e.length===1&&e[0].ready){const o=this.filter.some(r=>r.facet!=="Show all");if(this.numberOfHits===1&&!this.searchInput&&!o||(e[0].connectivitySource!==t[0].connectivitySource||e[0].mapId!==t[0].mapId)&&t[0].ready)return;this.collapseChange(e[0])}},paginatedResults:function(){this.loadingCards=!1},filterVisibility:function(e){this.filterVisibility=e,this.$emit("filter-visibility",this.filterVisibility)}},methods:{freezeHoverChange:function(){this.freezed=!0,this.freezeTimeout&&clearTimeout(this.freezeTimeout),this.freezeTimeout=setTimeout(()=>{this.freezed=!1},3e3)},onShowConnectivity:function(e){this.freezeHoverChange(),this.$emit("show-connectivity",e)},onShowReferenceConnectivities:function(e){this.freezeHoverChange(),this.$emit("show-reference-connectivities",e)},onConnectivityClicked:function(e){this.searchInput=e.query,this.filter=e.filter,this.searchAndFilterUpdate()},collapseChange:function(e){this.expanded=this.expanded===e.id?"":e.id,this.expandedData=this.expanded?e:null},closeConnectivity:function(){this.expanded||this.$emit("connectivity-item-close")},onConnectivityCollapseChange:function(e){this.connectivityEntry.find(t=>t.featureId[0]===e.id)?(this.collapseChange(e),this.closeConnectivity()):(this.expanded="",this.expandedData=null,this.$nextTick(()=>{this.$emit("connectivity-collapse-change",e)}))},onHoverChanged:function(e,t){const{target:o}=e;(t||o&&o.checkVisibility())&&this.hoverChanged(t)},hoverChanged:function(e){if(!this.freezed){let t={tabType:"connectivity"};e?t={...t,...e}:this.expandedData&&(t={...t,...this.expandedData}),this.$emit("hover-changed",t)}},resetSearch:function(){this.numberOfHits=0,this.results=[],this.loadingCards=!1},resetSearchIfNoActiveSearch:function(){const e=this.filter.some(t=>t.facet!=="Show all");(!this.searchInput&&!e||this.numberOfHits===0)&&this.openSearch([],"")},onResetClick:function(){this.openSearch([],""),this.$emit("connectivity-explorer-reset",[])},openSearch:function(e,t=""){if(this.searchInput=t,this.resetPageNavigation(),this.cascaderIsReady){const o=this.$refs.filtersRef.getHierarchicalValidatedFilters(e),r=o.notFound||[];this.filter=o.result,r.forEach(a=>{const i=a.tagLabel||a.facet,s=i.charAt(0).toLowerCase()+i.slice(1);let l="";a.term.toLowerCase()==="origin"?l=`There are no neuron populations beginning at <strong>${s}</strong>.`:a.term.toLowerCase()==="via"?l=`There are no neuron populations that run through <strong>${s}</strong>.`:a.term.toLowerCase()==="destination"?l=`There are no neuron populations terminating at <strong>${s}</strong>.`:l=`There are no neuron populations beginning, terminating, or running through <strong>${s}</strong>.`,eh({dangerouslyUseHTMLString:!0,message:l,appendTo:this.$el,showClose:!0,offset:113})}),r.length&&this.$emit("connectivity-explorer-reset",r),e&&e.length>0&&this.filter&&this.filter.length===0?(this.$refs.filtersRef.checkShowAllBoxes(),this.resetSearch()):this.filter&&(this.searchKnowledge(this.filter,t),this.$refs.filtersRef.setCascader(this.filter),this.searchHistoryUpdate(this.filter,t))}else this.filter=e,(!e||e.length==0)&&(this.searchKnowledge(this.filter,t),this.searchHistoryUpdate(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()},searchEvent:function(e=!1){(e.keyCode===13||e instanceof MouseEvent)&&(this.searchInput=this.searchInput.trim(),this.searchAndFilterUpdate())},filterUpdate:function(e){this.filter=[...e],this.searchAndFilterUpdate()},searchAndFilterUpdate:function(){this.resetPageNavigation(),this.searchKnowledge(this.filter,this.searchInput),this.searchHistoryUpdate(this.filter,this.searchInput)},searchHistoryUpdate:function(e,t){this.$refs.searchHistory.selectValue="Search history",(e.length||t!=null&&t.trim())&&this.$refs.searchHistory.addSearchToHistory(this.filter,t)},searchKnowledge:function(e,t=""){this.expanded="",this.expandedData=null,this.loadingCards=!0,this.scrollToTop(),this.$emit("search-changed",{query:t,filter:e,tabType:"connectivity"}),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.filter,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.filter=e.filters,this.openSearch([...e.filters],e.search)},onConnectivityInfoLoaded:function(e){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),je.on("close-connectivity",()=>{this.expanded="",this.expandedData=null})}},s4={class:"header"},l4={key:0,class:"visibility-filter"},c4={key:0,class:"error-feedback"},d4=["onMouseenter"];function u4(e,t,o,r,a,i){const s=n.resolveComponent("MapSvgSpriteColor"),l=Uo,c=ft,d=wl,u=n.resolveComponent("MapSvgIcon"),p=Ur,y=ls,m=is,f=E0,h=S0,g=li,b=oi,v=Zo;return n.openBlock(),n.createBlock(b,{"body-style":e.bodyStyle,class:"content-card"},{header:n.withCtx(()=>[n.createElementVNode("div",s4,[n.createVNode(l,{class:"search-input",placeholder:"Search",modelValue:e.searchInput,"onUpdate:modelValue":t[0]||(t[0]=O=>e.searchInput=O),onKeyup:i.searchEvent,clearable:"",onClear:i.clearSearchClicked},null,8,["modelValue","onKeyup","onClear"]),n.createVNode(c,{type:"primary",class:"button",onClick:i.searchEvent,size:"large"},{default:n.withCtx(()=>t[5]||(t[5]=[n.createTextVNode(" Search ")])),_:1},8,["onClick"]),n.createVNode(c,{link:"",class:"el-button-link",onClick:i.onResetClick,size:"large"},{default:n.withCtx(()=>t[6]||(t[6]=[n.createTextVNode(" Reset ")])),_:1},8,["onClick"]),o.showVisibilityFilter?(n.openBlock(),n.createElementBlock("div",l4,[n.createVNode(d,{modelValue:e.filterVisibility,"onUpdate:modelValue":t[1]||(t[1]=O=>e.filterVisibility=O)},{default:n.withCtx(()=>t[7]||(t[7]=[n.createTextVNode(" Focused ")])),_:1},8,["modelValue"]),n.createVNode(p,{title:"How does focused checkbox work?",width:"250",trigger:"hover","popper-class":"filter-help-popover"},{reference:n.withCtx(()=>[n.createVNode(u,{icon:"help",class:"help"})]),default:n.withCtx(()=>[t[8]||(t[8]=n.createElementVNode("div",null,[n.createElementVNode("strong",null,"Checked:"),n.createElementVNode("br"),n.createTextVNode(" Display listed or highlighted items only. "),n.createElementVNode("br"),n.createElementVNode("br"),n.createElementVNode("strong",null,"Unchecked:"),n.createElementVNode("br"),n.createTextVNode(" Display listed or highlighted items in full colour and non-listed items in greyscale. ")],-1))]),_:1})])):n.createCommentVNode("",!0)])]),default:n.withCtx(()=>[n.createVNode(s),n.createVNode(y,{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(m,{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[4]||(t[4]=O=>i.onHoverChanged(O,void 0))},[e.results.length===0&&!e.loadingCards?(n.openBlock(),n.createElementBlock("div",c4," No results found - Please change your search / filter criteria. ")):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.paginatedResults,O=>(n.openBlock(),n.createElementBlock("div",{key:O.id,ref_for:!0,ref:"stepItem-"+O.id,class:"step-item",onMouseenter:S=>i.onHoverChanged(S,O)},[n.withDirectives(n.createVNode(f,{class:"connectivity-card",entry:O,connectivityEntry:o.connectivityEntry,onOpenConnectivity:i.onConnectivityCollapseChange},null,8,["entry","connectivityEntry","onOpenConnectivity"]),[[n.vShow,e.expanded!==O.id]]),e.expanded===O.id?(n.openBlock(),n.createBlock(h,{key:0,class:"connectivity-info",entryId:O.id,connectivityEntry:o.connectivityEntry,availableAnatomyFacets:o.availableAnatomyFacets,envVars:o.envVars,withCloseButton:!0,onShowConnectivity:i.onShowConnectivity,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onConnectivityClicked:i.onConnectivityClicked,onConnectivityHovered:t[2]||(t[2]=S=>e.$emit("connectivity-hovered",S)),onLoaded:S=>i.onConnectivityInfoLoaded(O),onCloseConnectivity:S=>i.onConnectivityCollapseChange(O)},null,8,["entryId","connectivityEntry","availableAnatomyFacets","envVars","onShowConnectivity","onShowReferenceConnectivities","onConnectivityClicked","onLoaded","onCloseConnectivity"])):n.createCommentVNode("",!0)],40,d4))),128)),n.createVNode(g,{class:"pagination","current-page":e.page,"onUpdate:currentPage":t[3]||(t[3]=O=>e.page=O),"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)),[[v,e.loadingCards||e.initLoading]])]),_:1},8,["body-style"])}const x0=Jt(i4,[["render",u4],["__scopeId","data-v-11d214de"]]),f4={name:"AnnotationTool",components:{AnnotationPopup:lo.AnnotationPopup,Button:ft,CreateTooltipContent:lo.CreateTooltipContent,Col:Sl,ElIconDelete:ae.Delete,Icon:ve,Row:kl},props:{annotationEntry:{type:Array},createData:{type:Object,default:{}}},data:function(){return{ElIconDelete:n.shallowRef(ae.Delete),annotationPopupData:null}}},p4={class:"annotation-tool scrollbar"},h4={key:1,class:"delete-container"};function m4(e,t,o,r,a,i){const s=n.resolveComponent("CreateTooltipContent"),l=n.resolveComponent("annotation-popup"),c=Sl,d=ft,u=kl;return n.openBlock(),n.createElementBlock("div",p4,[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)),onHoverChanged:t[3]||(t[3]=p=>e.$emit("hover-changed",p))},null,8,["annotationEntry"])):n.createCommentVNode("",!0),o.createData&&o.createData.toBeDeleted?(n.openBlock(),n.createElementBlock("div",h4,[n.createVNode(u,null,{default:n.withCtx(()=>[n.createVNode(c,{offset:1,span:6},{default:n.withCtx(()=>t[6]||(t[6]=[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[4]||(t[4]=p=>e.$emit("confirm-delete"))},{default:n.withCtx(()=>t[7]||(t[7]=[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[5]||(t[5]=p=>e.$emit("cancel-create"))},{default:n.withCtx(()=>t[8]||(t[8]=[n.createTextVNode(" Dismiss ")])),_:1})]),_:1})]),_:1})])):n.createCommentVNode("",!0)])}const T0=Jt(f4,[["render",m4],["__scopeId","data-v-82a15370"]]),g4={name:"Tabs",components:{ElIconClose:ae.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})}}},y4={class:"tabs-container"},b4=["onClick"],w4={class:"tab-title"};function C4(e,t,o,r,a,i){const s=ae.Close,l=ve;return n.openBlock(),n.createElementBlock("div",y4,[(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",w4,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,b4))),128))])}const _0=Jt(g4,[["render",C4],["__scopeId","data-v-9dda8d57"]]),v4={components:{DatasetExplorer:k0,Tabs:_0,ElIconArrowLeft:ae.ArrowLeft,ElIconArrowRight:ae.ArrowRight,Drawer:El,Icon:ve,AnnotationTool:T0,ConnectivityExplorer:x0},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:[]},filterOptions:{type:Array,default:[]},showVisibilityFilter:{type:Boolean,default:!1}},data:function(){return{drawerOpen:!1,availableAnatomyFacets:[],activeTabId:1,activeAnnotationData:{tabType:"annotation"},activeConnectivityData:{tabType:"connectivity"}}},methods:{onConnectivityCollapseChange:function(e){this.$emit("connectivity-collapse-change",e)},onConnectivityItemClose:function(){this.$emit("connectivity-item-close")},hoverChanged:function(e,t){this.$emit("hover-changed",{...t,tabId:e});const o=this.getActiveTabTypeById(e);o==="connectivityExplorer"&&(this.activeConnectivityData=t),o==="annotation"&&(this.activeAnnotationData=t)},onConnectivityExplorerReset:function(e){this.$emit("connectivity-explorer-reset",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,tabId: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},getActiveTabTypeById:function(e){const t=this.tabs.find(o=>o.id===e);return t?t.type:""},highlightActiveTabData:function(e){let t=null;if(e.type==="connectivityExplorer"){const o=this.getTabRef(void 0,"connectivityExplorer",!0);o&&!o.expanded?t={tabType:"connectivity"}:t={...this.activeConnectivityData}}else e.type==="annotation"&&(t={...this.activeAnnotationData});t&&this.$emit("hover-changed",{...t,tabId:e.id})},tabClicked:function(e){this.setActiveTab(e),this.$emit("tabClicked",e),this.highlightActiveTabData(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))},closeConnectivity:function(){je.emit("close-connectivity")}},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)})}},k4={ref:"container"},S4={class:"box-card"},E4={class:"sidebar-container"};function x4(e,t,o,r,a,i){const s=ae.ArrowLeft,l=ve,c=ae.ArrowRight,d=_0,u=T0,p=x0,y=k0,m=El;return n.openBlock(),n.createElementBlock("div",k4,[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[7]||(t[7]=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",S4,[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",E4,[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)),onHoverChanged:h=>i.hoverChanged(f.id,h)},null,8,["annotationEntry","createData","onHoverChanged"])),[[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,onFilterVisibility:t[6]||(t[6]=h=>e.$emit("filter-visibility",h)),connectivityFilterOptions:o.filterOptions,showVisibilityFilter:o.showVisibilityFilter,onSearchChanged:h=>i.searchChanged(f.id,h),onHoverChanged:h=>i.hoverChanged(f.id,h),onConnectivityExplorerReset:i.onConnectivityExplorerReset,onShowConnectivity:i.showConnectivity,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onConnectivityHovered:i.onConnectivityHovered,onConnectivityCollapseChange:i.onConnectivityCollapseChange,onConnectivityItemClose:i.onConnectivityItemClose},null,8,["connectivityKnowledge","envVars","connectivityEntry","availableAnatomyFacets","connectivityFilterOptions","showVisibilityFilter","onSearchChanged","onHoverChanged","onConnectivityExplorerReset","onShowConnectivity","onShowReferenceConnectivities","onConnectivityHovered","onConnectivityCollapseChange","onConnectivityItemClose"])),[[n.vShow,f.id===e.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(y,{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:h=>i.hoverChanged(f.id,h)},null,8,["contextCardEntry","envVars","onSearchChanged","onHoverChanged"])),[[n.vShow,f.id===e.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const T4=Jt(v4,[["render",x4],["__scopeId","data-v-d70c187c"]]);Me.SideBar=T4,Object.defineProperty(Me,Symbol.toStringTag,{value:"Module"})});