https://www.uniprot.org/modern.uniprotkb-entry-feature-viewer.2c6f5e.js

1"use strict";(self.webpackChunkuniprot_website=self.webpackChunkuniprot_website||[]).push([[9824],{45917(e,t,r){r.r(t),r(29833),r(36967),r(91482),r(11207),r(84160),r(31511),r(19675),r(87870),r(21862),r(64636),r(69516),r(80329),r(61284),r(37930),r(99453),r(50906),r(79747),r(3731),r(14357),r(99469),r(36411),r(43462),r(69992),r(98660),r(68907),r(20206);var n=r(36371),a=r(71763),s=r(85399),i=r(66532),c=r(87912),o=r(34821),l=r(81830),u=r(49946),d=r(52871),h=r(69429),f=r(39901),m=r(43594),v=r(56362),w=r(58877),b=r(17616),p=r(91987);const g=new Set([void 0,"reset","click"]),j={method:"HEAD"};r.d(t,["default",0,({accession:e,importedVariants:t,sequence:x})=>{const k=(0,a.useRef)(null),A=(0,a.useRef)(null),{loading:N,status:y}=(0,d.A)(o.A.proteinsApi.proteins(e),j),C=(0,u.A)(()=>r.e(4607).then(r.bind(r,74226)),"protvista-uniprot"),R=(0,a.useCallback)(e=>{const{detail:t}=e;if(g.has(t?.eventType)&&A.current?.(),"click"===t?.eventType&&t?.feature?.tooltipContent&&e.target){const[e,r]=t.coords;A.current=(0,f.XD)(e,r,t.feature.tooltipContent)}},[]);(0,a.useEffect)(()=>{const e=k.current;return e?.addEventListener("change",R),()=>{e?.removeEventListener("change",R)}},[R,C]),(0,a.useEffect)(()=>()=>{A.current?.()},[]);const S=(0,a.useRef)(null),E=(0,a.useCallback)(e=>{"#structure"===location.hash&&(S.current=new MutationObserver(()=>{const t=e.querySelector("#molstar-canvas[height]");t&&(S.current?.disconnect(),S.current=null,t.scrollIntoView({block:"end"}))}),S.current.observe(e,{subtree:!0,attributes:!0,attributeFilter:["height"]}))},[]);(0,a.useEffect)(()=>()=>{S.current?.disconnect(),S.current=null},[]);const F=new URLSearchParams((0,i.zy)().search).get("loadFeatures");if("human"!==(0,a.use)(l.i))return(0,p.jsx)(n.QB,{level:"info",children:"Please interact with the page to view the Feature Viewer"});if(N)return(0,p.jsx)(n.aH,{});if(200!==y)return(0,p.jsxs)("section",{className:"wider-tab-content",children:[(0,p.jsx)("h3",{"data-article-id":"feature_viewer",children:"Feature viewer"}),(0,p.jsxs)("div",{className:w.A["no-data"],children:["No feature information available for ",e]})]});const L="loading"!==t&&t<=2e3||F;return(0,p.jsxs)("section",{className:"wider-tab-content",ref:E,children:[(0,p.jsx)("h3",{"data-article-id":"feature_viewer",children:"Feature viewer"}),L&&(0,p.jsx)("div",{className:w.A["zoom-tool-row"],children:(0,p.jsx)(v.A,{length:x.length,nightingaleNavigationGetter:()=>k.current?.querySelector("nightingale-navigation")||null})}),L?(0,p.jsx)(b.A,{children:(0,p.jsx)(C.name,{accession:e,ref:k})}):(0,p.jsxs)("div",{className:w.A["too-many"],children:[(0,p.jsx)(n.QB,{children:"Due to the large number of features for this entry, the feature viewer will not be loaded automatically for performance reasons."}),(0,p.jsx)(s.N_,{className:"button primary",to:{pathname:(0,c.u3)(h.g$.uniprotkb,e,m.l.FeatureViewer),search:new URLSearchParams({loadFeatures:"true"}).toString()},target:"features",children:"Click to load the feature viewer"})]})]})}])},17616(e,t,r){r.d(t,{A:()=>s});var n=r(71763);var a=r(91987);const s=({children:e})=>{const[t,r]=(0,n.useState)(!1),s=(0,n.useRef)(!1),i=(0,n.useRef)(null),c=(0,n.useCallback)(()=>{s.current||(s.current=!0,r(!0),i.current=setTimeout(()=>r(!1),3e3))},[]);return(0,n.useEffect)(()=>()=>{i.current&&clearTimeout(i.current)},[]),(0,a.jsxs)("div",{className:"LMpMs",onWheel:c,children:[e,t&&(0,a.jsx)("div",{className:"DbqaJ",children:(0,a.jsx)("span",{children:"Use [CTRL/CMD] + scroll to zoom"})})]})}},58877(e,t,r){r.d(t,["A",0,{"no-data":"OQOtm","too-many":"QS_GQ","zoom-tool-row":"eqtSR"}])}}]);
2//# sourceMappingURL=modern.uniprotkb-entry-feature-viewer.2c6f5e.js.map