@abi-software/map-side-bar 2.3.2-beta.2 → 2.3.2-beta.3

package/dist/map-side-bar.js

@@ -31228,7 +31228,7 @@ const l5 = /* @__PURE__ */ Pr(TJ, [["render", IJ], ["__scopeId", "data-v-e726c31
 <br>`);
     }
   }
-}, ka = (e) => (vi("data-v-f39a40b5"), e = e(), gi(), e), PJ = {
+}, ka = (e) => (vi("data-v-a24ef5e2"), e = e(), gi(), e), PJ = {
   key: 0,
   class: "main"
 }, RJ = { class: "connectivity-info-title" }, BJ = {
@@ -31240,35 +31240,35 @@ const l5 = /* @__PURE__ */ Pr(TJ, [["render", IJ], ["__scopeId", "data-v-e726c31
 }, jJ = {
   key: 1,
   class: "block"
-}, zJ = { class: "title" }, VJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", null, " Show connectivity on map ", -1)), HJ = {
+}, zJ = { class: "title" }, VJ = { class: "title-buttons" }, HJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", null, " Show connectivity on map ", -1)), UJ = {
   key: 0,
   class: "attribute-title-container"
-}, UJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { class: "attribute-title" }, "Alert", -1)), qJ = { style: { "word-break": "keep-all" } }, KJ = { class: "content-container scrollbar" }, WJ = {
+}, qJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { class: "attribute-title" }, "Alert", -1)), KJ = { style: { "word-break": "keep-all" } }, WJ = { class: "content-container scrollbar" }, GJ = {
   key: 0,
   class: "block"
-}, GJ = { class: "attribute-title-container" }, JJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { class: "attribute-title" }, "Origin", -1)), ZJ = { style: { "word-break": "keep-all" } }, YJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("i", null, "Origin", -1)), XJ = ["origin-item-label"], QJ = {
+}, JJ = { class: "attribute-title-container" }, ZJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { class: "attribute-title" }, "Origin", -1)), YJ = { style: { "word-break": "keep-all" } }, XJ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("i", null, "Origin", -1)), QJ = ["origin-item-label"], eZ = {
   key: 0,
   class: "seperator"
-}, eZ = {
+}, tZ = {
   key: 1,
   class: "block"
-}, tZ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("div", { class: "attribute-title-container" }, [
+}, nZ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("div", { class: "attribute-title-container" }, [
   /* @__PURE__ */ M("div", { class: "attribute-title" }, "Components")
-], -1)), nZ = ["component-item-label"], rZ = {
+], -1)), rZ = ["component-item-label"], oZ = {
   key: 0,
   class: "seperator"
-}, oZ = {
+}, aZ = {
   key: 2,
   class: "block"
-}, aZ = { class: "attribute-title-container" }, iZ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { class: "attribute-title" }, "Destination", -1)), sZ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { style: { "word-break": "keep-all" } }, [
+}, iZ = { class: "attribute-title-container" }, sZ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { class: "attribute-title" }, "Destination", -1)), lZ = /* @__PURE__ */ ka(() => /* @__PURE__ */ M("span", { style: { "word-break": "keep-all" } }, [
   /* @__PURE__ */ M("i", null, "Destination"),
   /* @__PURE__ */ He(" is where the axons terminate ")
-], -1)), lZ = ["destination-item-label"], uZ = {
+], -1)), uZ = ["destination-item-label"], cZ = {
   key: 0,
   class: "seperator"
-}, cZ = { class: "float-button-container" };
+};
 function dZ(e, t, n, r, o, a) {
-  const i = l5, s = j8, l = Et, u = br, c = up, f = E1, g = Ye("CopyToClipboard"), v = Vu;
+  const i = l5, s = j8, l = Et, u = br, c = up, f = Ye("CopyToClipboard"), g = E1, v = Vu;
   return n.entry ? Oe((x(), A("div", PJ, [
     M("div", RJ, [
       M("div", null, [
@@ -31280,12 +31280,12 @@ function dZ(e, t, n, r, o, a) {
         ])),
         ee(i, { resources: a.resources }, null, 8, ["resources"])
       ]),
-      M("div", null, [
+      M("div", VJ, [
         ee(c, {
-          width: "200",
+          width: "auto",
           trigger: "hover",
           teleported: !1,
-          "popper-class": "popover-origin-help"
+          "popper-class": "popover-map-pin"
         }, {
           reference: z(() => [
             ee(u, {
@@ -31305,14 +31305,15 @@ function dZ(e, t, n, r, o, a) {
             })
           ]),
           default: z(() => [
-            VJ
+            HJ
           ]),
           _: 1
-        })
+        }),
+        ee(f, { content: a.updatedCopyContent }, null, 8, ["content"])
       ])
     ]),
-    a.featuresAlert ? (x(), A("div", HJ, [
-      UJ,
+    a.featuresAlert ? (x(), A("div", UJ, [
+      qJ,
       ee(c, {
         width: "250",
         trigger: "hover",
@@ -31322,22 +31323,22 @@ function dZ(e, t, n, r, o, a) {
         reference: z(() => [
           ee(l, { class: "info" }, {
             default: z(() => [
-              ee(f)
+              ee(g)
             ]),
             _: 1
           })
         ]),
         default: z(() => [
-          M("span", qJ, pe(a.featuresAlert), 1)
+          M("span", KJ, pe(a.featuresAlert), 1)
         ]),
         _: 1
       })
     ])) : j("", !0),
-    M("div", KJ, [
+    M("div", WJ, [
       He(pe(n.entry.paths) + " ", 1),
-      n.entry.origins && n.entry.origins.length > 0 ? (x(), A("div", WJ, [
-        M("div", GJ, [
-          JJ,
+      n.entry.origins && n.entry.origins.length > 0 ? (x(), A("div", GJ, [
+        M("div", JJ, [
+          ZJ,
           ee(c, {
             width: "250",
             trigger: "hover",
@@ -31347,14 +31348,14 @@ function dZ(e, t, n, r, o, a) {
             reference: z(() => [
               ee(l, { class: "info" }, {
                 default: z(() => [
-                  ee(f)
+                  ee(g)
                 ]),
                 _: 1
               })
             ]),
             default: z(() => [
-              M("span", ZJ, [
-                YJ,
+              M("span", YJ, [
+                XJ,
                 He(" " + pe(a.originDescription), 1)
               ])
             ]),
@@ -31367,8 +31368,8 @@ function dZ(e, t, n, r, o, a) {
           key: p
         }, [
           He(pe(a.capitalise(p)) + " ", 1),
-          h != n.entry.origins.length - 1 ? (x(), A("div", QJ)) : j("", !0)
-        ], 8, XJ))), 128)),
+          h != n.entry.origins.length - 1 ? (x(), A("div", eZ)) : j("", !0)
+        ], 8, QJ))), 128)),
         Oe(ee(u, {
           class: "button",
           id: "open-dendrites-button",
@@ -31385,20 +31386,20 @@ function dZ(e, t, n, r, o, a) {
           ]
         ])
       ])) : j("", !0),
-      n.entry.components && n.entry.components.length > 0 ? (x(), A("div", eZ, [
-        tZ,
+      n.entry.components && n.entry.components.length > 0 ? (x(), A("div", tZ, [
+        nZ,
         (x(!0), A(Ae, null, gt(n.entry.components, (p, h) => (x(), A("div", {
           class: "attribute-content",
           "component-item-label": p,
           key: p
         }, [
           He(pe(a.capitalise(p)) + " ", 1),
-          h != n.entry.components.length - 1 ? (x(), A("div", rZ)) : j("", !0)
-        ], 8, nZ))), 128))
+          h != n.entry.components.length - 1 ? (x(), A("div", oZ)) : j("", !0)
+        ], 8, rZ))), 128))
       ])) : j("", !0),
-      n.entry.destinations && n.entry.destinations.length > 0 ? (x(), A("div", oZ, [
-        M("div", aZ, [
-          iZ,
+      n.entry.destinations && n.entry.destinations.length > 0 ? (x(), A("div", aZ, [
+        M("div", iZ, [
+          sZ,
           ee(c, {
             width: "250",
             trigger: "hover",
@@ -31408,13 +31409,13 @@ function dZ(e, t, n, r, o, a) {
             reference: z(() => [
               ee(l, { class: "info" }, {
                 default: z(() => [
-                  ee(f)
+                  ee(g)
                 ]),
                 _: 1
               })
             ]),
             default: z(() => [
-              sZ
+              lZ
             ]),
             _: 1
           })
@@ -31425,8 +31426,8 @@ function dZ(e, t, n, r, o, a) {
           key: p
         }, [
           He(pe(a.capitalise(p)) + " ", 1),
-          h != n.entry.destinations.length - 1 ? (x(), A("div", uZ)) : j("", !0)
-        ], 8, lZ))), 128)),
+          h != n.entry.destinations.length - 1 ? (x(), A("div", cZ)) : j("", !0)
+        ], 8, uZ))), 128)),
         Oe(ee(u, {
           class: "button",
           onClick: a.openAxons
@@ -31456,15 +31457,12 @@ function dZ(e, t, n, r, o, a) {
           n.entry.componentsWithDatasets && n.entry.componentsWithDatasets.length > 0 && a.shouldShowExploreButton(n.entry.componentsWithDatasets)
         ]
       ])
-    ]),
-    M("div", cZ, [
-      ee(g, { content: a.updatedCopyContent }, null, 8, ["content"])
     ])
   ])), [
     [v, e.loading]
   ]) : j("", !0);
 }
-const u5 = /* @__PURE__ */ Pr(LJ, [["render", dZ], ["__scopeId", "data-v-f39a40b5"]]), fZ = {
+const u5 = /* @__PURE__ */ Pr(LJ, [["render", dZ], ["__scopeId", "data-v-a24ef5e2"]]), fZ = {
   name: "Tabs",
   props: {
     tabTitles: {

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

@@ -901,4 +901,4 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`),{initialZIndex:r,curr
 `);s+=`
 `,s+=`<ul>${l}</ul>`,e.push(s)}return e.join(`
 
-<br>`)}}},Ar=e=>(n.pushScopeId("data-v-f39a40b5"),e=e(),n.popScopeId(),e),RW={key:0,class:"main"},LW={class:"connectivity-info-title"},PW={key:0,class:"block"},VW={class:"title"},MW={key:0,class:"subtitle"},DW={key:1,class:"block"},zW={class:"title"},jW=Ar(()=>n.createElementVNode("span",null," Show connectivity on map ",-1)),HW={key:0,class:"attribute-title-container"},UW=Ar(()=>n.createElementVNode("span",{class:"attribute-title"},"Alert",-1)),qW={style:{"word-break":"keep-all"}},KW={class:"content-container scrollbar"},WW={key:0,class:"block"},GW={class:"attribute-title-container"},JW=Ar(()=>n.createElementVNode("span",{class:"attribute-title"},"Origin",-1)),ZW={style:{"word-break":"keep-all"}},YW=Ar(()=>n.createElementVNode("i",null,"Origin",-1)),XW=["origin-item-label"],QW={key:0,class:"seperator"},eG={key:1,class:"block"},tG=Ar(()=>n.createElementVNode("div",{class:"attribute-title-container"},[n.createElementVNode("div",{class:"attribute-title"},"Components")],-1)),nG=["component-item-label"],oG={key:0,class:"seperator"},rG={key:2,class:"block"},aG={class:"attribute-title-container"},iG=Ar(()=>n.createElementVNode("span",{class:"attribute-title"},"Destination",-1)),sG=Ar(()=>n.createElementVNode("span",{style:{"word-break":"keep-all"}},[n.createElementVNode("i",null,"Destination"),n.createTextVNode(" is where the axons terminate ")],-1)),lG=["destination-item-label"],cG={key:0,class:"seperator"},dG={class:"float-button-container"};function uG(e,t,o,r,a,i){const s=Gk,l=c4,c=Ye,d=On,u=Md,f=Gh,g=n.resolveComponent("CopyToClipboard"),m=tl;return o.entry?n.withDirectives((n.openBlock(),n.createElementBlock("div",RW,[n.createElementVNode("div",LW,[n.createElementVNode("div",null,[o.entry.title?(n.openBlock(),n.createElementBlock("div",PW,[n.createElementVNode("div",VW,n.toDisplayString(i.capitalise(o.entry.title)),1),o.entry.provenanceTaxonomyLabel&&o.entry.provenanceTaxonomyLabel.length>0?(n.openBlock(),n.createElementBlock("div",MW,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",DW,[n.createElementVNode("div",zW,n.toDisplayString(o.entry.featureId),1)])),n.createVNode(s,{resources:i.resources},null,8,["resources"])]),n.createElementVNode("div",null,[n.createVNode(u,{width:"200",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(d,{class:"button-circle",circle:"",onClick:t[0]||(t[0]=p=>i.showConnectivity(o.entry))},{default:n.withCtx(()=>[n.createVNode(c,{color:"white"},{default:n.withCtx(()=>[n.createVNode(l)]),_:1})]),_:1})]),default:n.withCtx(()=>[jW]),_:1})])]),i.featuresAlert?(n.openBlock(),n.createElementBlock("div",HW,[UW,n.createVNode(u,{width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(c,{class:"info"},{default:n.withCtx(()=>[n.createVNode(f)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",qW,n.toDisplayString(i.featuresAlert),1)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",KW,[n.createTextVNode(n.toDisplayString(o.entry.paths)+" ",1),o.entry.origins&&o.entry.origins.length>0?(n.openBlock(),n.createElementBlock("div",WW,[n.createElementVNode("div",GW,[JW,n.createVNode(u,{width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(c,{class:"info"},{default:n.withCtx(()=>[n.createVNode(f)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",ZW,[YW,n.createTextVNode(" "+n.toDisplayString(i.originDescription),1)])]),_:1})]),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry.origins,(p,h)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","origin-item-label":p,key:p},[n.createTextVNode(n.toDisplayString(i.capitalise(p))+" ",1),h!=o.entry.origins.length-1?(n.openBlock(),n.createElementBlock("div",QW)):n.createCommentVNode("",!0)],8,XW))),128)),n.withDirectives(n.createVNode(d,{class:"button",id:"open-dendrites-button",onClick:i.openDendrites},{default:n.withCtx(()=>[n.createTextVNode(" Explore origin data ")]),_:1},8,["onClick"]),[[n.vShow,o.entry.originsWithDatasets&&o.entry.originsWithDatasets.length>0&&i.shouldShowExploreButton(o.entry.originsWithDatasets)]])])):n.createCommentVNode("",!0),o.entry.components&&o.entry.components.length>0?(n.openBlock(),n.createElementBlock("div",eG,[tG,(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry.components,(p,h)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","component-item-label":p,key:p},[n.createTextVNode(n.toDisplayString(i.capitalise(p))+" ",1),h!=o.entry.components.length-1?(n.openBlock(),n.createElementBlock("div",oG)):n.createCommentVNode("",!0)],8,nG))),128))])):n.createCommentVNode("",!0),o.entry.destinations&&o.entry.destinations.length>0?(n.openBlock(),n.createElementBlock("div",rG,[n.createElementVNode("div",aG,[iG,n.createVNode(u,{width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(c,{class:"info"},{default:n.withCtx(()=>[n.createVNode(f)]),_:1})]),default:n.withCtx(()=>[sG]),_:1})]),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry.destinations,(p,h)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","destination-item-label":p,key:p},[n.createTextVNode(n.toDisplayString(i.capitalise(p))+" ",1),h!=o.entry.destinations.length-1?(n.openBlock(),n.createElementBlock("div",cG)):n.createCommentVNode("",!0)],8,lG))),128)),n.withDirectives(n.createVNode(d,{class:"button",onClick:i.openAxons},{default:n.withCtx(()=>[n.createTextVNode(" Explore destination data ")]),_:1},8,["onClick"]),[[n.vShow,o.entry.destinationsWithDatasets&&o.entry.destinationsWithDatasets.length>0&&i.shouldShowExploreButton(o.entry.destinationsWithDatasets)]])])):n.createCommentVNode("",!0),n.withDirectives(n.createVNode(d,{class:"button",onClick:i.openAll},{default:n.withCtx(()=>[n.createTextVNode(" Search for data on components ")]),_:1},8,["onClick"]),[[n.vShow,o.entry.componentsWithDatasets&&o.entry.componentsWithDatasets.length>0&&i.shouldShowExploreButton(o.entry.componentsWithDatasets)]])]),n.createElementVNode("div",dG,[n.createVNode(g,{content:i.updatedCopyContent},null,8,["content"])])])),[[m,e.loading]]):n.createCommentVNode("",!0)}const Jk=qn(IW,[["render",uG],["__scopeId","data-v-f39a40b5"]]),fG={name:"Tabs",props:{tabTitles:{type:Array,default:()=>[]},activeId:{type:Number,default:1}},methods:{titleClicked:function(e,t){this.$emit("titleClicked",{id:e,type:t})},tabClose:function(e){this.$emit("tab-close",e)}}},pG=e=>(n.pushScopeId("data-v-a569bcfd"),e=e(),n.popScopeId(),e),hG={class:"tab-container"},mG=["onClick"],gG={class:"title-text"},yG=pG(()=>n.createElementVNode("span",{class:"visually-hidden"},"Close",-1));function bG(e,t,o,r,a,i){const s=On;return n.openBlock(),n.createElementBlock("div",hG,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabTitles,l=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["title",{"active-tab":l.id==o.activeId}]),key:l.id},[n.createElementVNode("div",{class:n.normalizeClass(["title-text-table",{highlightText:l.id==o.activeId}]),onClick:c=>i.titleClicked(l.id,l.type)},[n.createElementVNode("div",gG,n.toDisplayString(l.title),1)],10,mG),l.id===2?(n.openBlock(),n.createBlock(s,{key:0,onClick:c=>i.tabClose(l.id),class:"button-tab-close","aria-label":"Close"},{default:n.withCtx(()=>[n.createTextVNode(" × "),yG]),_:2},1032,["onClick"])):n.createCommentVNode("",!0)],2))),128))])}const Zk=qn(fG,[["render",bG],["__scopeId","data-v-a569bcfd"]]),wG={components:{SidebarContent:Wk,Tabs:Zk,ElIconArrowLeft:td,ElIconArrowRight:$s,Drawer:Rd,Icon:Ye,ConnectivityInfo:Jk},name:"SideBar",props:{visible:{type:Boolean,default:!1},envVars:{type:Object,default:()=>{}},tabs:{type:Array,default:()=>[{id:1,title:"Search",type:"search"},{id:2,title:"Connectivity",type:"connectivity"}]},activeTabId:{type:Number,default:1},openAtStart:{type:Boolean,default:!1},connectivityInfo:{type:Object,default:null}},data:function(){return{drawerOpen:!1,availableAnatomyFacets:[]}},methods:{hoverChanged:function(e){this.$emit("hover-changed",e)},showConnectivity:function(e){this.$emit("show-connectivity",e)},searchChanged:function(e,t){this.$emit("search-changed",{...t,id:e})},close:function(){this.drawerOpen=!1},toggleDrawer:function(){this.drawerOpen=!this.drawerOpen},openSearch:function(e,t){this.drawerOpen=!0,this.$nextTick(()=>{this.getSearchTabRefById(1).openSearch(e,t)})},getTabByIdAndType:function(e,t){const o=e||this.activeTabId,r=t||"search",a=this.tabs.find(s=>s.id===o&&s.type===r),i=this.tabs[0];return a||i},getTabRefId:function(e,t){let o="searchTab_";t==="connectivity"&&(o="connectivityTab_");const r=this.getTabByIdAndType(e,t);return o+r.id},getSearchTabRefById:function(e){const t=e||1,o=this.getTabRefId(t,"search");return this.$refs[o][0]},addFilter:function(e){this.drawerOpen=!0,e.AND=!0,this.$nextTick(()=>{this.getSearchTabRefById(1).addFilter(e)})},openNeuronSearch:function(e){this.drawerOpen=!0,this.$nextTick(()=>{this.getSearchTabRefById(1).openSearch("",void 0,"scicrunch-query-string/",{field:"*organ.curie",curie:e})})},getAlgoliaFacets:async function(){return await this.getSearchTabRefById(1).getAlgoliaFacets()},setDrawerOpen:function(e=!0){this.drawerOpen=e},tabClicked:function({id:e,type:t}){this.$emit("tabClicked",{id:e,type:t})},tabClose:function(e){this.$emit("connectivity-info-close")}},created:function(){this.drawerOpen=this.openAtStart},mounted:function(){ut.on("PopoverActionClick",e=>{this.$emit("actionClick",e)}),ut.on("number-of-datasets-for-anatomies",e=>{this.$emit("number-of-datasets-for-anatomies",e)}),ut.on("anatomy-in-datasets",e=>{this.$emit("anatomy-in-datasets",e)}),ut.on("contextUpdate",e=>{this.$emit("contextUpdate",e)}),ut.on("datalink-clicked",e=>{this.$emit("datalink-clicked",e)}),ut.on("onConnectivityActionClick",e=>{this.tabClicked({id:1,type:"search"}),this.$emit("actionClick",e)}),ut.on("available-facets",e=>{this.availableAnatomyFacets=e.find(t=>t.label==="Anatomical Structure").children})}},kG={ref:"container"},CG={class:"box-card"},vG={class:"sidebar-container"};function xG(e,t,o,r,a,i){const s=td,l=Ye,c=$s,d=Zk,u=Jk,f=Wk,g=Rd;return n.openBlock(),n.createElementBlock("div",kG,[e.drawerOpen?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[0]||(t[0]=(...m)=>i.toggleDrawer&&i.toggleDrawer(...m)),class:"open-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(s)]),_:1})])),n.createVNode(g,{class:"side-bar my-drawer",modelValue:e.drawerOpen,"onUpdate:modelValue":t[3]||(t[3]=m=>e.drawerOpen=m),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",CG,[e.drawerOpen?(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[1]||(t[1]=(...m)=>i.close&&i.close(...m)),class:"close-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(c)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",vG,[o.tabs.length>1&&o.connectivityInfo?(n.openBlock(),n.createBlock(d,{key:0,tabTitles:o.tabs,activeId:o.activeTabId,onTitleClicked:i.tabClicked,onTabClose:i.tabClose},null,8,["tabTitles","activeId","onTitleClicked","onTabClose"])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabs,m=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:"tab.id"},[m.type==="connectivity"?n.withDirectives((n.openBlock(),n.createBlock(u,{key:0,entry:o.connectivityInfo,availableAnatomyFacets:e.availableAnatomyFacets,ref_for:!0,ref:"connectivityTab_"+m.id,onShowConnectivity:i.showConnectivity},null,8,["entry","availableAnatomyFacets","onShowConnectivity"])),[[n.vShow,m.id===o.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(f,{key:1,class:"sidebar-content-container",contextCardEntry:m.contextCard,envVars:o.envVars,ref_for:!0,ref:"searchTab_"+m.id,onSearchChanged:p=>i.searchChanged(m.id,p),onHoverChanged:t[2]||(t[2]=p=>i.hoverChanged(p))},null,8,["contextCardEntry","envVars","onSearchChanged"])),[[n.vShow,m.id===o.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const SG=qn(wG,[["render",xG],["__scopeId","data-v-4d616bd4"]]);ze.SideBar=SG,Object.defineProperty(ze,Symbol.toStringTag,{value:"Module"})});
+<br>`)}}},Ar=e=>(n.pushScopeId("data-v-a24ef5e2"),e=e(),n.popScopeId(),e),RW={key:0,class:"main"},LW={class:"connectivity-info-title"},PW={key:0,class:"block"},VW={class:"title"},MW={key:0,class:"subtitle"},DW={key:1,class:"block"},zW={class:"title"},jW={class:"title-buttons"},HW=Ar(()=>n.createElementVNode("span",null," Show connectivity on map ",-1)),UW={key:0,class:"attribute-title-container"},qW=Ar(()=>n.createElementVNode("span",{class:"attribute-title"},"Alert",-1)),KW={style:{"word-break":"keep-all"}},WW={class:"content-container scrollbar"},GW={key:0,class:"block"},JW={class:"attribute-title-container"},ZW=Ar(()=>n.createElementVNode("span",{class:"attribute-title"},"Origin",-1)),YW={style:{"word-break":"keep-all"}},XW=Ar(()=>n.createElementVNode("i",null,"Origin",-1)),QW=["origin-item-label"],eG={key:0,class:"seperator"},tG={key:1,class:"block"},nG=Ar(()=>n.createElementVNode("div",{class:"attribute-title-container"},[n.createElementVNode("div",{class:"attribute-title"},"Components")],-1)),oG=["component-item-label"],rG={key:0,class:"seperator"},aG={key:2,class:"block"},iG={class:"attribute-title-container"},sG=Ar(()=>n.createElementVNode("span",{class:"attribute-title"},"Destination",-1)),lG=Ar(()=>n.createElementVNode("span",{style:{"word-break":"keep-all"}},[n.createElementVNode("i",null,"Destination"),n.createTextVNode(" is where the axons terminate ")],-1)),cG=["destination-item-label"],dG={key:0,class:"seperator"};function uG(e,t,o,r,a,i){const s=Gk,l=c4,c=Ye,d=On,u=Md,f=n.resolveComponent("CopyToClipboard"),g=Gh,m=tl;return o.entry?n.withDirectives((n.openBlock(),n.createElementBlock("div",RW,[n.createElementVNode("div",LW,[n.createElementVNode("div",null,[o.entry.title?(n.openBlock(),n.createElementBlock("div",PW,[n.createElementVNode("div",VW,n.toDisplayString(i.capitalise(o.entry.title)),1),o.entry.provenanceTaxonomyLabel&&o.entry.provenanceTaxonomyLabel.length>0?(n.openBlock(),n.createElementBlock("div",MW,n.toDisplayString(i.provSpeciesDescription),1)):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",DW,[n.createElementVNode("div",zW,n.toDisplayString(o.entry.featureId),1)])),n.createVNode(s,{resources:i.resources},null,8,["resources"])]),n.createElementVNode("div",jW,[n.createVNode(u,{width:"auto",trigger:"hover",teleported:!1,"popper-class":"popover-map-pin"},{reference:n.withCtx(()=>[n.createVNode(d,{class:"button-circle",circle:"",onClick:t[0]||(t[0]=p=>i.showConnectivity(o.entry))},{default:n.withCtx(()=>[n.createVNode(c,{color:"white"},{default:n.withCtx(()=>[n.createVNode(l)]),_:1})]),_:1})]),default:n.withCtx(()=>[HW]),_:1}),n.createVNode(f,{content:i.updatedCopyContent},null,8,["content"])])]),i.featuresAlert?(n.openBlock(),n.createElementBlock("div",UW,[qW,n.createVNode(u,{width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(c,{class:"info"},{default:n.withCtx(()=>[n.createVNode(g)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",KW,n.toDisplayString(i.featuresAlert),1)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",WW,[n.createTextVNode(n.toDisplayString(o.entry.paths)+" ",1),o.entry.origins&&o.entry.origins.length>0?(n.openBlock(),n.createElementBlock("div",GW,[n.createElementVNode("div",JW,[ZW,n.createVNode(u,{width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(c,{class:"info"},{default:n.withCtx(()=>[n.createVNode(g)]),_:1})]),default:n.withCtx(()=>[n.createElementVNode("span",YW,[XW,n.createTextVNode(" "+n.toDisplayString(i.originDescription),1)])]),_:1})]),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry.origins,(p,h)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","origin-item-label":p,key:p},[n.createTextVNode(n.toDisplayString(i.capitalise(p))+" ",1),h!=o.entry.origins.length-1?(n.openBlock(),n.createElementBlock("div",eG)):n.createCommentVNode("",!0)],8,QW))),128)),n.withDirectives(n.createVNode(d,{class:"button",id:"open-dendrites-button",onClick:i.openDendrites},{default:n.withCtx(()=>[n.createTextVNode(" Explore origin data ")]),_:1},8,["onClick"]),[[n.vShow,o.entry.originsWithDatasets&&o.entry.originsWithDatasets.length>0&&i.shouldShowExploreButton(o.entry.originsWithDatasets)]])])):n.createCommentVNode("",!0),o.entry.components&&o.entry.components.length>0?(n.openBlock(),n.createElementBlock("div",tG,[nG,(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry.components,(p,h)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","component-item-label":p,key:p},[n.createTextVNode(n.toDisplayString(i.capitalise(p))+" ",1),h!=o.entry.components.length-1?(n.openBlock(),n.createElementBlock("div",rG)):n.createCommentVNode("",!0)],8,oG))),128))])):n.createCommentVNode("",!0),o.entry.destinations&&o.entry.destinations.length>0?(n.openBlock(),n.createElementBlock("div",aG,[n.createElementVNode("div",iG,[sG,n.createVNode(u,{width:"250",trigger:"hover",teleported:!1,"popper-class":"popover-origin-help"},{reference:n.withCtx(()=>[n.createVNode(c,{class:"info"},{default:n.withCtx(()=>[n.createVNode(g)]),_:1})]),default:n.withCtx(()=>[lG]),_:1})]),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.entry.destinations,(p,h)=>(n.openBlock(),n.createElementBlock("div",{class:"attribute-content","destination-item-label":p,key:p},[n.createTextVNode(n.toDisplayString(i.capitalise(p))+" ",1),h!=o.entry.destinations.length-1?(n.openBlock(),n.createElementBlock("div",dG)):n.createCommentVNode("",!0)],8,cG))),128)),n.withDirectives(n.createVNode(d,{class:"button",onClick:i.openAxons},{default:n.withCtx(()=>[n.createTextVNode(" Explore destination data ")]),_:1},8,["onClick"]),[[n.vShow,o.entry.destinationsWithDatasets&&o.entry.destinationsWithDatasets.length>0&&i.shouldShowExploreButton(o.entry.destinationsWithDatasets)]])])):n.createCommentVNode("",!0),n.withDirectives(n.createVNode(d,{class:"button",onClick:i.openAll},{default:n.withCtx(()=>[n.createTextVNode(" Search for data on components ")]),_:1},8,["onClick"]),[[n.vShow,o.entry.componentsWithDatasets&&o.entry.componentsWithDatasets.length>0&&i.shouldShowExploreButton(o.entry.componentsWithDatasets)]])])])),[[m,e.loading]]):n.createCommentVNode("",!0)}const Jk=qn(IW,[["render",uG],["__scopeId","data-v-a24ef5e2"]]),fG={name:"Tabs",props:{tabTitles:{type:Array,default:()=>[]},activeId:{type:Number,default:1}},methods:{titleClicked:function(e,t){this.$emit("titleClicked",{id:e,type:t})},tabClose:function(e){this.$emit("tab-close",e)}}},pG=e=>(n.pushScopeId("data-v-a569bcfd"),e=e(),n.popScopeId(),e),hG={class:"tab-container"},mG=["onClick"],gG={class:"title-text"},yG=pG(()=>n.createElementVNode("span",{class:"visually-hidden"},"Close",-1));function bG(e,t,o,r,a,i){const s=On;return n.openBlock(),n.createElementBlock("div",hG,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabTitles,l=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["title",{"active-tab":l.id==o.activeId}]),key:l.id},[n.createElementVNode("div",{class:n.normalizeClass(["title-text-table",{highlightText:l.id==o.activeId}]),onClick:c=>i.titleClicked(l.id,l.type)},[n.createElementVNode("div",gG,n.toDisplayString(l.title),1)],10,mG),l.id===2?(n.openBlock(),n.createBlock(s,{key:0,onClick:c=>i.tabClose(l.id),class:"button-tab-close","aria-label":"Close"},{default:n.withCtx(()=>[n.createTextVNode(" × "),yG]),_:2},1032,["onClick"])):n.createCommentVNode("",!0)],2))),128))])}const Zk=qn(fG,[["render",bG],["__scopeId","data-v-a569bcfd"]]),wG={components:{SidebarContent:Wk,Tabs:Zk,ElIconArrowLeft:td,ElIconArrowRight:$s,Drawer:Rd,Icon:Ye,ConnectivityInfo:Jk},name:"SideBar",props:{visible:{type:Boolean,default:!1},envVars:{type:Object,default:()=>{}},tabs:{type:Array,default:()=>[{id:1,title:"Search",type:"search"},{id:2,title:"Connectivity",type:"connectivity"}]},activeTabId:{type:Number,default:1},openAtStart:{type:Boolean,default:!1},connectivityInfo:{type:Object,default:null}},data:function(){return{drawerOpen:!1,availableAnatomyFacets:[]}},methods:{hoverChanged:function(e){this.$emit("hover-changed",e)},showConnectivity:function(e){this.$emit("show-connectivity",e)},searchChanged:function(e,t){this.$emit("search-changed",{...t,id:e})},close:function(){this.drawerOpen=!1},toggleDrawer:function(){this.drawerOpen=!this.drawerOpen},openSearch:function(e,t){this.drawerOpen=!0,this.$nextTick(()=>{this.getSearchTabRefById(1).openSearch(e,t)})},getTabByIdAndType:function(e,t){const o=e||this.activeTabId,r=t||"search",a=this.tabs.find(s=>s.id===o&&s.type===r),i=this.tabs[0];return a||i},getTabRefId:function(e,t){let o="searchTab_";t==="connectivity"&&(o="connectivityTab_");const r=this.getTabByIdAndType(e,t);return o+r.id},getSearchTabRefById:function(e){const t=e||1,o=this.getTabRefId(t,"search");return this.$refs[o][0]},addFilter:function(e){this.drawerOpen=!0,e.AND=!0,this.$nextTick(()=>{this.getSearchTabRefById(1).addFilter(e)})},openNeuronSearch:function(e){this.drawerOpen=!0,this.$nextTick(()=>{this.getSearchTabRefById(1).openSearch("",void 0,"scicrunch-query-string/",{field:"*organ.curie",curie:e})})},getAlgoliaFacets:async function(){return await this.getSearchTabRefById(1).getAlgoliaFacets()},setDrawerOpen:function(e=!0){this.drawerOpen=e},tabClicked:function({id:e,type:t}){this.$emit("tabClicked",{id:e,type:t})},tabClose:function(e){this.$emit("connectivity-info-close")}},created:function(){this.drawerOpen=this.openAtStart},mounted:function(){ut.on("PopoverActionClick",e=>{this.$emit("actionClick",e)}),ut.on("number-of-datasets-for-anatomies",e=>{this.$emit("number-of-datasets-for-anatomies",e)}),ut.on("anatomy-in-datasets",e=>{this.$emit("anatomy-in-datasets",e)}),ut.on("contextUpdate",e=>{this.$emit("contextUpdate",e)}),ut.on("datalink-clicked",e=>{this.$emit("datalink-clicked",e)}),ut.on("onConnectivityActionClick",e=>{this.tabClicked({id:1,type:"search"}),this.$emit("actionClick",e)}),ut.on("available-facets",e=>{this.availableAnatomyFacets=e.find(t=>t.label==="Anatomical Structure").children})}},kG={ref:"container"},CG={class:"box-card"},vG={class:"sidebar-container"};function xG(e,t,o,r,a,i){const s=td,l=Ye,c=$s,d=Zk,u=Jk,f=Wk,g=Rd;return n.openBlock(),n.createElementBlock("div",kG,[e.drawerOpen?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[0]||(t[0]=(...m)=>i.toggleDrawer&&i.toggleDrawer(...m)),class:"open-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(s)]),_:1})])),n.createVNode(g,{class:"side-bar my-drawer",modelValue:e.drawerOpen,"onUpdate:modelValue":t[3]||(t[3]=m=>e.drawerOpen=m),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",CG,[e.drawerOpen?(n.openBlock(),n.createElementBlock("div",{key:0,onClick:t[1]||(t[1]=(...m)=>i.close&&i.close(...m)),class:"close-tab"},[n.createVNode(l,null,{default:n.withCtx(()=>[n.createVNode(c)]),_:1})])):n.createCommentVNode("",!0),n.createElementVNode("div",vG,[o.tabs.length>1&&o.connectivityInfo?(n.openBlock(),n.createBlock(d,{key:0,tabTitles:o.tabs,activeId:o.activeTabId,onTitleClicked:i.tabClicked,onTabClose:i.tabClose},null,8,["tabTitles","activeId","onTitleClicked","onTabClose"])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.tabs,m=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:"tab.id"},[m.type==="connectivity"?n.withDirectives((n.openBlock(),n.createBlock(u,{key:0,entry:o.connectivityInfo,availableAnatomyFacets:e.availableAnatomyFacets,ref_for:!0,ref:"connectivityTab_"+m.id,onShowConnectivity:i.showConnectivity},null,8,["entry","availableAnatomyFacets","onShowConnectivity"])),[[n.vShow,m.id===o.activeTabId]]):n.withDirectives((n.openBlock(),n.createBlock(f,{key:1,class:"sidebar-content-container",contextCardEntry:m.contextCard,envVars:o.envVars,ref_for:!0,ref:"searchTab_"+m.id,onSearchChanged:p=>i.searchChanged(m.id,p),onHoverChanged:t[2]||(t[2]=p=>i.hoverChanged(p))},null,8,["contextCardEntry","envVars","onSearchChanged"])),[[n.vShow,m.id===o.activeTabId]])],64))),128))])])]),_:1},8,["modelValue"])],512)}const SG=qn(wG,[["render",xG],["__scopeId","data-v-4d616bd4"]]);ze.SideBar=SG,Object.defineProperty(ze,Symbol.toStringTag,{value:"Module"})});