"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[8109,4334],{67903:(e,t,r)=>{r.r(t),r.d(t,{default:()=>o});var n=r(86636),a=r(80846),s=r(66204),i=r(41846);const o=(0,a.observer)((({model:e})=>{const{feature1:t,feature2:r}=JSON.parse(JSON.stringify(e.featureData));return s.createElement(n.Z,{"data-testid":"alignment-side-drawer"},s.createElement(i.BaseCoreDetails,{title:"Feature 1",feature:t}),s.createElement(i.BaseCoreDetails,{title:"Feature 2",feature:r}),s.createElement(i.BaseAttributes,{title:"Feature 1 attributes",feature:t}),s.createElement(i.BaseAttributes,{title:"Feature 2 attributes",feature:r}))}))},6816:(e,t,r)=>{r.d(t,{d:()=>l});var n=r(66204),a=r(52682),s=r(76734),i=r(26074),o=r(43188);function c(e){return e.substring(2).toLowerCase()}function l(e){const{children:t,disableReactTree:r=!1,mouseEvent:l="onClick",onClickAway:u,touchEvent:d="onTouchEnd"}=e,m=n.useRef(!1),v=n.useRef(null),f=n.useRef(!1),h=n.useRef(!1);n.useEffect((()=>(setTimeout((()=>{f.current=!0}),0),()=>{f.current=!1})),[]);const g=(0,a.Z)(t.ref,v),p=(0,s.Z)((e=>{const t=h.current;h.current=!1;const n=(0,i.Z)(v.current);if(!f.current||!v.current||"clientX"in e&&function(e,t){return t.documentElement.clientWidth<e.clientX||t.documentElement.clientHeight<e.clientY}(e,n))return;if(m.current)return void(m.current=!1);let a;a=e.composedPath?e.composedPath().indexOf(v.current)>-1:!n.documentElement.contains(e.target)||v.current.contains(e.target),a||!r&&t||u(e)})),b=e=>r=>{h.current=!0;const n=t.props[e];n&&n(r)},Z={ref:g};return!1!==d&&(Z[d]=b(d)),n.useEffect((()=>{if(!1!==d){const e=c(d),t=(0,i.Z)(v.current),r=()=>{m.current=!0};return t.addEventListener(e,p),t.addEventListener("touchmove",r),()=>{t.removeEventListener(e,p),t.removeEventListener("touchmove",r)}}}),[p,d]),!1!==l&&(Z[l]=b(l)),n.useEffect((()=>{if(!1!==l){const e=c(l),t=(0,i.Z)(v.current);return t.addEventListener(e,p),()=>{t.removeEventListener(e,p)}}}),[p,l]),(0,o.jsx)(n.Fragment,{children:n.cloneElement(t,Z)})}},10126:(e,t,r)=>{r.d(t,{Z:()=>y});var n=r(55559),a=r(30984),s=r(66204),i=r(56317),o=r(58029),c=r(71580),l=r(40118),u=r(57369),d=r(61125),m=r(22489),v=r(43188);const f=["className","color","disableShrink","size","style","thickness","value","variant"];let h,g,p,b,Z=e=>e;const k=(0,c.F4)(h||(h=Z`
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
`)),w=(0,c.F4)(g||(g=Z`
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
`)),S=(0,d.ZP)("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[r.variant],t[`color${(0,l.Z)(r.color)}`]]}})((({ownerState:e,theme:t})=>(0,a.Z)({display:"inline-block"},"determinate"===e.variant&&{transition:t.transitions.create("transform")},"inherit"!==e.color&&{color:(t.vars||t).palette[e.color].main})),(({ownerState:e})=>"indeterminate"===e.variant&&(0,c.iv)(p||(p=Z`
      animation: ${0} 1.4s linear infinite;
    `),k))),x=(0,d.ZP)("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,t)=>t.svg})({display:"block"}),E=(0,d.ZP)("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.circle,t[`circle${(0,l.Z)(r.variant)}`],r.disableShrink&&t.circleDisableShrink]}})((({ownerState:e,theme:t})=>(0,a.Z)({stroke:"currentColor"},"determinate"===e.variant&&{transition:t.transitions.create("stroke-dashoffset")},"indeterminate"===e.variant&&{strokeDasharray:"80px, 200px",strokeDashoffset:0})),(({ownerState:e})=>"indeterminate"===e.variant&&!e.disableShrink&&(0,c.iv)(b||(b=Z`
      animation: ${0} 1.4s ease-in-out infinite;
    `),w))),y=s.forwardRef((function(e,t){const r=(0,u.Z)({props:e,name:"MuiCircularProgress"}),{className:s,color:c="primary",disableShrink:d=!1,size:h=40,style:g,thickness:p=3.6,value:b=0,variant:Z="indeterminate"}=r,k=(0,n.Z)(r,f),w=(0,a.Z)({},r,{color:c,disableShrink:d,size:h,thickness:p,value:b,variant:Z}),y=(e=>{const{classes:t,variant:r,color:n,disableShrink:a}=e,s={root:["root",r,`color${(0,l.Z)(n)}`],svg:["svg"],circle:["circle",`circle${(0,l.Z)(r)}`,a&&"circleDisableShrink"]};return(0,o.Z)(s,m.C,t)})(w),C={},R={},P={};if("determinate"===Z){const e=2*Math.PI*((44-p)/2);C.strokeDasharray=e.toFixed(3),P["aria-valuenow"]=Math.round(b),C.strokeDashoffset=`${((100-b)/100*e).toFixed(3)}px`,R.transform="rotate(-90deg)"}return(0,v.jsx)(S,(0,a.Z)({className:(0,i.Z)(y.root,s),style:(0,a.Z)({width:h,height:h},R,g),ownerState:w,ref:t,role:"progressbar"},P,k,{children:(0,v.jsx)(x,{className:y.svg,ownerState:w,viewBox:"22 22 44 44",children:(0,v.jsx)(E,{className:y.circle,style:C,ownerState:w,cx:44,cy:44,r:(44-p)/2,fill:"none",strokeWidth:p})})}))}))},22489:(e,t,r)=>{r.d(t,{C:()=>s,Z:()=>i});var n=r(58109),a=r(95201);function s(e){return(0,a.Z)("MuiCircularProgress",e)}const i=(0,n.Z)("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"])},96987:(e,t,r)=>{r.d(t,{Z:()=>f});var n=r(55559),a=r(30984),s=r(66204),i=r(56317),o=r(58029),c=r(57369),l=r(61125),u=r(41666),d=r(43188);const m=["className","component","disableGutters","variant"],v=(0,l.ZP)("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,!r.disableGutters&&t.gutters,t[r.variant]]}})((({theme:e,ownerState:t})=>(0,a.Z)({position:"relative",display:"flex",alignItems:"center"},!t.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}},"dense"===t.variant&&{minHeight:48})),(({theme:e,ownerState:t})=>"regular"===t.variant&&e.mixins.toolbar)),f=s.forwardRef((function(e,t){const r=(0,c.Z)({props:e,name:"MuiToolbar"}),{className:s,component:l="div",disableGutters:f=!1,variant:h="regular"}=r,g=(0,n.Z)(r,m),p=(0,a.Z)({},r,{component:l,disableGutters:f,variant:h}),b=(e=>{const{classes:t,disableGutters:r,variant:n}=e,a={root:["root",!r&&"gutters",n]};return(0,o.Z)(a,u.N,t)})(p);return(0,d.jsx)(v,(0,a.Z)({as:l,className:(0,i.Z)(b.root,s),ref:t,ownerState:p},g))}))},41666:(e,t,r)=>{r.d(t,{N:()=>s,Z:()=>i});var n=r(58109),a=r(95201);function s(e){return(0,a.Z)("MuiToolbar",e)}const i=(0,n.Z)("MuiToolbar",["root","gutters","regular","dense"])}}]);
//# sourceMappingURL=8109.5c22c620.chunk.js.map