https://www.ensembl.org/static/144.ce02c1dc52903d6cbb72.js

1"use strict";(globalThis.webpackChunkensembl_new||=[]).push([[144],{64144(e,s,n){n.r(s),n.d(s,{buildBreadcrumbs:()=>$,default:()=>K});var a=n(96540),r=n(18093),l=n(71581),i=n(19098),c=n(78281);const t=()=>{const{key:e}=(0,r.zy)(),s=(0,a.useRef)([]),n=s.current,l=n.indexOf(e),i=l>-1&&l<n.length-1,c=n.length>1&&l>0;return-1===l&&s.current.push(e),{hasNext:i,hasPrevious:c}};var o=n(70855),d=n(34551),p=n(4292),h=n(88885),_=n(3893),m=n(58916),u=n(88524),j=n(46942),x=n.n(j),v=n(55808),b=n.n(v),N=n(75913);const g={container:"container__LabelledAppIcon__M1bx2",iconWrapper:"iconWrapper__LabelledAppIcon__M1bx2",iconWrapperSmall:"iconWrapperSmall__LabelledAppIcon__M1bx2",label:"label__LabelledAppIcon__M1bx2",labelSmall:"labelSmall__LabelledAppIcon__M1bx2"};var y=n(74848);const H={speciesSelector:N.dm,genomeBrowser:N.DV,entityViewer:N.B0,blast:N.Un},f={speciesSelector:"Genome selector",genomeBrowser:"Genome browser",entityViewer:"Feature explorer",blast:"Blast"},k=e=>{const{app:s,size:n="regular"}=e,a=H[s],r=f[s],l=x()(g.iconWrapper,g[`iconWrapper${b()(n)}`]),i=x()(g.label,g[`label${b()(n)}`]);return(0,y.jsxs)("div",{className:g.container,children:[(0,y.jsx)("div",{className:l,children:(0,y.jsx)(a,{})}),(0,y.jsx)("div",{className:i,children:r})]})};var A=n(1187),S=n(69439),M=n(77086);const w="helpLanding__HelpLanding__OyhjJ",C="showHide__HelpLanding__OyhjJ",L="appsGrid__HelpLanding__OyhjJ",B="stepsGrid__HelpLanding__OyhjJ",I="appBlock__HelpLanding__OyhjJ",z="appLabel__HelpLanding__OyhjJ",q="searchIcon__HelpLanding__OyhjJ",E="stepChildren__HelpLanding__OyhjJ",F="bottomSection__HelpLanding__OyhjJ",J=()=>(0,y.jsxs)("section",{children:[(0,y.jsx)("h1",{children:"Ensembl apps"}),(0,y.jsxs)("div",{className:L,children:[(0,y.jsxs)("div",{className:I,children:[(0,y.jsx)("div",{className:z,children:(0,y.jsx)(k,{app:"speciesSelector"})}),"Create & manage your own list of genomes",(0,y.jsxs)("ul",{children:[(0,y.jsx)("li",{children:"open from the launchbar at the top of every page"}),(0,y.jsx)("li",{children:"add as many genomes as you want"}),(0,y.jsx)("li",{children:"your genomes will then be available across all apps"}),(0,y.jsx)("li",{children:"use the genome tabs to see information about each genome"})]})]}),(0,y.jsxs)("div",{className:I,children:[(0,y.jsx)("div",{className:z,children:(0,y.jsx)(k,{app:"genomeBrowser"})}),"Look at genes & transcripts in their genetic context",(0,y.jsxs)("ul",{children:[(0,y.jsx)("li",{children:"opened from the launchbar at the top of every page"}),(0,y.jsx)("li",{children:"view an example gene or region, or search for your own genes"}),(0,y.jsx)("li",{children:"download the data you want"})]})]}),(0,y.jsxs)("div",{className:I,children:[(0,y.jsx)("div",{className:z,children:(0,y.jsx)(k,{app:"entityViewer"})}),"Get gene & transcript information",(0,y.jsxs)("ul",{children:[(0,y.jsx)("li",{children:"opened from the launchbar at the top of every page"}),(0,y.jsx)("li",{children:"see all the information we have for your gene"}),(0,y.jsx)("li",{children:"download the data you want"})]})]})]})]}),P=()=>{const[e,s]=(0,a.useState)(!1);return(0,y.jsxs)("section",{children:[(0,y.jsx)("h1",{children:"Start using the apps"}),(0,y.jsxs)("div",{children:[(0,y.jsx)("span",{children:"A step-by-step guide to using an app for the first time"}),(0,y.jsx)(S.A,{label:"Show me what to do",isExpanded:e,onClick:()=>s(!e),className:C})]}),e&&(0,y.jsxs)("div",{className:B,children:[(0,y.jsx)("div",{children:(0,y.jsx)(A.p,{count:1,label:"Find and add a genome",children:(0,y.jsx)(k,{app:"speciesSelector",size:"small"})})}),(0,y.jsx)("div",{children:(0,y.jsx)(A.p,{count:2,label:"Select an app",children:(0,y.jsxs)("div",{className:E,children:[(0,y.jsx)(k,{app:"genomeBrowser",size:"small"}),(0,y.jsx)(k,{app:"entityViewer",size:"small"})]})})}),(0,y.jsx)("div",{children:(0,y.jsx)(A.p,{count:3,label:"Use Search or the example links to view a gene or region",children:(0,y.jsxs)("div",{className:E,children:[(0,y.jsx)(M.A,{className:q}),(0,y.jsx)("div",{children:"Example gene"}),(0,y.jsx)("div",{children:"Example region"})]})})})]})]})},O=()=>(0,y.jsxs)("section",{className:F,children:[(0,y.jsx)("h1",{children:"Ensembl tools"}),(0,y.jsx)("div",{className:L,children:(0,y.jsxs)("div",{className:I,children:[(0,y.jsx)("div",{className:z,children:(0,y.jsx)(k,{app:"blast"})}),"Compare DNA or protein sequences across genomes",(0,y.jsxs)("ul",{children:[(0,y.jsx)("li",{children:"opened from the launchbar at the top of every page"}),(0,y.jsx)("li",{children:"add up to 30 sequences and up to 25 genomes at a time"}),(0,y.jsx)("li",{children:"see significant sequence matches across genomes"}),(0,y.jsx)("li",{children:"results available for 7 days"})]})]})})]}),G=()=>(0,y.jsxs)("div",{className:w,children:[(0,y.jsx)(J,{}),(0,y.jsx)(P,{}),(0,y.jsx)(O,{})]});var V=n(81077),W=n(80179),Y=n(69386),D=n(77464),R=n(55750);const T=()=>(0,y.jsxs)("div",{className:R.A.appBar,children:[(0,y.jsx)("span",{children:"Help"}),(0,y.jsxs)("div",{className:R.A.rightCorner,children:[(0,y.jsx)(l.N_,{to:i.vE(),children:"Contact us"}),(0,y.jsx)(m.A,{className:R.A.communicationButton})]})]}),U=e=>{const{hasNext:s,hasPrevious:n}=e,a=(0,r.Zp)();return(0,y.jsx)(Y.A,{onHistoryBack:()=>{a(-1)},onHistoryForward:()=>{a(1)},hasPrevious:n,hasNext:s})},Z=e=>{const{article:s,breadcrumbs:n,hasNext:a,hasPrevious:r}=e;if(!("article"===s.type||"video"===s.type))return null;const l="article"===s.type?(0,y.jsx)(V.kt,{article:s}):(0,y.jsx)(V.Gt,{video:s}),i=(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:R.A.breadcrumbsContainer,children:(0,y.jsx)(W.A,{breadcrumbs:n})}),(0,y.jsx)("div",{className:R.A.articleContainer,children:(0,y.jsxs)(V.oR,{className:R.A.articleGrid,children:[l,(0,y.jsxs)("aside",{children:[(0,y.jsx)(U,{hasNext:a,hasPrevious:r}),!!s.related_articles.length&&(0,y.jsx)(V.xJ,{articles:s.related_articles})]})]})})]});return(0,y.jsx)("main",{className:R.A.main,children:i})},$=(e,s)=>{for(const n of e.items){const e=Q(n,s.url,[]);if(e)return e}return[]},Q=(e,s,n)=>{if(n=[...n,e.name],e.url===s)return n;if("collection"===e.type&&e.items)for(const a of e.items){const e=Q(a,s,n);if(e)return e}return null},K=()=>{const{pathname:e}=(0,r.zy)(),s=(0,_.n)(e),n=(0,c.jL)(),{currentData:l}=(0,o.SE)({name:"help"}),{currentData:i,isLoading:m,error:j}=(0,o.DP)({pathname:e},{skip:s}),{hasNext:x,hasPrevious:v}

1=t();let b=[];if((0,a.useEffect)(()=>{m||n((0,d.Q)((0,h.Sq)({path:e,article:i})))},[m,e,i,n]),l&&(b=$(l,{url:e})),(0,p.FZ)(j))return(0,y.jsx)(D.kJ,{});const N=s?(0,y.jsxs)("main",{className:R.A.main,children:[(0,y.jsx)("div",{className:R.A.breadcrumbsContainer,children:(0,y.jsx)(W.A,{breadcrumbs:b})}),(0,y.jsx)("div",{className:R.A.articleContainer,children:(0,y.jsx)(G,{})})]}):i?(0,y.jsx)(Z,{article:i,breadcrumbs:b,hasNext:x,hasPrevious:v}):null;return(0,y.jsxs)("div",{className:R.A.help,children:[(0,y.jsx)(T,{}),l&&(0,y.jsx)(u.A,{menu:l,currentUrl:e}),N]})}},88524(e,s,n){n.d(s,{A:()=>f});var a=n(96540),r=n(46942),l=n.n(r),i=n(18093),c=n(44059);const t=()=>({trackTopLevelMenu:e=>{c.A.trackEvent({category:"help_mega_nav",label:e,action:"opened"})},trackMegaNavItemClick:(e,s)=>{const n="article"===s?"text_article_opened":"video_article_opened";c.A.trackEvent({category:"help_mega_nav",label:e,action:n})}});var o=n(17275),d=n(71581),p=n(74848);const h=e=>{const{to:s,...n}=e;return s.match(/^https?:\/\//)?(0,p.jsx)("a",{href:s,...n}):(0,p.jsx)(d.N_,{...e})},_="helpMenu__HelpMenu__HSq1N",m="chevronVertical__HelpMenu__HSq1N",u="chevronHorizontal__HelpMenu__HSq1N",j="menuBar__HelpMenu__HSq1N",x="expandedMenuPanel__HelpMenu__HSq1N",v="backdrop__HelpMenu__HSq1N",b="topMenuItem__HelpMenu__HSq1N",N="submenuItem__HelpMenu__HSq1N",g="topMenuItemActive__HelpMenu__HSq1N",y="submenu__HelpMenu__HSq1N",H=e=>{const[s,n]=(0,a.useState)(null),r=(0,a.useRef)(null),c=(0,i.Zp)(),{trackMegaNavItemClick:d}=t();(0,a.useEffect)(()=>{n(null)},[e.items]),(0,a.useEffect)(()=>{r.current.scrollIntoView({behavior:"smooth"})},[]);const h=e.items.map((s,a)=>{const r=l()(N),i={};return"collection"===s.type?i.onClick=()=>n(s.items):i.onClick=()=>{n(null),(s=>{e.onLinkClick(),c(s.url),d(s.name,s.type)})(s)},(0,p.jsx)("li",{...i,className:r,children:"collection"===s.type?(0,p.jsxs)(p.Fragment,{children:[s.name,(0,p.jsx)(o.A,{direction:"right",className:u})]}):s.name},a)}),_=(0,p.jsx)("ul",{className:y,ref:r,children:h});return s?(0,p.jsxs)(p.Fragment,{children:[_,(0,p.jsx)(H,{items:s,onLinkClick:e.onLinkClick})]}):_},f=e=>{const[s,n]=(0,a.useState)(null),r=(0,a.useRef)(null),{pathname:c}=(0,i.zy)(),{trackTopLevelMenu:d}=t(),u=()=>{n(null),r.current=null},N=e=>l()(b,{[g]:r.current===e}),y=e.menu.items.map((e,s)=>{return"collection"===e.type?(0,p.jsxs)("span",{className:N(s),onClick:()=>((e,s,a)=>{let l=null;null===r.current||r.current!==s?(r.current=s,l=e):r.current=null,n(l),l&&d(a)})(e.items,s,e.name),children:[e.name,(0,p.jsx)(o.A,{direction:r.current===s?"up":"down",animate:!0,className:m})]},s):(0,p.jsx)(h,{to:e.url,className:(a=e.url,l()(b,{[g]:c===a&&null===r.current})),onClick:()=>{return s=e.name,u(),void d(s);var s},children:e.name},s);var a});return(0,p.jsxs)("div",{className:_,children:[(0,p.jsx)("div",{className:j,children:y}),s&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{className:x,children:(0,p.jsx)(H,{items:s,onLinkClick:u})}),(0,p.jsx)("div",{className:v,onMouseEnter:u,onClick:u})]})]})}},80179(e,s,n){n.d(s,{A:()=>i});const a="breadcrumbs__Breadcrumbs__Y4d2P",r="breadcrumb__Breadcrumbs__Y4d2P";var l=n(74848);const i=e=>(0,l.jsx)("div",{className:a,children:e.breadcrumbs.map((e,s)=>(0,l.jsx)("span",{className:r,children:e},s))})},1187(e,s,n){n.d(s,{p:()=>p});n(96540);var a=n(46942),r=n.n(a);const l="wrapper__Step__+4IYF",i="wrapperWithChildren__Step__+4IYF",c="stepIcon__Step__+4IYF",t="stepLabel__Step__+4IYF",o="childrenContainer__Step__+4IYF";var d=n(74848);const p=e=>{const s=r()(l,{[i]:e.children});return(0,d.jsxs)("div",{className:s,children:[(0,d.jsx)("div",{className:c,children:(0,d.jsx)("span",{children:e.count})}),(0,d.jsx)("div",{className:t,children:e.label}),e.children&&(0,d.jsx)("div",{className:o,children:e.children})]})}},55750(e,s,n){n.d(s,["A",0,{help:"help__Help__Mjzjj",appBar:"appBar__Help__Mjzjj",rightCorner:"rightCorner__Help__Mjzjj",communicationButton:"communicationButton__Help__Mjzjj",main:"main__Help__Mjzjj",breadcrumbsContainer:"breadcrumbsContainer__Help__Mjzjj",articleContainer:"articleContainer__Help__Mjzjj",articleGrid:"articleGrid__Help__Mjzjj"}])}}]);
2//# sourceMappingURL=144.ce02c1dc52903d6cbb72.js.map