"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[8408],{26027:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var a=n(7552),o=n(68446),r=n(99546),l=n(49792);const i=(0,o.observer)((function({model:e}){const t=(0,r.getContainingView)(e),n=Math.round(t.dynamicBlocks.totalWidthPx),o=e.height,l=(0,a.useCallback)((t=>{e.setRef(t)}),[e,n,o]);return a.createElement("canvas",{"data-testid":"cloud-canvas",ref:l,style:{width:n,height:o,position:"absolute"},width:2*n,height:2*o})})),s=(0,o.observer)((function({model:e}){return a.createElement(l.A,{model:e},a.createElement(i,{model:e}))}))},49792:(e,t,n)=>{n.d(t,{A:()=>h});var a=n(7552),o=n(49823),r=n(20529),l=n(75785),i=n(68446),s=n(99546),d=n(89003),c=n(5401);const g=(0,l.n9)()((e=>({loading:{backgroundColor:e.palette.background.default,backgroundImage:`repeating-linear-gradient(45deg, transparent, transparent 5px, ${e.palette.action.disabledBackground} 5px, ${e.palette.action.disabledBackground} 10px)`,position:"absolute",bottom:0,height:50,width:300,right:0,pointerEvents:"none",textAlign:"center"}}))),u=(0,i.observer)((function({model:e,children:t}){const{error:n,regionTooLarge:o}=e;return n?a.createElement(r.LW,{message:`${n}`,severity:"error",action:a.createElement(d.A,{title:"Reload"},a.createElement(c.A,{"data-testid":"reload_button",onClick:()=>{e.reload()}},"Reload"))}):o?e.regionCannotBeRendered():a.createElement(m,{model:e},t)})),m=(0,i.observer)((function({model:e,children:t}){const{drawn:n,loading:o}=e,r=(0,s.getContainingView)(e),l=(e.lastDrawnOffsetPx||0)-r.offsetPx;return a.createElement("div",{"data-testid":`drawn-${n}`},a.createElement("div",{style:{position:"absolute",left:l}},t),0!==l||o?a.createElement(b,{model:e}):null)})),b=(0,i.observer)((function({model:e}){const{classes:t}=g(),{message:n}=e;return a.createElement("div",{className:t.loading},a.createElement(o.LoadingEllipses,{message:n}))})),h=u}}]);
//# sourceMappingURL=8408.2e2896bf.chunk.js.map