https://cov-spectrum.org/static/js/4218.a486904a.chunk.js

1"use strict";(self.webpackChunkcov_spectrum_website=self.webpackChunkcov_spectrum_website||[]).push([[4218],{4554:(e,t,i)=>{i.d(t,{C:()=>r});var n=i(579);const r=(0,i(9062).X)((0,n.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Clear")},4218:(e,t,i)=>{i.r(t),i.d(t,{H:()=>Ue,S:()=>L,T:()=>B});var n=i(579),r=i(5043),o=i(9062),s=i(5817),l=i(5173),a=i(1963),c=i(4554),d=i(3972),u=i(8533),h=i(1908),f=i(4018);function p(e){return(0,o.A)("MuiFab",e)}const m=(0,o.z)("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"]),g=(0,o.H)(o.b9,{name:"MuiFab",slot:"Root",shouldForwardProp:e=>(0,o.aY)(e)||"classes"===e,overridesResolver:(e,t)=>{const{ownerState:i}=e;return[t.root,t[i.variant],t[`size${(0,o.aC)(i.size)}`],"inherit"===i.color&&t.colorInherit,t[(0,o.aC)(i.size)],t[i.color]]}})((0,o.J)((e=>{let{theme:t}=e;var i,n;return{...t.typography.button,minHeight:36,transition:t.transitions.create(["background-color","box-shadow","border-color"],{duration:t.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(t.vars||t).zIndex.fab,boxShadow:(t.vars||t).shadows[6],"&:active":{boxShadow:(t.vars||t).shadows[12]},color:t.vars?t.vars.palette.grey[900]:null==(n=(i=t.palette).getContrastText)?void 0:n.call(i,t.palette.grey[300]),backgroundColor:(t.vars||t).palette.grey[300],"&:hover":{backgroundColor:(t.vars||t).palette.grey.A100,"@media (hover: none)":{backgroundColor:(t.vars||t).palette.grey[300]},textDecoration:"none"},[`&.${m.focusVisible}`]:{boxShadow:(t.vars||t).shadows[6]},variants:[{props:{size:"small"},style:{width:40,height:40}},{props:{size:"medium"},style:{width:48,height:48}},{props:{variant:"extended"},style:{borderRadius:24,padding:"0 16px",width:"auto",minHeight:"auto",minWidth:48,height:48}},{props:{variant:"extended",size:"small"},style:{width:"auto",padding:"0 8px",borderRadius:17,minWidth:34,he

1ight:34}},{props:{variant:"extended",size:"medium"},style:{width:"auto",padding:"0 16px",borderRadius:20,minWidth:40,height:40}},{props:{color:"inherit"},style:{color:"inherit"}}]}})),(0,o.J)((e=>{let{theme:t}=e;return{variants:[...Object.entries(t.palette).filter((0,o.b2)(["dark","contrastText"])).map((e=>{let[i]=e;return{props:{color:i},style:{color:(t.vars||t).palette[i].contrastText,backgroundColor:(t.vars||t).palette[i].main,"&:hover":{backgroundColor:(t.vars||t).palette[i].dark,"@media (hover: none)":{backgroundColor:(t.vars||t).palette[i].main}}}}}))]}})),(0,o.J)((e=>{let{theme:t}=e;return{[`&.${m.disabled}`]:{color:(t.vars||t).palette.action.disabled,boxShadow:(t.vars||t).shadows[0],backgroundColor:(t.vars||t).palette.action.disabledBackground}}}))),v=r.forwardRef((function(e,t){const i=(0,o.G)({props:e,name:"MuiFab"}),{children:r,className:l,color:a="default",component:c="button",disabled:d=!1,disableFocusRipple:u=!1,focusVisibleClassName:h,size:f="large",variant:m="circular",...v}=i,b={...i,color:a,component:c,disabled:d,disableFocusRipple:u,size:f,variant:m},_=(e=>{const{color:t,variant:i,classes:n,size:r}=e,s={root:["root",i,`size${(0,o.aC)(r)}`,"inherit"===t?"colorInherit":t]},l=(0,o.I)(s,p,n);return{...n,...l}})(b);return(0,n.jsx)(g,{className:(0,s.c)(_.root,l),component:c,disabled:d,focusRipple:!u,focusVisibleClassName:(0,s.c)(_.focusVisible,h),ownerState:b,ref:t,...v,classes:_,children:r})}));let b;"production"!==s.p.env.NODE_ENV&&(v.propTypes={children:l.node,classes:l.object,className:l.string,color:l.oneOfType([l.oneOf(["default","error","info","inherit","primary","secondary","success","warning"]),l.string]),component:l.elementType,disabled:l.bool,disableFocusRipple:l.bool,disableRipple:l.bool,focusVisibleClassName:l.string,href:l.string,size:l.oneOfType([l.oneOf(["small","medium","large"]),l.string]),sx:l.oneOfType([l.arrayOf(l.oneOfType([l.func,l.object,l.bool])),l.func,l.object]),variant:l.oneOfType([l.oneOf(["circular","extended"]),l.string])}),b=typeof window<"u"?window:typeof self<"u"?self:s.b;let _=null,y=null;const x=b.clearTimeout,S=b.setTimeout,C=b.cancelAnimationFrame||b.mozCancelAnimationFrame||b.webkitCancelAnimationFrame,k=b.requestAnimationFrame||b.mozRequestAnimationFrame||b.webkitRequestAnimationFrame;function w(e){let t,i,n,r,o,s,l;const a=typeof document<"u"&&document.attachEvent;if(!a){s=function(e){const t=e.__resizeTriggers__,i=t.firstElementChild,n=t.lastElementChild,r=i.firstElementChild;n.scrollLeft=n.scrollWidth,n.scrollTop=n.scrollHeight,r.style.width=i.offsetWidth+1+"px",r.style.height=i.offsetHeight+1+"px",i.scrollLeft=i.scrollWidth,i.scrollTop=i.scrollHeight},o=function(e){return e.offsetWidth!==e.__resizeLast__.width||e.offsetHeight!==e.__resizeLast__.height},l=function(e){if(e.target.className&&"function"==typeof e.target.className.indexOf&&e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)return;const t=this;s(this),this.__resizeRAF__&&_(this.__resizeRAF__),this.__resizeRAF__=y((function(){o(t)&&(t.__resizeLast__.width=t.offsetWidth,t.__resizeLast__.height=t.offsetHeight,t.__resizeListeners__.forEach((function(i){i.call(t,e)})))}))};let e=!1,a="";n="animationstart";const c="Webkit Moz O ms".split(" ");let d="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),u="";{const t=document.createElement("fakeelement");if(void 0!==t.style.animationName&&(e=!0),!1===e)for(let i=0;i<c.length;i++)if(void 0!==t.style[c[i]+"AnimationName"]){u=c[i],a="-"+u.toLowerCase()+"-",n=d[i],e=!0;break}}i="resizeanim",t="@"+a+"keyframes "+i+" { from { opacity: 0; } to { opacity: 0; } } ",r=a+"animation: 1ms "+i+"; "}return{addResizeListener:function(o,c){if(a)o.attachEvent("onresize",c);else{if(!o.__resizeTriggers__){const a=o.ownerDocument,c=b.getComputedStyle(o);c&&"static"===c.position&&(o.style.position="relative"),function(i){if(!i.getElementById("detectElementResize")){const n=(t||"")+".resize-triggers { "+(r||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',o=i.head||i.getElementsByTagName("head")[0],s=i.createElement("style");s.id="detectElementResize",s.type="text/css",null!=e&&s.setAttribute("nonce",e),s.styleSheet?s.styleSheet.cssText=n:s.appendChild(i.createTextNode(n)),o.appendChild(s)}}(a),o.__resizeLast__={},o.__resizeListeners__=[],(o.__resizeTriggers__=a.createElement("div")).className="resize-triggers";const d=a.createElement("div");d.className="expand-trigger",d.appendChild(a.createElement("div"));const u=a.createElement("div");

1u.className="contract-trigger",o.__resizeTriggers__.appendChild(d),o.__resizeTriggers__.appendChild(u),o.appendChild(o.__resizeTriggers__),s(o),o.addEventListener("scroll",l,!0),n&&(o.__resizeTriggers__.__animationListener__=function(e){e.animationName===i&&s(o)},o.__resizeTriggers__.addEventListener(n,o.__resizeTriggers__.__animationListener__))}o.__resizeListeners__.push(c)}},removeResizeListener:function(e,t){if(a)e.detachEvent("onresize",t);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(t),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",l,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(n,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch{}}}}}null==C||null==k?(_=x,y=function(e){return S(e,20)}):(_=function(e){let[t,i]=e;C(t),x(i)},y=function(e){const t=k((function(){x(i),e()})),i=S((function(){C(t),e()}),20);return[t,i]});class z extends r.Component{constructor(){super(...arguments),this.state={height:this.props.defaultHeight||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._didLogDeprecationWarning=!1,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:e,disableWidth:t,onResize:i}=this.props;if(this._parentNode){const n=window.getComputedStyle(this._parentNode)||{},r=parseFloat(n.paddingLeft||"0"),o=parseFloat(n.paddingRight||"0"),s=parseFloat(n.paddingTop||"0"),l=parseFloat(n.paddingBottom||"0"),a=this._parentNode.getBoundingClientRect(),c=a.height-s-l,d=a.width-r-o;if(!e&&this.state.height!==c||!t&&this.state.width!==d){this.setState({height:c,width:d});const e=()=>{this._didLogDeprecationWarning||(this._didLogDeprecationWarning=!0,console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"))};"function"==typeof i&&i({height:c,width:d,get scaledHeight(){return e(),c},get scaledWidth(){return e(),d}})}}},this._setRef=e=>{this._autoSizer=e}}componentDidMount(){const{nonce:e}=this.props,t=this._autoSizer?this._autoSizer.parentNode:null;if(null!=t&&t.ownerDocument&&t.ownerDocument.defaultView&&t instanceof t.ownerDocument.defaultView.HTMLElement){this._parentNode=t;const i=t.ownerDocument.defaultView.ResizeObserver;null!=i?(this._resizeObserver=new i((()=>{this._timeoutId=setTimeout(this._onResize,0)})),this._resizeObserver.observe(t)):(this._detectElementResize=w(e),this._detectElementResize.addResizeListener(t,this._onResize)),this._onResize()}}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),null!==this._timeoutId&&clearTimeout(this._timeoutId),this._resizeObserver&&this._resizeObserver.disconnect())}render(){const{children:e,defaultHeight:t,defaultWidth:i,disableHeight:n=!1,disableWidth:o=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:l,onResize:a,style:c={},tagName:d="div",...u}=this.props,{height:h,width:f}=this.state,p={overflow:"visible"},m={};let g=!1;return n||(0===h&&(g=!0),p.height=0,m.height=h,m.scaledHeight=h),o||(0===f&&(g=!0),p.width=0,m.width=f,m.scaledWidth=f),s&&(g=!1),(0,r.createElement)(d,{ref:this._setRef,style:{...p,...c},...u},!g&&e(m))}}const T=(0,o.m)()((e=>({fab:{position:"absolute",bottom:e.spacing(6),right:e.spacing(6)}}))),I=(0,o.o)((function(e){let{model:t}=e;const{classes:i}=T(),s=o.u.getSession(t),[l,c]=(0,r.useState)(null);function d(){c(null)}const u=o.u.isSessionModelWithConnections(s),h=o.u.isSessionWithAddTracks(s);return h||u?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(v,{color:"secondary",className:i.fab,onClick:e=>{c(e.currentTarget)},children:(0,n.jsx)(o.by,{})}),(0,n.jsxs)(o.cB,{anchorEl:l,open:!!l,onClose:()=>{c(null)},children:[u?(0,n.jsx)(a.M,{onClick:()=>{d(),o.u.isSessionModelWithWidgets(s)&&s.showWidget(s.addWidget("AddConnectionWidget","addConnectionWidget"))},children:"Add connection"}):null,h?(0,n.jsx)(a.M,{onClick:()=>

1{d(),o.u.isSessionModelWithWidgets(s)&&s.showWidget(s.addWidget("AddTrackWidget","addTrackWidget",{view:t.view.id}))},children:"Add track"}):null]})]}):null})),R=(0,r.lazy)((()=>Promise.all([i.e(1147),i.e(1953)]).then(i.bind(i,1953)))),j=(0,r.lazy)((()=>i.e(8584).then(i.bind(i,8584)))),O=(0,r.lazy)((()=>i.e(8991).then(i.bind(i,8991)))),M=(0,r.lazy)((()=>i.e(1479).then(i.bind(i,1479)))),W=(0,r.lazy)((()=>i.e(1181).then(i.bind(i,1181)))),E=(0,o.o)((function(e){let{model:t}=e;const i=o.u.getSession(t),[s,l]=(0,r.useState)(),[a,c]=(0,r.useState)(),[d,u]=(0,r.useState)(!1),[h,f]=(0,r.useState)(!1),[p,m]=(0,r.useState)(!1);function g(e,t){var n;const r=o.s.readConfObject(e,"name"),s=null===(n=i.prepareToBreakConnection)||void 0===n?void 0:n.call(i,e);if(s){const[t,i]=s;Object.keys(i).length>0?l({connectionConf:e,safelyBreakConnection:t,dereferenceTypeCount:i,name:r}):t()}t&&c({name:r,connectionConf:e})}return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.cC,{menuItems:[{label:"Open faceted track selector",onClick:()=>{m(!0)}},...o.u.isSessionWithAddTracks(i)?[{label:"Add track...",onClick:()=>{o.u.isSessionModelWithWidgets(i)&&i.showWidget(i.addWidget("AddTrackWidget","addTrackWidget",{view:t.view.id}))}}]:[],{label:"Connections...",subMenu:[...o.u.isSessionModelWithConnections(i)?[{label:"Turn on/off connections...",onClick:()=>{u(!0)}}]:[],...o.u.isSessionModelWithConnectionEditing(i)?[{label:"Add connection...",onClick:()=>{o.u.isSessionModelWithWidgets(i)&&i.showWidget(i.addWidget("AddConnectionWidget","addConnectionWidget"))}},{label:"Delete connections...",onClick:()=>{f(!0)}}]:[]]},{label:"Sort...",type:"subMenu",subMenu:[{label:"Sort tracks by name",type:"checkbox",checked:t.activeSortTrackNames,onClick:()=>{t.setSortTrackNames(!t.activeSortTrackNames)}},{label:"Sort categories by name",type:"checkbox",checked:t.activeSortCategories,onClick:()=>{t.setSortCategories(!t.activeSortCategories)}}]},{label:"Collapse...",type:"subMenu",subMenu:[...t.hasAnySubcategories?[{label:"Collapse subcategories",onClick:()=>{t.collapseSubCategories()}}]:[],{label:"Collapse top-level categories",onClick:()=>{t.collapseTopLevelCategories()}},{label:"Expand all categories",onClick:()=>{t.expandAllCategories()}}]}],children:(0,n.jsx)(o.cD,{})}),(0,n.jsxs)(r.Suspense,{fallback:null,children:[s?(0,n.jsx)(j,{modalInfo:s,onClose:()=>{l(void 0)}}):null,a?(0,n.jsx)(O,{handleClose:()=>{c(void 0)},deleteDialogDetails:a,session:i}):null,h?(0,n.jsx)(M,{handleClose:()=>{f(!1)},breakConnection:g,session:i}):null,d?(0,n.jsx)(W,{handleClose:()=>{u(!1)},session:i,breakConnection:g}):null,p?(0,n.jsx)(R,{handleClose:()=>{m(!1)},model:t}):null]})]})})),N=(0,o.X)((0,n.jsx)("path",{d:"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2M1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2"}),"ShoppingCart"),L=(0,o.o)((function(e){let{model:t}=e;const i=o.u.getSession(t),{selection:r}=t,{pluginManager:s}=o.u.getEnv(t),{adminMode:l,sessionTracks:a}=i,c=new Set(null==a?void 0:a.map((e=>e.trackId))),u=s.evaluateExtensionPoint("TrackSelector-multiTrackMenuItems",[],{session:i});return r.length?(0,n.jsx)(o.cC,{menuItems:[{label:"Clear selection",onClick:()=>{t.clearSelection()}},...r.every((e=>(e=>l||c.has(e))(e.trackId)))?[{label:"Delete tracks",onClick:()=>{var e;for(const t of r)null===(e=i.deleteTrackConf)||void 0===e||e.call(i,t)}}]:[],...u.map((e=>({...e,..."onClick"in e?{onClick:()=>{e.onClick(t)}}:{}})))],children:(0,n.jsx)(d.B,{badgeContent:r.length,color:"primary",children:(0,n.jsx)(N,{})})}):null})),D=(0,o.X)((0,n.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Grade"),F=(0,o.X)((0,n.jsx)("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreHoriz"),A=(0,o.X)((0,n.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star"),H=(0,o.X)((0,n.jsx)("path",{d:"m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"}),"StarBorderOutlined"),P=(0,o.m)()({cascadingStyle:{padding:0}}),B=function(e){let{id:t,trackId:i,stopPropagation:r,model:s,setOpen:l,conf:a}=e;var c,d;const{classes:u}=P();return(0,n.jsx)(o.cC,{className:u.cascadingStyle,stopPropagation:r,setOpen:l,"data-testid":`htsTrackEntryMenu-${t}`,menuItems:[...(null===(d=(c=o.u.getSession(s)).getTrackActionMenuItems)||void 0===d?void 0:d.call(c,a))||[],s.isFavorite(i)?{label:"Remove from favorites",onClick:()=>{s.removeFromFavorites(i)},icon:H}:{label:"Add to favorites",onClick:()=>{s.addToFavorites(i)},icon:A},{label:"Add to selection",onClick:()=>

1{s.addToSelection([a])}},...s.isSelected(a)?[{label:"Remove from selection",onClick:()=>{s.removeFromSelection([a])}}]:[]],children:(0,n.jsx)(F,{})})},V=(0,o.o)((function(e){let{model:t,tracks:i,extraMenuItems:s,children:l,onClick:a}=e;const{view:c}=t,[d,h]=(0,r.useState)(!1),f=o.u.getSession(t);return c?(0,n.jsx)(o.cC,{closeAfterItemClick:!1,onClick:a,menuItems:[...i.map((e=>({type:"checkbox",label:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.S,{html:o.t.getTrackName(e,f)})," ",(0,n.jsx)(B,{id:e.trackId,trackId:e.trackId,model:t,conf:e,setOpen:h,stopPropagation:!0})]}),checked:c.tracks.some((t=>t.configuration===e)),onClick:()=>{d||t.view.toggleTrack(e.trackId)&&t.addToRecentlyUsed(e.trackId)}}))),...s],children:l}):null})),U=(0,o.m)()({smallBadge:{height:14},margin:{marginRight:10}}),q=(0,o.o)((function(e){let{model:t}=e;const{classes:i}=U(),{view:r,favoriteTracks:s}=t;return r?(0,n.jsx)(V,{onClick:()=>{t.setFavoritesCounter(0)},tracks:s,model:t,extraMenuItems:s.length?[{type:"divider"},{label:"Clear favorites",onClick:()=>{t.clearFavorites()}}]:[{label:"No favorite tracks yet",onClick:()=>{}}],children:(0,n.jsx)(o.a6,{title:"Favorite tracks",children:(0,n.jsx)(d.B,{classes:{badge:i.smallBadge},color:"secondary",anchorOrigin:{vertical:"bottom",horizontal:"right"},className:i.margin,badgeContent:t.favoritesCounter,children:(0,n.jsx)(D,{})})})}):null})),X=(0,o.X)((0,n.jsx)("path",{d:"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9m-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z"}),"History"),$=(0,o.m)()({smallBadge:{height:14}}),G=(0,o.o)((function(e){let{model:t}=e;const{classes:i}=$(),{view:r,recentlyUsedCounter:s,recentlyUsedTracks:l}=t;return r?(0,n.jsx)(V,{onClick:()=>{t.setRecentlyUsedCounter(0)},model:t,tracks:l,extraMenuItems:l.length?[{type:"divider"},{label:"Clear recently used",onClick:()=>{t.clearRecentlyUsed()}}]:[{label:"No recently used",onClick:()=>{}}],children:(0,n.jsx)(o.a6,{title:"Recently used tracks",children:(0,n.jsx)(d.B,{classes:{badge:i.smallBadge},anchorOrigin:{vertical:"bottom",horizontal:"right"},color:"secondary",badgeContent:s,children:(0,n.jsx)(X,{})})})}):null})),K=(0,o.m)()((e=>({searchBox:{margin:e.spacing(2)}}))),J=(0,o.o)((function(e){let{model:t}=e;const{filterText:i}=t,{classes:r}=K();return(0,n.jsx)(o.c,{className:r.searchBox,label:"Filter tracks",value:i,onChange:e=>{t.setFilterText(e.target.value)},fullWidth:!0,slotProps:{input:{endAdornment:(0,n.jsx)(o.bN,{position:"end",children:(0,n.jsx)(o.a7,{onClick:()=>{t.clearFilterText()},children:(0,n.jsx)(c.C,{})})})}}})})),Y=(0,o.o)((function(e){let{model:t,setHeaderHeight:i}=e;return(0,n.jsx)("div",{ref:e=>{i((null==e?void 0:e.getBoundingClientRect().height)||0)},"data-testid":"hierarchical_track_selector",children:(0,n.jsxs)("div",{style:{display:"flex"},children:[(0,n.jsx)(E,{model:t}),(0,n.jsx)(L,{model:t}),(0,n.jsx)(J,{model:t}),(0,n.jsx)(G,{model:t}),(0,n.jsx)(q,{model:t})]})})}));var Q=Number.isNaN||function(e){return"number"==typeof e&&e!==e};function Z(e,t){return!!(e===t||Q(e)&&Q(t))}function ee(e,t){if(e.length!==t.length)return!1;for(var i=0;i<e.length;i++)if(!Z(e[i],t[i]))return!1;return!0}function te(e,t){void 0===t&&(t=ee);var i,n,r=[],o=!1;return function(){for(var s=[],l=0;l<arguments.length;l++)s[l]=arguments[l];return o&&i===this&&t(s,r)||(n=e.apply(this,s),o=!0,i=this,r=s),n}}var ie="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function ne(e){cancelAnimationFrame(e.id)}var re=-1;function oe(e){if(void 0===e&&(e=!1),-1===re||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",document.body.appendChild(t),re=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return re}var se=null;function le(e){if(void 0===e&&(e=!1),null===se||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",i.direction="rtl";var n=document.createElement("div"),r=n.style;return r.width="100px",r.height="100px",t.appendChild(n),document.body.appendChild(t),t.scrollLeft>0?se="positive-descending":(t.scrollLeft=1,se=0===t.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(t),se}return se}s.p.env.NODE_ENV;var ae=function(e,t){return e},ce=null,de=null;function ue(e){var t,i=e.getItemOffset,n=e.getEstimatedTotalSize,s=e.getItemSize,l=e.getOffsetForIndexAndAlignment,a=e.getStartIndexForOffset,c=e.getStopIndexForStartIndex,d=e.initInstanceProps,u=e.shouldResetStyleCacheOnItemSizeChange,h=e.validateProps;return t=function(e){function t(t){var n;return(n=e.call(this,t)||this)._instanceProps=d(n.props,(0,o.cF)(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:(0,o.cF)(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof n.props.initialScrollOffset?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=te((function(e,t,i,r){return n.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:t,visibleStartIndex:i,visibleStopIndex:r})})),n._callOnScroll=void 0,n._callOnScroll=te((function(e,t,i){return n.props.onScroll({scrollDirection:e,scrollOffset:t,scrollUpdateWasRequested:i})})),n._getItemStyle=void 0,n._getItemStyle=function(e){var t,r=n.props,o=r.direction,l=r.itemSize,a=r.layout,c=n._getItemStyleCache(u&&l,u&&a,u&&o);if(c.hasOwnProperty(e))t=c[e];else{var d=i(n.props,e,n._instanceProps),h=s(n.props,e,n._instanceProps),f="horizontal"===o||"horizontal"===a,p="rtl"===o,m=f?d:0;c[e]=t={position:"absolute",left:p?void 0:m,right:p?m:void 0,top:f?0:d,height:f?"100%":h,width:f?h:"100%"}}return t},n._getItemStyleCache=void 0,n._getItemStyleCache=te((function(e,t,i){return{}})),n._onScrollHorizontal=function(e){var t=e.currentTarget,i=t.clientWidth,r=t.scrollLeft,o=t.scrollWidth;n.setState((function(e){if(e.scrollOffset===r)return null;var t=n.props.direction,s=r;if("rtl"===t)switch(le()){case"negative":s=-r;break;case"positive-descending":s=o-i-r}return s=Math.max(0,Math.min(s,o-i)),{isScrolling:!0,scrollDirection:e.scrollOffset<s?"forward":"backward",scrollOffset:s,scrollUpdateWasRequested:!1}}),n._resetIsScrollingDebounced)},n._onScrollVertical=function(e){var t=e.currentTarget,i=t.clientHeight,r=t.scrollHeight,o=t.scrollTop;n.setState((function(e){if(e.scrollOffset===o)return null;var t=Math.max(0,Math.min(o,r-i));return{isScrolling:!0,scrollDirection:e.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!1}}),n._resetIsScrollingDebounced)},n._outerRefSetter=function(e){var t=n.props.outerRef;n._outerRef=e,"function"==typeof t?t(e):null!=t&&"object"==typeof t&&t.hasOwnProperty("current")&&(t.current=e)},n._resetIsScrollingDebounced=function(){null!==n._resetIsScrollingTimeoutId&&ne(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=function(e,t){var i=ie(),n={id:requestAnimationFrame((function r(){ie()-i>=t?e.call(null):n.id=requestAnimationFrame(r)}))};return n}(n._resetIsScrolling,150)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},(function(){n._getItemStyleCache(-1,null)}))},n}(0,o.cE)(t,e),t.getDerivedStateFromProps=function(e,t){return he(e,t),h(e),null};var f=t.prototype;return f.scrollTo=function(e){e=Math.max(0,e),this.setState((function(t){return t.scrollOffset===e?null:{scrollDirection:t.scrollOffset<e?"forward":"backward",scrollOffset:e,scrollUpdateWasRequested:!0}}),this._resetIsScrollingDebounced)},f.scrollToItem=function(e,t){void 0===t&&(t="auto");var i=this.props,n=i.itemCount,r=i.layout,o=this.state.scrollOffset;e=Math.max(0,Math.min(e,n-1));var s=0;if(this._outerRef){var a=this._outerRef;s="vertical"===r?a.scrollWidth>a.clientWidth?oe():0:a.scrollHeight>a.clientHeight?oe():0}this.scrollTo(l(this.props,e,t,o,this._instanceProps,s))},f.componentDidMount=function(){var e=this.props,t=e.direction,i=e.initialScrollOffset,n=e.layout;if("number"==typeof i&&null!=this._outerRef){var r=this._outerRef;"horizontal"===t||"horizontal"===n?r.scrollLeft=i:r.scrollTop=i}this._callPropsCallbacks()},f.componentDidUpdate=function(){var e=this.props,t=e.direction,i=e.layout,n=this.state,r=n.scrollOffset;if(n.scrollUpdateWasRequested&&null!=this._outerRef){var o=this._outerRef;if("horizontal"===t||"horizontal"===i)if("rtl"===t)switch(le()){case"negative":o.scrollLeft=-r;break;case"positive-ascending":o.scrollLeft=r;break;default:var s=o.clientWidth,l=o.scrollWidth;o.scrollLeft=l-s-r}else o.scrollLeft=r;else o.scrollTop=r}this._callPropsCallbacks()},f.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&ne(this._resetIsScrollingTimeoutId)},f.render=function(){var e=this.props,t=e.children,i=e.className,s=e.direction,l=e.height,a=e.innerRef,c=e.innerElementType,d=e.innerTagName,u=e.itemCount,h=e.itemData,f=e.itemKey,p=void 0===f?ae:f,m=e.layout,g=e.outerElementType,v=e.outerTagName,b=e.style,_=e.useIsScrolling,y=e.width,x=this.state.isScrolling,S="horizontal"===s||"horizontal"===m,C=S?this._onScrollHorizontal:this._onScrollVertical,k=this._getRangeToRender(),w=k[0],z=k[1],T=[];

1if(u>0)for(var I=w;I<=z;I++)T.push((0,r.createElement)(t,{data:h,key:p(I,h),index:I,isScrolling:_?x:void 0,style:this._getItemStyle(I)}));var R=n(this.props,this._instanceProps);return(0,r.createElement)(g||v||"div",{className:i,onScroll:C,ref:this._outerRefSetter,style:(0,o.cG)({position:"relative",height:l,width:y,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:s},b)},(0,r.createElement)(c||d||"div",{children:T,ref:a,style:{height:S?"100%":R,pointerEvents:x?"none":void 0,width:S?R:"100%"}}))},f._callPropsCallbacks=function(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),t=e[0],i=e[1],n=e[2],r=e[3];this._callOnItemsRendered(t,i,n,r)}if("function"==typeof this.props.onScroll){var o=this.state,s=o.scrollDirection,l=o.scrollOffset,a=o.scrollUpdateWasRequested;this._callOnScroll(s,l,a)}},f._getRangeToRender=function(){var e=this.props,t=e.itemCount,i=e.overscanCount,n=this.state,r=n.isScrolling,o=n.scrollDirection,s=n.scrollOffset;if(0===t)return[0,0,0,0];var l=a(this.props,s,this._instanceProps),d=c(this.props,l,s,this._instanceProps),u=r&&"backward"!==o?1:Math.max(1,i),h=r&&"forward"!==o?1:Math.max(1,i);return[Math.max(0,l-u),Math.max(0,Math.min(t-1,d+h)),l,d]},t}(r.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}"production"!==s.p.env.NODE_ENV&&typeof window<"u"&&typeof window.WeakSet<"u"&&(ce=new WeakSet,de=new WeakSet);var he=function(e,t){var i=e.children,n=e.direction,r=e.height,o=e.layout,l=e.innerTagName,a=e.outerTagName,c=e.width,d=t.instance;if("production"!==s.p.env.NODE_ENV){(null!=l||null!=a)&&de&&!de.has(d)&&(de.add(d),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var u="horizontal"===n||"horizontal"===o;switch(n){case"horizontal":case"vertical":ce&&!ce.has(d)&&(ce.add(d),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". "'+n+'" was specified.')}switch(o){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". "'+o+'" was specified.')}if(null==i)throw Error('An invalid "children" prop has been specified. Value should be a React component. "'+(null===i?"null":typeof i)+'" was specified.');if(u&&"number"!=typeof c)throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. "'+(null===c?"null":typeof c)+'" was specified.');if(!u&&"number"!=typeof r)throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. "'+(null===r?"null":typeof r)+'" was specified.')}},fe=function(e,t,i){var n=e.itemSize,r=i.itemMetadataMap,o=i.lastMeasuredIndex;if(t>o){var s=0;if(o>=0){var l=r[o];s=l.offset+l.size}for(var a=o+1;a<=t;a++){var c=n(a);r[a]={offset:s,size:c},s+=c}i.lastMeasuredIndex=t}return r[t]},pe=function(e,t,i,n,r){for(;n<=i;){var o=n+Math.floor((i-n)/2),s=fe(e,o,t).offset;if(s===r)return o;s<r?n=o+1:s>r&&(i=o-1)}return n>0?n-1:0},me=function(e,t,i,n){for(var r=e.itemCount,o=1;i<r&&fe(e,i,t).offset<n;)i+=o,o*=2;return pe(e,t,Math.min(i,r-1),Math.floor(i/2),n)},ge=function(e,t){var i=e.itemCount,n=t.itemMetadataMap,r=t.estimatedItemSize,o=t.lastMeasuredIndex,s=0;if(o>=i&&(o=i-1),o>=0){var l=n[o];s=l.offset+l.size}return s+(i-o-1)*r},ve=ue({getItemOffset:function(e,t,i){return fe(e,t,i).offset},getItemSize:function(e,t,i){return i.itemMetadataMap[t].size},getEstimatedTotalSize:ge,getOffsetForIndexAndAlignment:function(e,t,i,n,r,o){var s=e.direction,l=e.height,a=e.layout,c=e.width,d="horizontal"===s||"horizontal"===a?c:l,u=fe(e,t,r),h=ge(e,r),f=Math.max(0,Math.min(h-d,u.offset)),p=Math.max(0,u.offset-d+u.size+o);switch("smart"===i&&(i=n>=p-d&&n<=f+d?"auto":"center"),i){case"start":return f;case"end":return p;case"center":return Math.round(p+(f-p)/2);default:return n>=p&&n<=f?n:n<p?p:f}},getStartIndexForOffset:function(e,t,i){return function(e,t,i){var n=t.itemMetadataMap,r=t.lastMeasuredIndex;return(r>0?n[r].offset:0)>=i?pe(e,t,r,0,i):me(e,t,Math.max(0,r),i)}(e,i,t)},getStopIndexForStartIndex:function(e,t,i,n){for(var r=e.direction,o=e.height,s=e.itemCount,l=e.layout,a=e.width,c="horizontal"===r||"horizontal"===l?a:o,d=fe(e,t,n),u=i+c,h=d.offset+d.size,f=t;f<s-1&&h<u;)f++,h+=fe(e,f,n).size;return f},initInstanceProps:function(e,t){var i={itemMetadataMap:{},estimatedItemSize:e.estimatedItemSize||50,lastMeasuredIndex:-1};return t.resetAfterIndex=function(e,n){void 0===n&&(n=!0),i.lastMeasuredIndex=Math.min(i.lastMeasuredIndex,e-1),t._getItemStyleCache(-1),n&&t.forceUpdate()},i},shouldResetStyleCacheOnItemSizeChange:!1,validateProps:function(e){var t=e.itemSize;if("production"!==s.p.env.NODE_ENV&&"function"!=typeof t)throw Error('An invalid "itemSize" prop has been specified. Value should be a function. "'+(null===t?"null":typeof t)+'" was specified.')}});function be(e){return function(t){e.forEach((function(e){"function"==typeof e?e(t):null!=e&&(e.current=t)}))}}var _e=function(){},ye=function(e,t){return(0,t.getRecordData)(e).data.id},xe=function(e){function t(t,i){var n;return(n=e.call(this,t,i)||this).getRecordData=n.getRecordData.bind((0,o.cF)(n)),n.state={list:(0,r.createRef)(),recomputeTree:n.recomputeTree.bind((0,o.cF)(n)),setState:n.setState.bind((0,o.cF)(n))},n}(0,o.cE)(t,e),t.getDerivedStateFromProps=function(e,t){var i=e.listRef,n=void 0===i?null:i,r=e.treeWalker,s=t.computeTree,l=t.list,a=t.order,c=t.treeWalker;return(0,o.cG)({attachRefs:be([l,n])},r===c&&a?null:s(e,t,{refresh:!0}),{treeWalker:r})};var i=t.prototype;return i.getItemData=function(){var e=this.props,t=e.children,i=e.itemData;return{component:t,getRecordData:this.getRecordData,treeData:i}},i.getRecordData=function(e){var t=this.state,i=t.order;return t.records.get(i[e]).public},i.recomputeTree=function(e){var t=this;return new Promise((function(i){t.setState((function(i){return i.computeTree(t.props,i,{opennessState:e})}),i)}))},i.scrollTo=function(e){var t;null==(t=this.state.list.current)||t.scrollTo(e)},i.scrollToItem=function(e,t){var i;null==(i=this.state.list.current)||i.scrollToItem(this.state.order.indexOf(e),t)},t}(r.PureComponent);xe.defaultProps={rowComponent:function(e){var t=e.index,i=e.data,n=i.component,o=i.getRecordData,s=i.treeData,l=e.style,a=e.isScrolling,c=o(t);return r.createElement(n,Object.assign({isScrolling:a,style:l,treeData:s},c))}};var Se,Ce=(Se={createRecord:function(e,t,i,n){var r=t.recomputeTree,o=t.resetAfterId,s=function(e,t){return void 0===t&&(t=null),{child:null,isShown:!t||t.public.isOpen&&t.isShown,parent:t,public:e,sibling:null,visited:!1}}({data:e,height:n?n.public.height:e.defaultHeight,isOpen:n?n.public.isOpen:e.isOpenByDefault,resize:function(e,t){s.public.height=e,o(s.public.data.id,t)},setOpen:function(t){var i;return r(((i={})[e.id]=t,i))}},i);return s}},function(e,t,i){return i.refresh?function(e,t,i){var n=e.createRecord,r=t.buildingTaskTimeout,o=t.placeholder,s=t.async,l=void 0!==s&&s,a=t.treeWalker,c=l&&void 0!==i.records,d=i.records,u=[],h=new Map,f=r?{timeout:r}:void 0,p=new WeakMap,m=a(),g=m.next().value,v=n(g.data,i,void 0,c?d.get(g.data.id):void 0);h.set(v.public.data.id,v),p.set(v,g);var b=v,_=!0,y=v,x=void 0!==o&&!(null===o&&!i.order),S=x?function(e){return e.timeRemaining()>0}:function(){return!0},C=function e(t){for(;null!==b;){if(!S(t))return void requestIdleCallback(e,f);if(b.visited)b.visited=!1,b=null!==b.sibling?b.sibling:b.parent,y=b;else{var r=m.next(p.get(b)).value;if(void 0===r){_?_=!1:(b.isShown&&u.push(b.public.data.id),b.visited=null!==b.child,b=null!==b.child?b.child:null!==b.sibling?b.sibling:b.parent),y=b;continue}var o=n(r.data,i,_?void 0:b,c?d.get(r.data.id):void 0);h.set(o.public.data.id,o),p.set(o,r),_||y!==b?y.sibling=o:y.child=o,y=o}}x&&i.setState({order:u,records:h,updateRequest:{}})};return x?requestIdleCallback(C,f):C(),void 0!==o&&l&&i.order?i:{order:u,records:h}}(Se,e,t):function(e,t){var i=e.order,n=e.records,r=t.opennessState;if("object"!=typeof r)return null;for(var o in r)if(n.has(o)){var s=r[o],l=n.get(o),a="boolean"==typeof s?{open:s}

1:s,c=a.open,d=a.subtreeCallback,u=void 0===d?_e:d,h=_e,f=_e;l.isShown&&(c?function(){for(var e=i.indexOf(o),t=l;null!==t;){if(null!==t.sibling){t=t.sibling;break}t=t.parent}var n=null===t?i.length-1-e:i.indexOf(t.public.data.id)-1-e,r=[[e+1,n]];h=function(t){if(t.isShown=!t.parent||t.parent.public.isOpen&&t.parent.isShown,t.isShown){var i=r[r.length-1];i.push(t.public.data.id),32770===i.length&&r.push([e+1+32768*r.length,0])}},f=function(){for(var e=0;e<r.length;e++){var t;(t=i).splice.apply(t,r[e])}}}():l.public.isOpen&&function(){var e=i.indexOf(o),t=0;h=function(e){e.isShown&&(t+=1),e.isShown=!e.parent||e.parent.public.isOpen&&e.parent.isShown},f=function(){i.splice(e+1,t)}}());for(var p=l;null!==p;)p.visited?(p.visited=!1,p=p===l?null:null!==p.sibling?p.sibling:p.parent):(p.public.isOpen=p===l?c:p.public.isOpen,u(p.public,l.public),p!==l&&h(p),p.visited=null!==p.child,p=null!==p.child?p.child:p===l?null:null!==p.sibling?p.sibling:p.parent);f()}return{order:i,records:n,updateRequest:{}}}(t,i)}),ke=function(e){function t(t,i){var n;return(n=e.call(this,t,i)||this).getItemSize=n.getItemSize.bind((0,o.cF)(n)),n.state=(0,o.cG)({},n.state,{computeTree:Ce,resetAfterId:n.resetAfterId.bind((0,o.cF)(n))}),n}(0,o.cE)(t,e);var i=t.prototype;return i.resetAfterId=function(e,t){var i;void 0===t&&(t=!1);var n=this.state,r=n.list,o=n.order;null==(i=r.current)||i.resetAfterIndex(o.indexOf(e),t)},i.recomputeTree=function(t){var i=this;return e.prototype.recomputeTree.call(this,t).then((function(){var e;null==(e=i.state.list.current)||e.resetAfterIndex(0,!0)}))},i.render=function(){var e=this.props;e.children;var t=e.placeholder,i=e.itemSize,n=e.rowComponent;e.treeWalker;var s=(0,o.cH)(e,["children","placeholder","itemSize","rowComponent","treeWalker"]),l=this.state,a=l.attachRefs,c=l.order;return t&&0===c.length?t:r.createElement(ve,Object.assign({},s,{itemCount:c.length,itemData:this.getItemData(),itemKey:ye,itemSize:i??this.getItemSize,ref:a}),n)},i.getItemSize=function(e){return this.getRecordData(e).height},t}(xe),we=(0,o.cI)();const ze=(0,s.g)(we),Te=(0,o.X)((0,n.jsx)("path",{d:"m7 10 5 5 5-5z"}),"ArrowDropDown"),Ie=(0,o.X)((0,n.jsx)("path",{d:"m10 17 5-5-5-5z"}),"ArrowRight");function Re(e){return"category"===(null==e?void 0:e.type)?e.children.flatMap((e=>"category"===e.type?Re(e):e.conf)):[]}function je(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Map;e.id&&e.children.length&&t.set(e.id,e);for(const i of e.children)je(i,t);return t}function Oe(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.endsWith("(Unsupported)")||e.endsWith("(Unknown)")}const Me=(0,o.m)()((e=>({contrastColor:{color:e.palette.tertiary.contrastText},accordionText:{margin:"auto 0",width:"100%"}})));function We(e){let{isOpen:t,setOpen:i,data:s}=e;const{classes:l}=Me(),[a,c]=(0,r.useState)(null),{menuItems:d=[],name:u,model:h,id:f,tree:p}=s;return(0,n.jsxs)("div",{className:l.accordionText,onClick:()=>{a||(s.toggleCollapse(f),i(!t))},children:[(0,n.jsxs)(o.T,{"data-testid":`htsCategory-${u}`,children:[t?(0,n.jsx)(Te,{}):(0,n.jsx)(Ie,{}),u,(0,n.jsx)(o.a7,{onClick:e=>{c(e.currentTarget),e.stopPropagation()},className:l.contrastColor,children:(0,n.jsx)(F,{})})]}),a?(0,n.jsx)(ze,{anchorEl:a,menuItems:[{label:"Add to selection",onClick:()=>{const e=je(p).get(f);h.addToSelection(Re(e))}},{label:"Remove from selection",onClick:()=>{const e=je(p).get(f);h.removeFromSelection(Re(e))}},{label:"Show all tracks",onClick:()=>{var e;for(const t of(null===(e=je(p).get(f))||void 0===e?void 0:e.children)||[])"track"===t.type&&h.view.showTrack(t.trackId)}},{label:"Hide all tracks",onClick:()=>{var e;for(const t of(null===(e=je(p).get(f))||void 0===e?void 0:e.children)||[])"track"===t.type&&h.view.hideTrack(t.trackId)}},...d],onMenuItemClick:(e,t)=>{t(),c(null)},open:!!a,onClose:()=>{c(null)}}):null]})}const Ee=(0,o.m)()((e=>({compactCheckbox:{padding:0},checkboxLabel:{marginRight:0,"&:hover":{backgroundColor:e.palette.action.selected}},selected:{background:"#cccc"}})));function Ne(e){let{data:t}=e;const{classes:i}=Ee(),{checked:r,conf:s,model:l,drawerPosition:a,id:c,trackId:d,name:p,selected:m,onChange:g}=t,v=o.s.readConfObject(s,"description");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.a6,{title:v+(m?" (in selection)":""),placement:"left"

1===a?"right":"left",children:(0,n.jsx)(h.F,{className:i.checkboxLabel,onClick:e=>{(e.ctrlKey||e.metaKey)&&(m?l.removeFromSelection([s]):l.addToSelection([s]),e.preventDefault())},control:(0,n.jsx)(f.C,{className:i.compactCheckbox,checked:r,onChange:()=>{g(d)},disabled:Oe(p),slotProps:{input:{"data-testid":`htsTrackEntry-${c}`}}}),label:(0,n.jsx)("div",{"data-testid":`htsTrackLabel-${c}`,className:m?i.selected:void 0,children:(0,n.jsx)(u.S,{html:p})})})}),(0,n.jsx)(B,{model:l,trackId:d,id:c,conf:s})]})}const Le=(0,o.m)()((e=>({accordionBase:{display:"flex"},accordionCard:{padding:3,cursor:"pointer",display:"flex"},nestingLevelMarker:{position:"absolute",borderLeft:"1.5px solid #555"},accordionColor:{background:e.palette.tertiary.main,color:e.palette.tertiary.contrastText,width:"100%",display:"flex",paddingLeft:5}})));function De(e){let{data:t,isOpen:i,style:r,setOpen:o}=e;const{isLeaf:s,nestingLevel:l}=t,{classes:a}=Le(),c=10*l+(s?10:0);return(0,n.jsxs)("div",{style:r,className:s?void 0:a.accordionBase,children:[new Array(l).fill(0).map(((e,t)=>(0,n.jsx)("div",{style:{left:10*t+4,height:null==r?void 0:r.height},className:a.nestingLevelMarker},`mark-${t}`))),(0,n.jsx)("div",{className:s?void 0:a.accordionCard,style:{marginLeft:c,whiteSpace:"nowrap",width:"100%"},children:(0,n.jsx)("div",{className:s?void 0:a.accordionColor,children:s?(0,n.jsx)(Ne,{data:t}):(0,n.jsx)(We,{isOpen:i,data:t,setOpen:o})})})]})}function Fe(e,t,i,n){const r="track"===e.type;return{data:{defaultHeight:r?22:40,isLeaf:r,isOpenByDefault:!0,nestingLevel:t,selected:!!r&&n[e.trackId],...e,...i},nestingLevel:t,node:e}}const Ae=(0,o.o)((function(e){let{height:t,tree:i,model:s}=e;const{filterText:l,selection:a,view:c}=s,d=(0,r.useRef)(null),u=o.u.getSession(s),{drawerPosition:h}=u,f=(0,r.useMemo)((()=>Object.fromEntries(a.map((e=>[e.trackId,e])))),[a]),p=(0,r.useMemo)((()=>({onChange:e=>{c.toggleTrack(e)&&s.addToRecentlyUsed(e)},toggleCollapse:e=>{s.toggleCategory(e)},tree:i,model:s,drawerPosition:h})),[c,s,h,i]),m=(0,r.useCallback)((function*(){for(const e of i.children)yield Fe(e,0,p,f);for(;;){const e=yield;for(const t of e.node.children)yield Fe(t,e.nestingLevel+1,p,f)}}),[i,p,f]);return(0,r.useEffect)((()=>{d.current.recomputeTree({refreshNodes:!0,useDefaultHeight:!0})}),[i,l]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(ke,{ref:d,treeWalker:m,height:t,children:De})})})),He=e=>{let{tree:t,model:i,offset:r}=e;return typeof jest>"u"?(0,n.jsx)(z,{disableWidth:!0,children:e=>(0,n.jsx)(Ae,{height:(e.height||r)-r,model:i,tree:t})}):(0,n.jsx)(Ae,{height:9e3,model:i,tree:t})},Pe=e=>{let{overrideDimensions:t,children:i}=e;return t?(0,n.jsx)("div",{style:{...t},children:i}):i},Be=(0,o.o)((function(e){let{model:t,toolbarHeight:i,overrideDimensions:r}=e;return(0,n.jsxs)(Pe,{overrideDimensions:r,children:[(0,n.jsx)(Ve,{model:t,toolbarHeight:i}),(0,n.jsx)(I,{model:t})]})})),Ve=(0,o.o)((function(e){let{model:t,toolbarHeight:i=0}=e;const[o,s]=(0,r.useState)(0);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Y,{model:t,setHeaderHeight:s}),(0,n.jsx)(He,{tree:t.hierarchy,model:t,offset:i+o})]})})),Ue=Object.freeze(Object.defineProperty({__proto__:null,default:Be},Symbol.toStringTag,{value:"Module"}))},8533:(e,t,i)=>{i.d(t,{S:()=>o});var n=i(5817),r=(0,i(9062).V)();const o=(0,n.g)(r)}}]);
2//# sourceMappingURL=4218.a486904a.chunk.js.map