https://my.livingdna.com/js/4598.72579485.js

1"use strict";(self["webpackChunkcustomer_portal"]=self["webpackChunkcustomer_portal"]||[]).push([[4598],{23176:function(e,t,r){r.d(t,{A0:function(){return O},BW:function(){return h},CS:function(){return d},Cj:function(){return c},JN:function(){return i},O5:function(){return p},Sc:function(){return n},TQ:function(){return v},Tr:function(){return T},VL:function(){return C},Zk:function(){return o},_z:function(){return M},e2:function(){return l},sh:function(){return u},vx:function(){return m},zr:function(){return _}});var a=r(13173),s=r(59177);function o(e){return a.A.put(s.A.allConsents(e),{fnConsent:!0})}function n(e){return a.A.put(s.A.allConsents(e),{fnConsent:!1})}const l=async(e,{sortBy:t})=>{const{data:r}=await a.A.get(s.A.getMatches(e),{params:{sortBy:t}});return r},u=async(e,{sortBy:t,query:r,page:o,itemsPerPage:n})=>{const{data:l}=await a.A.get(s.A.getMatches(e),{params:{sortBy:t,query:r,page:o,itemsPerPage:n}});return l},c=async(e,t)=>{try{const{data:r}=await a.A.get(s.A.getMatch(e,t));return{...r,dnaShared:(Math.round(100*r.dnaShared)/100).toFixed(2)}}catch(r){throw console.error(r),r}},i=async(e,t,{perPage:r,pageNumber:o})=>{const{data:n}=await a.A.get(s.A.sharedMatches(e,t,{perPage:r,pageNumber:o}));return n},d=async e=>{try{const{data:t}=await a.A.get(s.A.sharedSegments(e));return t}catch(t){throw console.error(t),t}},C=async e=>a.A.get(s.A.getMessages(e)),M=async(e,{message:t,sender_type:r})=>{try{const{data:o}=await a.A.post(s.A.sendMessage,{channel:e,message:t,sender_type:r});return o}catch(o){throw console.error(o),o}},h=async e=>{const{data:t}=await a.A.get(s.A.getBlocked(e));return t},m=async(e,t)=>{try{const{data:r}=await a.A.post(s.A.blockChannel,{channel:e,block:t});return r}catch(r){throw console.error(r),r}},T=async()=>{try{const{data:e}=await a.A.get(s.A.getNotifications);return e}catch(e){throw console.error(e),e}},_=async(e,t)=>a.A.put(s.A.matchGroupMembers,{barcode:e.barcode,match_group_id:t,rel_id:e.rel_id}),O=async e=>await a.A.delete(`${s.A.matchGroupMembers}/${e}`),p=async e=>{const{data:t}=await a.A.get(s.A.contacts(e));return t},v=async(e,t)=>{const{data:r}=await a.A.post(s.A.hydratedContacts(t),e.map((e=>e.conversation_with)));return r}},43550:function(e,t,r){r.d(t,{X:function(){return l}});var a=r(92261),s=r(94373),o=r(59177),n=r(78629);const l=(0,a.nY)("matchGroup",{state:()=>({matchGroups:[],hasChromosomeBrowserAccess:void 0}),actions:{async getMatchGroups(){return s.A.request({url:o.A.matchGroups,method:"get",headers:{authorization:`Bearer ${n["default"].getters.getAccessToken}`}}).then((e=>{this.matchGroups=e.data.groups,this.hasChromosomeBrowserAccess=e.data.has_chromosome_browser})).catch((e=>console.log(e)))},async addMatchGroup(e){return s.A.request({url:o.A.matchGroups,method:"post",data:e,headers:{authorization:`Bearer ${n["default"].getters.getAccessToken}`}}).then(this.getMatchGroups)},async editGroup(e){return s.A.request({url:`${o.A.matchGroups}/${e.id}`,method:"put",data:e,headers:{authorization:`Bearer ${n["default"].getters.getAccessToken}`}}).then(this.getMatchGroups)},async deleteGroup(e){return s.A.request({url:`${o.A.matchGroups}/${e}`,method:"delete",headers:{authorization:`Bearer ${n["default"].getters.getAccessToken}`}}).then(this.getMatchGroups)}}})},64598:function(e,t,r){r.r(t),r.d(t,{default:function(){return Q}});var a=r(56768),s=r(24232),o=r(90144),n=r(45130),l=r(43550),u=r(71123),c=r(23176),i=r(78626),d=r(78629);const C={class:"head-multi-view-wrapper"},M={class:"head-text fs-4 my-2"},h={key:0,class:"text-start mx-5"},m=(0,a.Lk)("label",{for:"select-match-group mx-2"},"Choose Group",-1),T=["value"],_={class:"filter-row"},O={class:"filter-wrapper"},p={class:"form-group"},v=(0,a.Lk)("label",{for:"selectOptions"},null,-1),g={class:"segment-row"},S=(0,a.Lk)("div",null,[(0,a.Lk)("p",null,"Only show segments longer than")],-1),R=(0,a.Lk)("div",null,[(0,a.Lk)("p",null,"cM")],-1),b={class:"chromosome-browser progress-shared-DNA-container relative"},N=(0,a.Fv)('<div class="head-multi-view-wrapper"><div class="legend-dots-container"><div class="legend-dots-grid-row"><div><div class="circle-chromosomes"></div><label>Your Chromosomes</label></div><div><div class="shared-circle"></div><label>Shared DNA Segments</label></div><div><div class="common-circle stripes"></div><label>Filtered Common Areas</label></div></div></div></div>',1),A={class:"table-scroll"},H={class:"chrom py-3"},w={class:"w-100"},f={class:"w-25 text-start"},L={class:"chrom-dna"},k=(0,a.Lk)("svg",{width:"12",height:"12",viewBox:"0 0 100 100"},[(0,a.Lk)("path",{transform:"rotate(-90, 50, 50)",d:"M 0,100 100,100 100, 0 Q 80, 80 0, 100",fill:"white",stroke:"none"})],-1),y=(0,a.Lk)("svg",{width:"12",height:"12",viewBox:"0 0 100 100"},[(0,a.Lk)("path",{transform:"rotate(180, 50, 50)",d:"M 0,100 100,100 100, 0 Q 80, 80 0, 100",fill:"white",stroke:"none"})],-1),P=(0,a.Lk)("svg",{width:"12",height:"12",viewBox:"0 0 100 100"},[(0,a.Lk)("path",{transform:"rotate(0, 50, 50)",d:"M 0,100 100,100 100, 0 Q 80, 80 0, 100",fill:"white",stroke:"none"})],-1),G=(0,a.Lk)("svg",{width:"12",height:"12",viewBox:"0 0 100 100"},[(0,a.Lk)("path",{transform:"rotate(90, 50, 50)",d:"M 0,100 100,100 100, 0 Q 80, 80 0, 100",fill:"white",stroke:"none"})],-1),I=[k,y,P,G],E={key:2,class:"d-flex justify-content-center align-items-center h-400"},x={key:0,class:"bg-white p-5 rounded-1 w-50 text-start shadow border border-0 border-top border-warning border-4"},B=(0,a.Lk)("h5",null,"Your matchbox is empty",-1),F=(0,a.Lk)("p",{class:"m-0 mt-3"},"Create your first group to use multiview chromosome browser",-1),X={key:1,class:"bg-white p-5 rounded-1 w-50 text-start shadow border border-0 border-top border-warning border-4"},$=(0,a.Lk)("h5",null,"This matchbox group is empty",-1),K={class:"m-0 mt-3"};var V={__name:"MultiView",setup(e){const t=(0,o.KR)(!1),r=(0,l.X)(),k=(0,a.EW)((()=>r.matchGroups)),y=(0,o.KR)({}),P=(0,o.KR)([]),G=(0,o.KR)({shouldFilterResults:!1,filterValue:7});(0,a.sV)((async()=>{await r.getMatchGroups(),y.value=k.value[0]})),(0,a.wB)((()=>y.value),(async e=>{t.value=!0,e&&e.membersAsMatches?(P.value=await Promise.all(e.membersAsMatches.map((async e=>{const t=await(0,c.CS)(e.rel_id);return{...e,sharedSegments:t.map((e=>({...e,CM_LENGTH:e.CM_STOP-e.CM_START})))}}))),z(),t.value=!1):(P.value=[],t.value=!1)}));const V=[{CHROM:1,CM_START:"150.314",CM_STOP:"168.046"},{CHROM:2,CM_START:"114.780",CM_STOP:"121.685"},{CHROM:2,CM_START:"153.600",CM_STOP:"165.310"},{CHROM:2,CM_START:"207.605",CM_STOP:"212.226"},{CHROM:8,CM_START:"18.806",CM_STOP:"24.292"},{CHROM:8,CM_START:"124.666",CM_STOP:"159.178"},{CHROM:9,CM_START:"63.796",CM_STOP:"83.174"},{CHROM:10,CM_START:"67.098",CM_STOP:"74.141"},{CHROM:14,CM_START:"0.001",CM_STOP:"4.034"},{CHROM:15,CM_START:"0.001",CM_STOP:"31.947"},{CHROM:15,CM_START:"37.912",CM_STOP:"44.024"},{CHROM:16,CM_START:"38.705",CM_STOP:"44.576"},{CHROM:16,CM_START:"127.017",CM_STOP:"130.981"},{CHROM:17,CM_START:"87.203",CM_STOP:"93.128"},{CHROM:17,CM_START:"119.400",CM_STOP:"124.781"},{CHROM:22,CM_START:"0.001",CM_STOP:"23.021"}],W=[{CHROM:1,CM_LENGTH:293.397,CM_POSITION:150.8336},{CHROM:2,CM_LENGTH:274.87663,CM_POSITION:118.3734},{CHROM:3,CM_LENGTH:227.8292,CM_POSITION:109.1464},{CHROM:4,CM_LENGTH:220.01794,CM_POSITION:69.7887},{CHROM:5,CM_LENGTH:208.95622,CM_POSITION:60.9361},{CHROM:6,CM_LENGTH:198.25632,CM_POSITION:78.3466},{CHROM:7,CM_LENGTH:190.56406,CM_POSITION:80.8752},{CHROM:8,CM_LENGTH:178.1536,CM_POSITION:69.485},{CHROM:9,CM_LENGTH:180.46379,CM_POSITION:64.3246},{CHROM:10,CM_LENGTH:183.11295,CM_POSITION:62.5184},{CHROM:11,CM_LENGTH:161.85604,CM_POSITION:65.4944},{CHROM:12,CM_LENGTH:175.13532,CM_POSITION:55.4598},{CHROM:13,CM_LENGTH:129.79234,CM_POSITION:1e-4},{CHROM:14,CM_LENGTH:116.76934,CM_POSITION:1e-4},{CHROM:15,CM_LENGTH:150.84068,CM_POSITION:1e-4},{CHROM:16,CM_LENGTH:131.13381,CM_POSITION:58.4528},{CHROM:17,CM_LENGTH:128.53434,CM_POSITION:46.5217},{CHROM:18,CM_LENGTH:120.14257,CM_POSITION:40.1999},{CHROM:19,CM_LENGTH:106.85774,CM_POSITION:49.2801},{CHROM:20,CM_LENGTH:110.2054,CM_POSITION:50.987},{CHROM:21,CM_LENGTH:64.65146,CM_POSITION:.5841},{CHROM:22,CM_LENGTH:75.11309,CM_POSITION:1e-4}

1],Q=Number(W[0].CM_LENGTH),q=(0,o.KR)([]),z=()=>{if(q.value=(0,i.cloneDeep)(P.value),G.value.shouldFilterResults)for(let e of q.value)e.sharedSegments=e.sharedSegments.filter((e=>e.CM_LENGTH>=G.value.filterValue))};(0,a.wB)((()=>G.value),(()=>{z()}),{deep:!0});const Y=(e,t)=>e.sharedSegments.filter((e=>e.CHROM===t.CHROM)),D=e=>V.filter((t=>t.CHROM===e.CHROM));return(e,r)=>{const l=(0,a.g2)("router-link"),c=(0,a.g2)("b-progress-bar"),i=(0,a.g2)("b-progress"),V=(0,a.gN)("b-tooltip");return(0,a.uX)(),(0,a.CE)("div",C,[(0,a.Lk)("h3",M,(0,s.v_)((0,o.R1)(d["default"]).getters.firstName)+"'s Multiview Browser ",1),k.value.length?((0,a.uX)(),(0,a.CE)("div",h,[m,(0,a.bo)((0,a.Lk)("select",{"onUpdate:modelValue":r[0]||(r[0]=e=>y.value=e),id:"select-match-group",class:"mx-2 p-1 px-2 rounded"},[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(k.value,(e=>((0,a.uX)(),(0,a.CE)("option",{key:e.id,value:e},(0,s.v_)(e.name),9,T)))),128))],512),[[n.u1,y.value]])])):(0,a.Q3)("",!0),P.value.length?((0,a.uX)(),(0,a.CE)(a.FK,{key:1},[(0,a.Lk)("div",_,[(0,a.Lk)("div",O,[(0,a.Lk)("div",p,[(0,a.bo)((0,a.Lk)("input",{type:"checkbox",name:"selectOptions",id:"selectOptions","onUpdate:modelValue":r[1]||(r[1]=e=>G.value.shouldFilterResults=e)},null,512),[[n.lH,G.value.shouldFilterResults]]),v]),(0,a.Lk)("div",null,[(0,a.Lk)("div",g,[S,(0,a.Lk)("div",null,[(0,a.bo)((0,a.Lk)("input",{class:"border w-10",type:"number",name:"",id:"","onUpdate:modelValue":r[2]||(r[2]=e=>G.value.filterValue=e)},null,512),[[n.Jo,G.value.filterValue]])]),R])])])]),t.value?((0,a.uX)(),(0,a.Wv)(u.A,{key:0})):(0,a.Q3)("",!0),(0,a.Lk)("div",b,[N,(0,a.Lk)("div",A,[((0,a.uX)(),(0,a.CE)(a.FK,null,(0,a.pI)(W,(e=>(0,a.Lk)("div",{key:e.CHROM,class:"chrom-container"},[(0,a.Lk)("div",H,(0,s.v_)(e.CHROM),1),(0,a.Lk)("div",w,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(q.value,(t=>((0,a.uX)(),(0,a.CE)("div",{key:t.barcode,class:"flex"},[(0,a.Lk)("div",f,[(0,a.bF)(l,{to:{name:"profile-chromosome-browser",params:{barcode:t.barcode}},class:"underline font-semibold text-sm"},{default:(0,a.k6)((()=>[(0,a.eW)((0,s.v_)(t.username||t.name),1)])),_:2},1032,["to"])]),(0,a.Lk)("div",L,[(0,a.bF)(i,{class:"my-3 overflow-hidden",max:"100",style:(0,s.Tr)({width:Number(e.CM_LENGTH)/(0,o.R1)(Q)*100+"%"})},{default:(0,a.k6)((()=>[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(Y(t,e),(t=>(0,a.bo)(((0,a.uX)(),(0,a.Wv)(c,{key:t.CHROM,title:`Segment length: ${(Number(t.CM_STOP)-Number(t.CM_START)).toFixed(3)}\nStart position: chr${t.CHROM}: ${Number(t.BP_START).toLocaleString("en-GB")}\nEnd position: chr${t.CHROM}: ${Number(t.BP_STOP).toLocaleString("en-GB")}`,value:(Number(t.CM_STOP)-Number(t.CM_START)).toFixed(3),style:(0,s.Tr)({left:Number(t.CM_START)/Number(e.CM_LENGTH)*100+"%",width:(Number(t.CM_STOP)-Number(t.CM_START))/Number(e.CM_LENGTH)*100+"%"}),class:"shared-dna"},null,8,["title","value","style"])),[[V,void 0,void 0,{hover:!0}]]))),128)),((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(D(e),(t=>((0,a.uX)(),(0,a.Wv)(c,{key:t.CM_START,style:(0,s.Tr)({left:Number(t.CM_START)/Number(e.CM_LENGTH)*100+"%",width:(Number(t.CM_STOP)-Number(t.CM_START))/Number(e.CM_LENGTH)*100+"%"}),class:"common-areas-row stripes opacity-50"},null,8,["style"])))),128)),(0,a.Lk)("div",{class:"centromere",style:(0,s.Tr)({left:Number(e.CM_POSITION)/Number(e.CM_LENGTH)*100+"%"})},I,4)])),_:2},1032,["style"])])])))),128))])]))),64))])])],64)):((0,a.uX)(),(0,a.CE)("div",E,[k.value.length?((0,a.uX)(),(0,a.CE)("div",X,[$,(0,a.Lk)("p",K,[(0,a.eW)(" Add people to it to compare them on our multiview browser. You can add people to a matchbox group from your relatives list. "),(0,a.bF)(l,{to:{name:"relative-list"},class:"mt-4 no-underline"},{default:(0,a.k6)((()=>[(0,a.eW)(" View relatives list ")])),_:1})])])):((0,a.uX)(),(0,a.CE)("div",x,[B,F,(0,a.eW)(" Goto "),(0,a.bF)(l,{to:{name:"matchbox"}},{default:(0,a.k6)((()=>[(0,a.eW)("match box")])),_:1})]))]))])}}};const W=V;var Q=W}}]);
2//# sourceMappingURL=4598.72579485.js.map