"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[2555,3180],{86183:(e,t,r)=>{r.r(t),r.d(t,{default:()=>i});var n=r(86636),a=r(80846),s=r(66204),o=r(44047);const i=(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(o.BaseCoreDetails,{title:"Feature 1",feature:t}),s.createElement(o.BaseCoreDetails,{title:"Feature 2",feature:r}),s.createElement(o.BaseAttributes,{title:"Feature 1 attributes",feature:t}),s.createElement(o.BaseAttributes,{title:"Feature 2 attributes",feature:r}))}))},6816:(e,t,r)=>{r.d(t,{d:()=>c});var n=r(66204),a=r(52682),s=r(76734),o=r(26074),i=r(43188);function u(e){return e.substring(2).toLowerCase()}function c(e){const{children:t,disableReactTree:r=!1,mouseEvent:c="onClick",onClickAway:l,touchEvent:d="onTouchEnd"}=e,m=n.useRef(!1),f=n.useRef(null),v=n.useRef(!1),b=n.useRef(!1);n.useEffect((()=>(setTimeout((()=>{v.current=!0}),0),()=>{v.current=!1})),[]);const g=(0,a.Z)(t.ref,f),p=(0,s.Z)((e=>{const t=b.current;b.current=!1;const n=(0,o.Z)(f.current);if(!v.current||!f.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(f.current)>-1:!n.documentElement.contains(e.target)||f.current.contains(e.target),a||!r&&t||l(e)})),E=e=>r=>{b.current=!0;const n=t.props[e];n&&n(r)},h={ref:g};return!1!==d&&(h[d]=E(d)),n.useEffect((()=>{if(!1!==d){const e=u(d),t=(0,o.Z)(f.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!==c&&(h[c]=E(c)),n.useEffect((()=>{if(!1!==c){const e=u(c),t=(0,o.Z)(f.current);return t.addEventListener(e,p),()=>{t.removeEventListener(e,p)}}}),[p,c]),(0,i.jsx)(n.Fragment,{children:n.cloneElement(t,h)})}},96987:(e,t,r)=>{r.d(t,{Z:()=>v});var n=r(55559),a=r(30984),s=r(66204),o=r(56317),i=r(58029),u=r(57369),c=r(61125),l=r(41666),d=r(43188);const m=["className","component","disableGutters","variant"],f=(0,c.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)),v=s.forwardRef((function(e,t){const r=(0,u.Z)({props:e,name:"MuiToolbar"}),{className:s,component:c="div",disableGutters:v=!1,variant:b="regular"}=r,g=(0,n.Z)(r,m),p=(0,a.Z)({},r,{component:c,disableGutters:v,variant:b}),E=(e=>{const{classes:t,disableGutters:r,variant:n}=e,a={root:["root",!r&&"gutters",n]};return(0,i.Z)(a,l.N,t)})(p);return(0,d.jsx)(f,(0,a.Z)({as:c,className:(0,o.Z)(E.root,s),ref:t,ownerState:p},g))}))},41666:(e,t,r)=>{r.d(t,{N:()=>s,Z:()=>o});var n=r(58109),a=r(95201);function s(e){return(0,a.Z)("MuiToolbar",e)}const o=(0,n.Z)("MuiToolbar",["root","gutters","regular","dense"])}}]);
//# sourceMappingURL=2555.1ddec8ba.chunk.js.map