@abi-software/map-side-bar 2.10.7-demo.0 → 2.10.7-demo.1

package/dist/map-side-bar.js

@@ -23902,7 +23902,7 @@ function R9(e, t, n, r, o, a) {
           M("span", null, [
             t[10] || (t[10] = Ce(" Connectivity from: ")),
             j(l, {
-              width: "250",
+              width: "320",
               trigger: "hover",
               teleported: !1,
               "popper-class": "popover-origin-help"
@@ -23917,9 +23917,11 @@ function R9(e, t, n, r, o, a) {
               ]),
               default: P(() => [
                 t[9] || (t[9] = M("span", { style: { "word-break": "keep-all" } }, [
-                  Ce(" Map - connectivity as defined in displayed map "),
+                  M("strong", null, "Map"),
+                  Ce(" - connectivity as defined in displayed map "),
                   M("br"),
-                  Ce(" SCKAN - connectivity as defined in SCKAN ")
+                  M("strong", null, "SCKAN"),
+                  Ce(" - connectivity as defined in SCKAN ")
                 ], -1))
               ]),
               _: 1
@@ -24064,7 +24066,7 @@ function R9(e, t, n, r, o, a) {
     ])) : W("", !0)
   ])) : W("", !0);
 }
-const Qy = /* @__PURE__ */ Nn(d9, [["render", R9], ["__scopeId", "data-v-5bb12b0d"]]), N9 = {
+const Qy = /* @__PURE__ */ Nn(d9, [["render", R9], ["__scopeId", "data-v-4fd78f33"]]), N9 = {
   name: "ConnectivityCard",
   data() {
     return {

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

@@ -467,4 +467,4 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`),{initialZIndex:r,curr
 `;const g=e.list.map(m=>`<li>${m}</li>`).join(`
 `);f+=`<ul>${g}</ul>`,t.push(f)}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,label:e,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=>Ca(a.label)).join(", ").replace(/, ([^,]*)$/," and $1"),errorMessage:o}},onConnectivitySourceChange:function(e){this.connectivityLoading=!0,this.activeView!=="graphView"&&(this.graphViewLoaded=!1),this.updateGraphConnectivity(),ue.emit("connectivity-source-change",{entry:this.entry,connectivitySource:e}),ue.emit("trackEvent",{event_name:"portal_maps_connectivity_source_change",category:e,location:"map_sidebar_connectivity"})},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 ue.emit("connectivity-source-change",{entry:this.entry,connectivitySource:"sckan"}),new Error(t)}}},onConnectivityActionClick:function(e){ue.emit("onConnectivityActionClick",e)},closeConnectivity:function(){this.$emit("close-connectivity"),ue.emit("trackEvent",{event_name:"portal_maps_connectivity_close",category:this.entry.id||"",location:"map_sidebar_connectivity"})},onTrackEvent:function(e){ue.emit("trackEvent",e)}},mounted:function(){this.updatedCopyContent=this.getUpdateCopyContent(),ue.on("connectivity-error",e=>{const t=this.getConnectivityError(e);this.connectivityError={...t}})}},$8={key:0,class:"main"},L8={class:"connectivity-info-title"},V8={class:"title-content"},D8={key:0,class:"block"},M8={class:"title"},j8={style:{"word-break":"keep-all"}},z8={class:"subtitle"},U8={key:0,class:"subtitle"},H8={key:1,class:"block"},q8={class:"title"},K8={class:"title-buttons"},W8={class:"content-container population-display"},G8={class:"block attribute-title-container"},J8={class:"block buttons-row"},Z8={class:"population-display-source"},Y8={class:"population-display-view"},X8={key:0,class:"block"},Q8=["origin-item-label"],e4=["origin-item-label","onMouseenter"],t4={class:"content-container content-container-connectivity"},n4={class:"content-container content-container-connectivity"},o4={key:1,class:"content-container content-container-references"};function r4(e,t,o,r,a,i){const s=re.WarnTriangleFilled,l=ke,c=qr,d=re.Location,u=pt,f=n.resolveComponent("CopyToClipboard"),g=re.Close,m=re.Warning,p=Ep,h=Ex,y=re.Search,b=n.resolveComponent("connectivity-list"),v=n.resolveComponent("connectivity-graph"),O=n.resolveComponent("ExternalResourceCard"),S=Yo;return i.entry?(n.openBlock(),n.createElementBlock("div",$8,[n.createElementVNode("div",L8,[n.createElementVNode("div",V8,[i.entry.title?(n.openBlock(),n.createElementBlock("div",D8,[n.createElementVNode("div",M8,[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",j8,n.toDisplayString(i.entry.featuresAlert),1)]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",z8,[t[4]||(t[4]=n.createElementVNode("strong",null,"id: ",-1)),n.createTextVNode(n.toDisplayString(i.entry.featureId[0]),1)]),i.hasProvenanceTaxonomyLabel?(n.openBlock(),n.createElementBlock("div",U8,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",H8,[n.createElementVNode("div",q8,n.toDisplayString(i.entry.featureId),1)]))]),n.createElementVNode("div",K8,[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[5]||(t[5]=n.createElementVNode("span",null," Show connectivity on map ",-1))]),_:1}),n.createVNode(f,{onCopied:i.onCopied,content:e.updatedCopyContent},null,8,["onCopied","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(g)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[6]||(t[6]=n.createElementVNode("span",null,"Close",-1))]),_:1})):n.createCommentVNode("",!0)])]),n.createElementVNode("div",W8,[n.createElementVNode("div",G8,[t[8]||(t[8]=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[7]||(t[7]=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",J8,[n.createElementVNode("div",Z8,[n.createElementVNode("span",null,[t[10]||(t[10]=n.createTextVNode(" Connectivity from: ")),n.createVNode(c,{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[9]||(t[9]=n.createElementVNode("span",{style:{"word-break":"keep-all"}},[n.createTextVNode(" Map - connectivity as defined in displayed map "),n.createElementVNode("br"),n.createTextVNode(" SCKAN - connectivity as defined in SCKAN ")],-1))]),_:1})]),n.createVNode(h,{modelValue:e.connectivitySource,"onUpdate:modelValue":t[0]||(t[0]=k=>e.connectivitySource=k),onChange:i.onConnectivitySourceChange},{default:n.withCtx(()=>[n.createVNode(p,{value:"map",disabled:e.noMapConnectivity},{default:n.withCtx(()=>t[11]||(t[11]=[n.createTextVNode("Map")])),_:1},8,["disabled"]),n.createVNode(p,{value:"sckan"},{default:n.withCtx(()=>t[12]||(t[12]=[n.createTextVNode("SCKAN")])),_:1})]),_:1},8,["modelValue","onChange"])]),n.createElementVNode("div",Y8,[n.createVNode(u,{class:n.normalizeClass(e.activeView==="listView"?"button":"el-button-secondary"),onClick:t[1]||(t[1]=k=>i.switchConnectivityView("listView"))},{default:n.withCtx(()=>t[13]||(t[13]=[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]=k=>i.switchConnectivityView("graphView"))},{default:n.withCtx(()=>t[14]||(t[14]=[n.createTextVNode(" Graph view ")])),_:1},8,["class"])])])]),i.entry["nerve-label"]?(n.openBlock(),n.createElementBlock("div",X8,[t[16]||(t[16]=n.createElementVNode("div",{class:"attribute-title-container"},[n.createElementVNode("span",{class:"attribute-title"},"Nerves")],-1)),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.entry["nerve-label"],(k,x)=>(n.openBlock(),n.createElementBlock("div",null,[(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","origin-item-label":k.nerve,key:k.nerve},[n.createElementVNode("span",null,n.toDisplayString(i.capitalise(k.nerve)),1)],8,Q8)),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(k.subNerves,(T,B)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content",style:{"margin-left":"1rem"},"origin-item-label":T,key:T,onMouseenter:A=>i.onConnectivityHovered(T),onMouseleave:t[3]||(t[3]=A=>i.onConnectivityHovered())},[n.createVNode(c,{width:"150",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(l,{class:"magnify-glass",onClick:A=>i.onConnectivityClicked(T)},{default:n.withCtx(()=>[n.createVNode(y)]),_:2},1032,["onClick"])]),default:n.withCtx(()=>[t[15]||(t[15]=n.createElementVNode("span",null,"Search sub nerve",-1))]),_:2},1024),n.createElementVNode("span",null,n.toDisplayString(i.capitalise(T)),1)],40,e4))),128))]))),256))])):n.createCommentVNode("",!0),n.withDirectives(n.createElementVNode("div",t4,[n.withDirectives((n.openBlock(),n.createBlock(b,{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"])),[[S,e.connectivityLoading]])],512),[[n.vShow,e.activeView==="listView"]]),n.withDirectives(n.createElementVNode("div",n4,[e.graphViewLoaded?n.withDirectives((n.openBlock(),n.createBlock(v,{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"])),[[S,e.connectivityLoading]]):n.createCommentVNode("",!0)],512),[[n.vShow,e.activeView==="graphView"]]),i.resources.length?(n.openBlock(),n.createElementBlock("div",o4,[n.createVNode(O,{resources:i.resources,onReferencesLoaded:i.onReferencesLoaded,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onTrackEvent:i.onTrackEvent},null,8,["resources","onReferencesLoaded","onShowReferenceConnectivities","onTrackEvent"])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)}const x0=Jt(R8,[["render",r4],["__scopeId","data-v-5bb12b0d"]]),a4={name:"ConnectivityCard",data(){return{displayFields:["id","nerve-label"]}},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),ue.emit("trackEvent",{event_name:"portal_maps_connectivity_open",category:e.id||"",location:"map_sidebar_connectivity"}))}}},i4={class:"connectivity-card-container",ref:"container"},s4={class:"connectivity-card",ref:"card"},l4={class:"card-title"},c4={key:0,class:"card-details"},d4={key:0,class:"card-tags"},u4={key:1};function f4(e,t,o,r,a,i){const s=bo,l=Yo;return n.openBlock(),n.createElementBlock("div",i4,[n.createElementVNode("div",s4,[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]=c=>i.cardClicked(o.entry))},[n.createElementVNode("div",l4,n.toDisplayString(i.capitalise(o.entry.label)),1),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.displayFields,c=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:c},[o.entry[c]?(n.openBlock(),n.createElementBlock("div",c4,[n.createElementVNode("strong",null,n.toDisplayString(c)+":",1),c==="nerve-label"?(n.openBlock(),n.createElementBlock("div",d4,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry[c],d=>(n.openBlock(),n.createElementBlock("div",{key:d.nerve},[n.createVNode(s,{type:"primary",size:"small"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(d.nerve),1)]),_:2},1024),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(d.subNerves,u=>(n.openBlock(),n.createBlock(s,{type:"primary",size:"small"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(u),1)]),_:2},1024))),256))]))),128))])):(n.openBlock(),n.createElementBlock("span",u4,n.toDisplayString(o.entry[c]),1))])):n.createCommentVNode("",!0)],64))),128))])),[[l,i.loading]])],512)],512)}const _0=Jt(a4,[["render",f4],["__scopeId","data-v-4c16c9d7"]]);var p4={searchInput:"",lastSearch:"",results:[],numberOfHits:0,filter:[],loadingCards:!1,numberPerPage:10,page:1,start:0};const h4={components:{SearchFilters:fs,SearchHistory:us,ConnectivityCard:_0,ConnectivityInfo:x0,Button:pt,Card:ii,Checkbox:Sl,Icon:ke,Input:Ko,Pagination:ui,MapSvgIcon:Ry,MapSvgSpriteColor:y0},name:"ConnectivityExplorer",props:{connectivityKnowledge:{type:Array,default:[]},entry:{type:Object,default:()=>p4},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.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.openSearch([],"")},onResetClick:function(){this.openSearch([],""),this.$emit("search-changed",{value:[],tabType:"dataset",type:"reset-update"}),ue.emit("trackEvent",{event_name:"portal_maps_action_filter",category:"reset",location:"map_sidebar_connectivity"})},openSearch:function(e,t=""){if(this.searchInput=t,this.resetPageNavigation(),this.cascaderIsReady){const o=this.$refs.filtersRef.getHierarchicalValidatedFilters(e),r=o.notFound?o.notFound.filter(a=>a.facet.toLowerCase()!=="show all"):[];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("search-changed",{value:r,tabType:"dataset",type:"reset-update"}),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,ue.emit("trackEvent",{event_name:"portal_maps_connectivity_perPage",category:e+"",location:"map_sidebar_connectivity"});const t=this.page===1;this.pageChange(1,t)},pageChange:function(e,t=!1){this.start=(e-1)*this.numberPerPage,this.page=e,this.expanded="",this.expandedData=null,this.scrollToTop(),t||ue.emit("trackEvent",{event_name:"portal_maps_connectivity_pagination",category:`page_${this.page}`,location:"map_sidebar_connectivity"})},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)})},getSearch:function(){return this.searchInput},getFilters:function(){return this.filter.some(t=>t.facet.toLowerCase()!=="show all")?this.filter:[]}},mounted:function(){localStorage.removeItem("connectivity-active-view"),this.openSearch(this.filter,this.searchInput),ue.on("close-connectivity",()=>{this.expanded="",this.expandedData=null})}},m4={class:"header"},g4={key:0,class:"visibility-filter"},y4={key:0,class:"error-feedback"},b4=["onMouseenter"];function w4(e,t,o,r,a,i){const s=n.resolveComponent("MapSvgSpriteColor"),l=Ko,c=pt,d=Sl,u=n.resolveComponent("MapSvgIcon"),f=qr,g=fs,m=us,p=_0,h=x0,y=ui,b=ii,v=Yo;return n.openBlock(),n.createBlock(b,{"body-style":e.bodyStyle,class:"content-card"},{header:n.withCtx(()=>[n.createElementVNode("div",m4,[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",g4,[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(f,{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(g,{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",y4," 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(p,{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,b4))),128)),n.createVNode(y,{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 T0=Jt(h4,[["render",w4],["__scopeId","data-v-d9061656"]]),C4={name:"AnnotationTool",components:{AnnotationPopup:lo.AnnotationPopup,Button:pt,CreateTooltipContent:lo.CreateTooltipContent,Col:Tl,ElIconDelete:re.Delete,Icon:ke,Row:_l},props:{annotationEntry:{type:Array},createData:{type:Object,default:{}}},data:function(){return{ElIconDelete:n.shallowRef(re.Delete),annotationPopupData:null}}},v4={class:"annotation-tool scrollbar"},k4={key:1,class:"delete-container"};function S4(e,t,o,r,a,i){const s=n.resolveComponent("CreateTooltipContent"),l=n.resolveComponent("annotation-popup"),c=Tl,d=pt,u=_l;return n.openBlock(),n.createElementBlock("div",v4,[n.withDirectives(n.createVNode(s,{createData:o.createData,onConfirmCreate:t[0]||(t[0]=f=>e.$emit("confirm-create",f)),onCancelCreate:t[1]||(t[1]=f=>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]=f=>e.$emit("annotation",f)),onHoverChanged:t[3]||(t[3]=f=>e.$emit("hover-changed",f)),onTrackEvent:t[4]||(t[4]=f=>e.$emit("trackEvent",f))},null,8,["annotationEntry"])):n.createCommentVNode("",!0),o.createData&&o.createData.toBeDeleted?(n.openBlock(),n.createElementBlock("div",k4,[n.createVNode(u,null,{default:n.withCtx(()=>[n.createVNode(c,{offset:1,span:6},{default:n.withCtx(()=>t[7]||(t[7]=[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[5]||(t[5]=f=>e.$emit("confirm-delete"))},{default:n.withCtx(()=>t[8]||(t[8]=[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[6]||(t[6]=f=>e.$emit("cancel-create"))},{default:n.withCtx(()=>t[9]||(t[9]=[n.createTextVNode(" Dismiss ")])),_:1})]),_:1})]),_:1})])):n.createCommentVNode("",!0)])}const O0=Jt(C4,[["render",S4],["__scopeId","data-v-7acfbf0c"]]),E4={name:"Tabs",components:{ElIconClose:re.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}),this.$emit("trackEvent",{event:"interaction_event",event_name:"portal_maps_sidebar_open_tab",category:e.type,location:"map_sidebar_tabs"})},tabClosed:function(e){this.$emit("tabClosed",{id:e.id,type:e.type})}}},x4={class:"tabs-container"},_4=["onClick"],T4={class:"tab-title"};function O4(e,t,o,r,a,i){const s=re.Close,l=ke;return n.openBlock(),n.createElementBlock("div",x4,[(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",T4,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,_4))),128))])}const B0=Jt(E4,[["render",O4],["__scopeId","data-v-744b6365"]]),B4={components:{DatasetExplorer:E0,Tabs:B0,ElIconArrowLeft:re.ArrowLeft,ElIconArrowRight:re.ArrowRight,Drawer:Ol,Icon:ke,AnnotationTool:O0,ConnectivityExplorer:T0},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"},state:{dataset:{search:"",filters:[]},connectivity:{search:"",filters:[]},connectivityEntries:[],annotationEntries:[],activeTabId:this.activeTabId}}},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)},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]||this.$refs[i].length===0?null:this.$refs[i][0]},addFilter:function(e){if(e){this.drawerOpen=!0;let t=e;Array.isArray(e)?t.forEach(o=>o.AND=!0):(e.AND=!0,t=[e]),this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).addFilter(t)})}},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){ue.emit("connectivity-error",e)},storeAvailableAnatomyFacets:function(e){localStorage.setItem("available-anatomy-facets",JSON.stringify(e))},closeConnectivity:function(){ue.emit("close-connectivity")},updateState:function(){this.state.activeTabId=this.activeTabId;const e=this.getTabRef(void 0,"datasetExplorer");e&&(this.state.dataset.search=e.getSearch(),this.state.dataset.filters=k0(e.getFilters()));const t=this.getTabRef(void 0,"connectivityExplorer");t&&(this.state.connectivity.search=t.getSearch(),this.state.connectivity.filters=t.getFilters()),this.connectivityEntry&&this.connectivityEntry.length>0&&(this.state.connectivityEntries=this.connectivityEntry.map(o=>o.id)),this.annotationEntry&&this.annotationEntry.length>0&&(this.state.annotationEntries=this.annotationEntry.map(o=>o.models))},getState:function(){return this.updateState(),this.state},setState:function(e){if(!e||!e.dataset||!e.connectivity)return;this.state=JSON.parse(JSON.stringify(e));const t=e.dataset.filters,o=e.connectivity.filters,r=e.dataset.search,a=e.connectivity.search;(t.length||r)&&this.openSearch(t,r),(o.length||a)&&this.openConnectivitySearch(o,a),e.activeTabId&&this.$nextTick(()=>{this.tabEntries.find(s=>s.id===e.activeTabId)&&(this.activeTabId=e.activeTabId)})},trackEvent:function(e){const t={event:"interaction_event",location:"map_sidebar",...e};this.$emit("trackEvent",t)}},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(){ue.on("PopoverActionClick",e=>{this.$emit("actionClick",e)}),ue.on("number-of-datasets-for-anatomies",e=>{this.$emit("number-of-datasets-for-anatomies",e)}),ue.on("anatomy-in-datasets",e=>{this.$emit("anatomy-in-datasets",e)}),ue.on("contextUpdate",e=>{this.$emit("contextUpdate",e)}),ue.on("datalink-clicked",e=>{this.$emit("datalink-clicked",e)}),ue.on("onConnectivityActionClick",e=>{this.tabClicked({id:1,type:"datasetExplorer"}),this.$emit("actionClick",e)}),ue.on("connectivity-source-change",e=>{this.$emit("connectivity-source-change",e)}),ue.on("available-facets",e=>{this.availableAnatomyFacets=e.find(t=>t.label==="Anatomical Structure").children,this.storeAvailableAnatomyFacets(this.availableAnatomyFacets)}),ue.on("trackEvent",e=>{this.trackEvent(e)})}},N4={ref:"container"},I4={class:"box-card"},A4={class:"sidebar-container"};function F4(e,t,o,r,a,i){const s=re.ArrowLeft,l=ke,c=re.ArrowRight,d=B0,u=O0,f=T0,g=E0,m=Ol;return n.openBlock(),n.createElementBlock("div",N4,[e.drawerOpen?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[0]||(t[0]=(...p)=>i.toggleDrawer&&i.toggleDrawer(...p)),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]=p=>e.drawerOpen=p),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",I4,[e.drawerOpen?(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[1]||(t[1]=(...p)=>i.close&&i.close(...p)),class:"close-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(c)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",A4,[i.tabEntries.length>1?(n.openBlock(),n.createBlock(d,{key:0,tabEntries:i.tabEntries,activeId:e.activeTabId,onTabClicked:i.tabClicked,onTabClosed:i.tabClosed,onTrackEvent:i.trackEvent},null,8,["tabEntries","activeId","onTabClicked","onTabClosed","onTrackEvent"])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabs,p=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:"tab.id"},[p.type==="annotation"?n.withDirectives((n.openBlock(),n.createBlock(u,{key:0,ref_for:!0,ref:"annotationTab_"+p.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(p.id,h),onTrackEvent:i.trackEvent},null,8,["annotationEntry","createData","onHoverChanged","onTrackEvent"])),[[n.vShow,p.id===e.activeTabId]]):p.type==="connectivityExplorer"?n.withDirectives((n.openBlock(),n.createBlock(f,{key:1,ref_for:!0,ref:"connectivityExplorerTab_"+p.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(p.id,h),onHoverChanged:h=>i.hoverChanged(p.id,h),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","onShowConnectivity","onShowReferenceConnectivities","onConnectivityHovered","onConnectivityCollapseChange","onConnectivityItemClose"])),[[n.vShow,p.id===e.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(g,{key:2,class:"sidebar-content-container",contextCardEntry:p.contextCard,envVars:o.envVars,ref_for:!0,ref:"datasetExplorerTab_"+p.id,onSearchChanged:h=>i.searchChanged(p.id,h),onHoverChanged:h=>i.hoverChanged(p.id,h)},null,8,["contextCardEntry","envVars","onSearchChanged","onHoverChanged"])),[[n.vShow,p.id===e.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const P4=Jt(B4,[["render",F4],["__scopeId","data-v-2254c7a7"]]);je.SideBar=P4,Object.defineProperty(je,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,label:e,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=>Ca(a.label)).join(", ").replace(/, ([^,]*)$/," and $1"),errorMessage:o}},onConnectivitySourceChange:function(e){this.connectivityLoading=!0,this.activeView!=="graphView"&&(this.graphViewLoaded=!1),this.updateGraphConnectivity(),ue.emit("connectivity-source-change",{entry:this.entry,connectivitySource:e}),ue.emit("trackEvent",{event_name:"portal_maps_connectivity_source_change",category:e,location:"map_sidebar_connectivity"})},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 ue.emit("connectivity-source-change",{entry:this.entry,connectivitySource:"sckan"}),new Error(t)}}},onConnectivityActionClick:function(e){ue.emit("onConnectivityActionClick",e)},closeConnectivity:function(){this.$emit("close-connectivity"),ue.emit("trackEvent",{event_name:"portal_maps_connectivity_close",category:this.entry.id||"",location:"map_sidebar_connectivity"})},onTrackEvent:function(e){ue.emit("trackEvent",e)}},mounted:function(){this.updatedCopyContent=this.getUpdateCopyContent(),ue.on("connectivity-error",e=>{const t=this.getConnectivityError(e);this.connectivityError={...t}})}},$8={key:0,class:"main"},L8={class:"connectivity-info-title"},V8={class:"title-content"},D8={key:0,class:"block"},M8={class:"title"},j8={style:{"word-break":"keep-all"}},z8={class:"subtitle"},U8={key:0,class:"subtitle"},H8={key:1,class:"block"},q8={class:"title"},K8={class:"title-buttons"},W8={class:"content-container population-display"},G8={class:"block attribute-title-container"},J8={class:"block buttons-row"},Z8={class:"population-display-source"},Y8={class:"population-display-view"},X8={key:0,class:"block"},Q8=["origin-item-label"],e4=["origin-item-label","onMouseenter"],t4={class:"content-container content-container-connectivity"},n4={class:"content-container content-container-connectivity"},o4={key:1,class:"content-container content-container-references"};function r4(e,t,o,r,a,i){const s=re.WarnTriangleFilled,l=ke,c=qr,d=re.Location,u=pt,f=n.resolveComponent("CopyToClipboard"),g=re.Close,m=re.Warning,p=Ep,h=Ex,y=re.Search,b=n.resolveComponent("connectivity-list"),v=n.resolveComponent("connectivity-graph"),O=n.resolveComponent("ExternalResourceCard"),S=Yo;return i.entry?(n.openBlock(),n.createElementBlock("div",$8,[n.createElementVNode("div",L8,[n.createElementVNode("div",V8,[i.entry.title?(n.openBlock(),n.createElementBlock("div",D8,[n.createElementVNode("div",M8,[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",j8,n.toDisplayString(i.entry.featuresAlert),1)]),_:1})):n.createCommentVNode("",!0)]),n.createElementVNode("div",z8,[t[4]||(t[4]=n.createElementVNode("strong",null,"id: ",-1)),n.createTextVNode(n.toDisplayString(i.entry.featureId[0]),1)]),i.hasProvenanceTaxonomyLabel?(n.openBlock(),n.createElementBlock("div",U8,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",H8,[n.createElementVNode("div",q8,n.toDisplayString(i.entry.featureId),1)]))]),n.createElementVNode("div",K8,[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[5]||(t[5]=n.createElementVNode("span",null," Show connectivity on map ",-1))]),_:1}),n.createVNode(f,{onCopied:i.onCopied,content:e.updatedCopyContent},null,8,["onCopied","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(g)]),_:1})]),_:1},8,["onClick"])]),default:n.withCtx(()=>[t[6]||(t[6]=n.createElementVNode("span",null,"Close",-1))]),_:1})):n.createCommentVNode("",!0)])]),n.createElementVNode("div",W8,[n.createElementVNode("div",G8,[t[8]||(t[8]=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[7]||(t[7]=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",J8,[n.createElementVNode("div",Z8,[n.createElementVNode("span",null,[t[10]||(t[10]=n.createTextVNode(" Connectivity from: ")),n.createVNode(c,{width:"320",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[9]||(t[9]=n.createElementVNode("span",{style:{"word-break":"keep-all"}},[n.createElementVNode("strong",null,"Map"),n.createTextVNode(" - connectivity as defined in displayed map "),n.createElementVNode("br"),n.createElementVNode("strong",null,"SCKAN"),n.createTextVNode(" - connectivity as defined in SCKAN ")],-1))]),_:1})]),n.createVNode(h,{modelValue:e.connectivitySource,"onUpdate:modelValue":t[0]||(t[0]=k=>e.connectivitySource=k),onChange:i.onConnectivitySourceChange},{default:n.withCtx(()=>[n.createVNode(p,{value:"map",disabled:e.noMapConnectivity},{default:n.withCtx(()=>t[11]||(t[11]=[n.createTextVNode("Map")])),_:1},8,["disabled"]),n.createVNode(p,{value:"sckan"},{default:n.withCtx(()=>t[12]||(t[12]=[n.createTextVNode("SCKAN")])),_:1})]),_:1},8,["modelValue","onChange"])]),n.createElementVNode("div",Y8,[n.createVNode(u,{class:n.normalizeClass(e.activeView==="listView"?"button":"el-button-secondary"),onClick:t[1]||(t[1]=k=>i.switchConnectivityView("listView"))},{default:n.withCtx(()=>t[13]||(t[13]=[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]=k=>i.switchConnectivityView("graphView"))},{default:n.withCtx(()=>t[14]||(t[14]=[n.createTextVNode(" Graph view ")])),_:1},8,["class"])])])]),i.entry["nerve-label"]?(n.openBlock(),n.createElementBlock("div",X8,[t[16]||(t[16]=n.createElementVNode("div",{class:"attribute-title-container"},[n.createElementVNode("span",{class:"attribute-title"},"Nerves")],-1)),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.entry["nerve-label"],(k,x)=>(n.openBlock(),n.createElementBlock("div",null,[(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","origin-item-label":k.nerve,key:k.nerve},[n.createElementVNode("span",null,n.toDisplayString(i.capitalise(k.nerve)),1)],8,Q8)),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(k.subNerves,(T,B)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content",style:{"margin-left":"1rem"},"origin-item-label":T,key:T,onMouseenter:A=>i.onConnectivityHovered(T),onMouseleave:t[3]||(t[3]=A=>i.onConnectivityHovered())},[n.createVNode(c,{width:"150",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(l,{class:"magnify-glass",onClick:A=>i.onConnectivityClicked(T)},{default:n.withCtx(()=>[n.createVNode(y)]),_:2},1032,["onClick"])]),default:n.withCtx(()=>[t[15]||(t[15]=n.createElementVNode("span",null,"Search sub nerve",-1))]),_:2},1024),n.createElementVNode("span",null,n.toDisplayString(i.capitalise(T)),1)],40,e4))),128))]))),256))])):n.createCommentVNode("",!0),n.withDirectives(n.createElementVNode("div",t4,[n.withDirectives((n.openBlock(),n.createBlock(b,{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"])),[[S,e.connectivityLoading]])],512),[[n.vShow,e.activeView==="listView"]]),n.withDirectives(n.createElementVNode("div",n4,[e.graphViewLoaded?n.withDirectives((n.openBlock(),n.createBlock(v,{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"])),[[S,e.connectivityLoading]]):n.createCommentVNode("",!0)],512),[[n.vShow,e.activeView==="graphView"]]),i.resources.length?(n.openBlock(),n.createElementBlock("div",o4,[n.createVNode(O,{resources:i.resources,onReferencesLoaded:i.onReferencesLoaded,onShowReferenceConnectivities:i.onShowReferenceConnectivities,onTrackEvent:i.onTrackEvent},null,8,["resources","onReferencesLoaded","onShowReferenceConnectivities","onTrackEvent"])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)}const x0=Jt(R8,[["render",r4],["__scopeId","data-v-4fd78f33"]]),a4={name:"ConnectivityCard",data(){return{displayFields:["id","nerve-label"]}},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),ue.emit("trackEvent",{event_name:"portal_maps_connectivity_open",category:e.id||"",location:"map_sidebar_connectivity"}))}}},i4={class:"connectivity-card-container",ref:"container"},s4={class:"connectivity-card",ref:"card"},l4={class:"card-title"},c4={key:0,class:"card-details"},d4={key:0,class:"card-tags"},u4={key:1};function f4(e,t,o,r,a,i){const s=bo,l=Yo;return n.openBlock(),n.createElementBlock("div",i4,[n.createElementVNode("div",s4,[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]=c=>i.cardClicked(o.entry))},[n.createElementVNode("div",l4,n.toDisplayString(i.capitalise(o.entry.label)),1),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.displayFields,c=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:c},[o.entry[c]?(n.openBlock(),n.createElementBlock("div",c4,[n.createElementVNode("strong",null,n.toDisplayString(c)+":",1),c==="nerve-label"?(n.openBlock(),n.createElementBlock("div",d4,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry[c],d=>(n.openBlock(),n.createElementBlock("div",{key:d.nerve},[n.createVNode(s,{type:"primary",size:"small"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(d.nerve),1)]),_:2},1024),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(d.subNerves,u=>(n.openBlock(),n.createBlock(s,{type:"primary",size:"small"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(u),1)]),_:2},1024))),256))]))),128))])):(n.openBlock(),n.createElementBlock("span",u4,n.toDisplayString(o.entry[c]),1))])):n.createCommentVNode("",!0)],64))),128))])),[[l,i.loading]])],512)],512)}const _0=Jt(a4,[["render",f4],["__scopeId","data-v-4c16c9d7"]]);var p4={searchInput:"",lastSearch:"",results:[],numberOfHits:0,filter:[],loadingCards:!1,numberPerPage:10,page:1,start:0};const h4={components:{SearchFilters:fs,SearchHistory:us,ConnectivityCard:_0,ConnectivityInfo:x0,Button:pt,Card:ii,Checkbox:Sl,Icon:ke,Input:Ko,Pagination:ui,MapSvgIcon:Ry,MapSvgSpriteColor:y0},name:"ConnectivityExplorer",props:{connectivityKnowledge:{type:Array,default:[]},entry:{type:Object,default:()=>p4},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.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.openSearch([],"")},onResetClick:function(){this.openSearch([],""),this.$emit("search-changed",{value:[],tabType:"dataset",type:"reset-update"}),ue.emit("trackEvent",{event_name:"portal_maps_action_filter",category:"reset",location:"map_sidebar_connectivity"})},openSearch:function(e,t=""){if(this.searchInput=t,this.resetPageNavigation(),this.cascaderIsReady){const o=this.$refs.filtersRef.getHierarchicalValidatedFilters(e),r=o.notFound?o.notFound.filter(a=>a.facet.toLowerCase()!=="show all"):[];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("search-changed",{value:r,tabType:"dataset",type:"reset-update"}),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,ue.emit("trackEvent",{event_name:"portal_maps_connectivity_perPage",category:e+"",location:"map_sidebar_connectivity"});const t=this.page===1;this.pageChange(1,t)},pageChange:function(e,t=!1){this.start=(e-1)*this.numberPerPage,this.page=e,this.expanded="",this.expandedData=null,this.scrollToTop(),t||ue.emit("trackEvent",{event_name:"portal_maps_connectivity_pagination",category:`page_${this.page}`,location:"map_sidebar_connectivity"})},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)})},getSearch:function(){return this.searchInput},getFilters:function(){return this.filter.some(t=>t.facet.toLowerCase()!=="show all")?this.filter:[]}},mounted:function(){localStorage.removeItem("connectivity-active-view"),this.openSearch(this.filter,this.searchInput),ue.on("close-connectivity",()=>{this.expanded="",this.expandedData=null})}},m4={class:"header"},g4={key:0,class:"visibility-filter"},y4={key:0,class:"error-feedback"},b4=["onMouseenter"];function w4(e,t,o,r,a,i){const s=n.resolveComponent("MapSvgSpriteColor"),l=Ko,c=pt,d=Sl,u=n.resolveComponent("MapSvgIcon"),f=qr,g=fs,m=us,p=_0,h=x0,y=ui,b=ii,v=Yo;return n.openBlock(),n.createBlock(b,{"body-style":e.bodyStyle,class:"content-card"},{header:n.withCtx(()=>[n.createElementVNode("div",m4,[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",g4,[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(f,{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(g,{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",y4," 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(p,{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,b4))),128)),n.createVNode(y,{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 T0=Jt(h4,[["render",w4],["__scopeId","data-v-d9061656"]]),C4={name:"AnnotationTool",components:{AnnotationPopup:lo.AnnotationPopup,Button:pt,CreateTooltipContent:lo.CreateTooltipContent,Col:Tl,ElIconDelete:re.Delete,Icon:ke,Row:_l},props:{annotationEntry:{type:Array},createData:{type:Object,default:{}}},data:function(){return{ElIconDelete:n.shallowRef(re.Delete),annotationPopupData:null}}},v4={class:"annotation-tool scrollbar"},k4={key:1,class:"delete-container"};function S4(e,t,o,r,a,i){const s=n.resolveComponent("CreateTooltipContent"),l=n.resolveComponent("annotation-popup"),c=Tl,d=pt,u=_l;return n.openBlock(),n.createElementBlock("div",v4,[n.withDirectives(n.createVNode(s,{createData:o.createData,onConfirmCreate:t[0]||(t[0]=f=>e.$emit("confirm-create",f)),onCancelCreate:t[1]||(t[1]=f=>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]=f=>e.$emit("annotation",f)),onHoverChanged:t[3]||(t[3]=f=>e.$emit("hover-changed",f)),onTrackEvent:t[4]||(t[4]=f=>e.$emit("trackEvent",f))},null,8,["annotationEntry"])):n.createCommentVNode("",!0),o.createData&&o.createData.toBeDeleted?(n.openBlock(),n.createElementBlock("div",k4,[n.createVNode(u,null,{default:n.withCtx(()=>[n.createVNode(c,{offset:1,span:6},{default:n.withCtx(()=>t[7]||(t[7]=[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[5]||(t[5]=f=>e.$emit("confirm-delete"))},{default:n.withCtx(()=>t[8]||(t[8]=[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[6]||(t[6]=f=>e.$emit("cancel-create"))},{default:n.withCtx(()=>t[9]||(t[9]=[n.createTextVNode(" Dismiss ")])),_:1})]),_:1})]),_:1})])):n.createCommentVNode("",!0)])}const O0=Jt(C4,[["render",S4],["__scopeId","data-v-7acfbf0c"]]),E4={name:"Tabs",components:{ElIconClose:re.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}),this.$emit("trackEvent",{event:"interaction_event",event_name:"portal_maps_sidebar_open_tab",category:e.type,location:"map_sidebar_tabs"})},tabClosed:function(e){this.$emit("tabClosed",{id:e.id,type:e.type})}}},x4={class:"tabs-container"},_4=["onClick"],T4={class:"tab-title"};function O4(e,t,o,r,a,i){const s=re.Close,l=ke;return n.openBlock(),n.createElementBlock("div",x4,[(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",T4,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,_4))),128))])}const B0=Jt(E4,[["render",O4],["__scopeId","data-v-744b6365"]]),B4={components:{DatasetExplorer:E0,Tabs:B0,ElIconArrowLeft:re.ArrowLeft,ElIconArrowRight:re.ArrowRight,Drawer:Ol,Icon:ke,AnnotationTool:O0,ConnectivityExplorer:T0},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"},state:{dataset:{search:"",filters:[]},connectivity:{search:"",filters:[]},connectivityEntries:[],annotationEntries:[],activeTabId:this.activeTabId}}},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)},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]||this.$refs[i].length===0?null:this.$refs[i][0]},addFilter:function(e){if(e){this.drawerOpen=!0;let t=e;Array.isArray(e)?t.forEach(o=>o.AND=!0):(e.AND=!0,t=[e]),this.$nextTick(()=>{this.getTabRef(void 0,"datasetExplorer",!0).addFilter(t)})}},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){ue.emit("connectivity-error",e)},storeAvailableAnatomyFacets:function(e){localStorage.setItem("available-anatomy-facets",JSON.stringify(e))},closeConnectivity:function(){ue.emit("close-connectivity")},updateState:function(){this.state.activeTabId=this.activeTabId;const e=this.getTabRef(void 0,"datasetExplorer");e&&(this.state.dataset.search=e.getSearch(),this.state.dataset.filters=k0(e.getFilters()));const t=this.getTabRef(void 0,"connectivityExplorer");t&&(this.state.connectivity.search=t.getSearch(),this.state.connectivity.filters=t.getFilters()),this.connectivityEntry&&this.connectivityEntry.length>0&&(this.state.connectivityEntries=this.connectivityEntry.map(o=>o.id)),this.annotationEntry&&this.annotationEntry.length>0&&(this.state.annotationEntries=this.annotationEntry.map(o=>o.models))},getState:function(){return this.updateState(),this.state},setState:function(e){if(!e||!e.dataset||!e.connectivity)return;this.state=JSON.parse(JSON.stringify(e));const t=e.dataset.filters,o=e.connectivity.filters,r=e.dataset.search,a=e.connectivity.search;(t.length||r)&&this.openSearch(t,r),(o.length||a)&&this.openConnectivitySearch(o,a),e.activeTabId&&this.$nextTick(()=>{this.tabEntries.find(s=>s.id===e.activeTabId)&&(this.activeTabId=e.activeTabId)})},trackEvent:function(e){const t={event:"interaction_event",location:"map_sidebar",...e};this.$emit("trackEvent",t)}},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(){ue.on("PopoverActionClick",e=>{this.$emit("actionClick",e)}),ue.on("number-of-datasets-for-anatomies",e=>{this.$emit("number-of-datasets-for-anatomies",e)}),ue.on("anatomy-in-datasets",e=>{this.$emit("anatomy-in-datasets",e)}),ue.on("contextUpdate",e=>{this.$emit("contextUpdate",e)}),ue.on("datalink-clicked",e=>{this.$emit("datalink-clicked",e)}),ue.on("onConnectivityActionClick",e=>{this.tabClicked({id:1,type:"datasetExplorer"}),this.$emit("actionClick",e)}),ue.on("connectivity-source-change",e=>{this.$emit("connectivity-source-change",e)}),ue.on("available-facets",e=>{this.availableAnatomyFacets=e.find(t=>t.label==="Anatomical Structure").children,this.storeAvailableAnatomyFacets(this.availableAnatomyFacets)}),ue.on("trackEvent",e=>{this.trackEvent(e)})}},N4={ref:"container"},I4={class:"box-card"},A4={class:"sidebar-container"};function F4(e,t,o,r,a,i){const s=re.ArrowLeft,l=ke,c=re.ArrowRight,d=B0,u=O0,f=T0,g=E0,m=Ol;return n.openBlock(),n.createElementBlock("div",N4,[e.drawerOpen?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[0]||(t[0]=(...p)=>i.toggleDrawer&&i.toggleDrawer(...p)),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]=p=>e.drawerOpen=p),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",I4,[e.drawerOpen?(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[1]||(t[1]=(...p)=>i.close&&i.close(...p)),class:"close-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(c)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",A4,[i.tabEntries.length>1?(n.openBlock(),n.createBlock(d,{key:0,tabEntries:i.tabEntries,activeId:e.activeTabId,onTabClicked:i.tabClicked,onTabClosed:i.tabClosed,onTrackEvent:i.trackEvent},null,8,["tabEntries","activeId","onTabClicked","onTabClosed","onTrackEvent"])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabs,p=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:"tab.id"},[p.type==="annotation"?n.withDirectives((n.openBlock(),n.createBlock(u,{key:0,ref_for:!0,ref:"annotationTab_"+p.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(p.id,h),onTrackEvent:i.trackEvent},null,8,["annotationEntry","createData","onHoverChanged","onTrackEvent"])),[[n.vShow,p.id===e.activeTabId]]):p.type==="connectivityExplorer"?n.withDirectives((n.openBlock(),n.createBlock(f,{key:1,ref_for:!0,ref:"connectivityExplorerTab_"+p.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(p.id,h),onHoverChanged:h=>i.hoverChanged(p.id,h),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","onShowConnectivity","onShowReferenceConnectivities","onConnectivityHovered","onConnectivityCollapseChange","onConnectivityItemClose"])),[[n.vShow,p.id===e.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(g,{key:2,class:"sidebar-content-container",contextCardEntry:p.contextCard,envVars:o.envVars,ref_for:!0,ref:"datasetExplorerTab_"+p.id,onSearchChanged:h=>i.searchChanged(p.id,h),onHoverChanged:h=>i.hoverChanged(p.id,h)},null,8,["contextCardEntry","envVars","onSearchChanged","onHoverChanged"])),[[n.vShow,p.id===e.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const P4=Jt(B4,[["render",F4],["__scopeId","data-v-2254c7a7"]]);je.SideBar=P4,Object.defineProperty(je,Symbol.toStringTag,{value:"Module"})});