this.webpackChunk([51],{1218:function(e,t,a){"use strict";a.r(t);var r=a(6),n=a(0),l=a.n(n),c=a(16),o=a(4),i=a(146),m=a(1),s=a(44),d=a(148),u=a(80),v=a(40),E=a(289),g=a.n(E),p=a(290),b=a.n(p),f=a(428),y=a.n(f),h=Object(i.a)((function(){return{headerBar:{gridArea:"1/1/auto/span 2",display:"flex"},spacer:{flexGrow:1},bp:{display:"flex",alignItems:"center",marginLeft:10},searchContainer:{marginLeft:5},searchBox:{display:"flex"}}})),k=Object(c.observer)((function(e){var t=e.model;return l.a.createElement(d.a,{onClick:t.toggleLinkViews,title:"Toggle linked scrolls and behavior across views"},t.linkViews?l.a.createElement(b.a,{color:"secondary"}):l.a.createElement(g.a,{color:"secondary"}))})),w=Object(c.observer)((function(e){var t=e.model;return l.a.createElement(d.a,{onClick:t.squareView,title:"Square view (make both the same zoom level)"},l.a.createElement(y.a,{color:"secondary"}))})),j=Object(c.observer)((function(e){var t=e.model,a=e.ExtraButtons,r=h(),n=t.views.some((function(e){return!e.hideHeader}));return l.a.createElement("div",{className:r.headerBar},l.a.createElement(k,{model:t}),l.a.createElement(w,{model:t}),a,n?null:t.views.map((function(e){return l.a.createElement("div",{key:e.id,className:r.searchBox},l.a.createElement("div",{className:r.searchContainer},l.a.createElement(v.c,{model:e,showHelp:!1})),l.a.createElement("div",{className:r.bp},l.a.createElement(u.a,{variant:"body2",color:"textSecondary",className:r.bp},Math.round(e.coarseTotalBp).toLocaleString("en-US")," bp")))})),l.a.createElement("div",{className:r.spacer}))})),O=Object(i.a)((function(){return{container:{display:"grid"},overlay:{zIndex:100,gridArea:"1/1"},content:{gridArea:"1/1",position:"relative"},grid:{display:"grid"},relative:{position:"relative"}}})),x=Object(c.observer)((function(e){var t=e.model,a=O();return l.a.createElement(l.a.Fragment,null,t.tracks.map((function(e){var n=Object(r.a)(e.displays,1)[0],c=n.RenderingComponent,i=Object(o.getConf)(e,"trackId");return c?l.a.createElement("div",{className:a.overlay,key:i,style:{height:t.middleComparativeHeight,overflow:"hidden"}},l.a.createElement(c,{model:n})):null})))})),C=Object(c.observer)((function(e){var t=e.model,a=e.ExtraButtons,r=O(),n=t.views,c=Object(m.getEnv)(t).pluginManager.getViewType(n[0].type).ReactComponent;return l.a.createElement("div",null,l.a.createElement(j,{ExtraButtons:a,model:t}),l.a.createElement("div",{className:r.container},l.a.createElement(c,{model:n[0]}),l.a.createElement("div",{className:r.grid},l.a.createElement(x,{model:t})),l.a.createElement(s.ResizeHandle,{onDrag:function(e){return t.setMiddleComparativeHeight(t.middleComparativeHeight+e)},style:{height:4,background:"#ccc"}}),l.a.createElement(c,{model:n[1]})))})),N=Object(c.observer)((function(e){var t=e.model,a=e.ExtraButtons,r=O(),n=t.views,c=Object(m.getEnv)(t).pluginManager;return l.a.createElement("div",null,l.a.createElement(j,{model:t,ExtraButtons:a}),l.a.createElement("div",{className:r.container},l.a.createElement("div",{className:r.content},l.a.createElement("div",{className:r.relative},n.map((function(e){var t=c.getViewType(e.type).ReactComponent;return l.a.createElement(t,{key:e.id,model:e})}))),l.a.createElement(x,{model:t}))))})),B=Object(c.observer)((function(e){return e.model.tracks.some((function(e){return e.displays.some((function(e){return Object(o.getConf)(e,"middle")}))}))?l.a.createElement(C,e):l.a.createElement(N,e)}));t.default=B}});
//# sourceMappingURL=51.67b1db759ea9fbaf17d9.worker.js.map