https://monarchinitiative.org/assets/HistoPheno-BNkh1ZcD.js

1import{ao as b,ap as k,d as B,L as P,w as H,a as v,o as a,i as h,x as n,c as l,b as u,g as m,l as C,h as S,t as A,F as N,u as g,S as E,_ as L}from"./index-C1QTFfJN.js";import{A as V}from"./vue3-apexcharts.common-8D83v7Oa.js";const q=async d=>{const p=`${k}/histopheno/${d}`;return await b(p)},z={class:"title"},F={key:3},O=B({__name:"HistoPheno",props:{node:{}},setup(d){const p=P(),r=d,x=g(()=>({chart:{id:"histopheno",type:"bar",redrawOnParentResize:!0},colors:["#00acc1"],plotOptions:{bar:{horizontal:!0}},tooltip:{enabled:!1},xaxis:{title:{text:"# of Phenotypes"},axisBorder:{color:"#000000"},axisTicks:{show:!0,color:"#000000"}},yaxis:{labels:{formatter:i=>String(i).replace(/_/g," ")}},grid:{xaxis:{lines:{show:!1}},yaxis:{lines:{show:!1}}}})),f=g(()=>{var e;return(((e=c.value[0])==null?void 0:e.data.length)||1)*50+90}),{query:y,data:c,isLoading:_,isError:w}=E(async function(){var s,e;return[{name:"phenotypes",data:(e=(s=(await q(r.node.id||"")).items)==null?void 0:s.map(t=>({x:t.label,y:t.count})))==null?void 0:e.filter(t=>t.y)}]},[]);return H([()=>p.path,()=>r.node.id],y,{immediate:!0}),(i,o)=>{var e,t;const s=v("AppStatus");return a(),h(N,null,[n(_)?(a(),l(s,{key:0,code:"loading"},{default:u(()=>[...o[0]||(o[0]=[m("Loading histopheno data",-1)])]),_:1})):n(w)?(a(),l(s,{key:1,code:"error"},{default:u(()=>[...o[1]||(o[1]=[m("Error loading histopheno data",-1)])]),_:1})):C("",!0),S("p",z," Breakdown of phenotypes associated with "+A(r.node.name),1),(t=(e=n(c)[0])==null?void 0:e.data)!=null&&t.length?(a(),l(n(V),{key:2,type:"bar",options:x.value,series:n(c),height:f.value},null,8,["options","series","height"])):(a(),h("div",F,"No info"))],64)}}}),$=L(O,[["__scopeId","data-v-9d75e2cc"]]);export{$ as default};