"use strict";(self.webpackChunk_jbrowse_web=self.webpackChunk_jbrowse_web||[]).push([[7323,8177],{86183:(e,t,r)=>{r.r(t),r.d(t,{default:()=>i});var n=r(7229),s=r(3762),a=(r(41867),r(44047)),o=r(80838);const i=(0,s.observer)((e=>{let{model:t}=e;const{feature1:r,feature2:s}=JSON.parse(JSON.stringify(t.featureData));return(0,o.jsxs)(n.Z,{"data-testid":"alignment-side-drawer",children:[(0,o.jsx)(a.BaseCoreDetails,{title:"Feature 1",feature:r}),(0,o.jsx)(a.BaseCoreDetails,{title:"Feature 2",feature:s}),(0,o.jsx)(a.BaseAttributes,{title:"Feature 1 attributes",feature:r}),(0,o.jsx)(a.BaseAttributes,{title:"Feature 2 attributes",feature:s})]})}))},20875:(e,t,r)=>{r.d(t,{d:()=>c});var n=r(41867),s=r(32407),a=r(95809),o=r(89293),i=r(80838);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,f=n.useRef(!1),m=n.useRef(null),v=n.useRef(!1),b=n.useRef(!1);n.useEffect((()=>(setTimeout((()=>{v.current=!0}),0),()=>{v.current=!1})),[]);const g=(0,s.Z)(t.ref,m),p=(0,a.Z)((e=>{const t=b.current;b.current=!1;const n=(0,o.Z)(m.current);if(!v.current||!m.current||"clientX"in e&&function(e,t){return t.documentElement.clientWidth<e.clientX||t.documentElement.clientHeight<e.clientY}(e,n))return;if(f.current)return void(f.current=!1);let s;s=e.composedPath?e.composedPath().indexOf(m.current)>-1:!n.documentElement.contains(e.target)||m.current.contains(e.target),s||!r&&t||l(e)})),h=e=>r=>{b.current=!0;const n=t.props[e];n&&n(r)},Z={ref:g};return!1!==d&&(Z[d]=h(d)),n.useEffect((()=>{if(!1!==d){const e=u(d),t=(0,o.Z)(m.current),r=()=>{f.current=!0};return t.addEventListener(e,p),t.addEventListener("touchmove",r),()=>{t.removeEventListener(e,p),t.removeEventListener("touchmove",r)}}}),[p,d]),!1!==c&&(Z[c]=h(c)),n.useEffect((()=>{if(!1!==c){const e=u(c),t=(0,o.Z)(m.current);return t.addEventListener(e,p),()=>{t.removeEventListener(e,p)}}}),[p,c]),(0,i.jsx)(n.Fragment,{children:n.cloneElement(t,Z)})}},69625:(e,t,r)=>{r.d(t,{Z:()=>v});var n=r(31461),s=r(7896),a=r(41867),o=r(66184),i=r(92705),u=r(90293),c=r(75693),l=r(59968),d=r(80838);const f=["className","component","disableGutters","variant"],m=(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]]}})((e=>{let{theme:t,ownerState:r}=e;return(0,s.Z)({position:"relative",display:"flex",alignItems:"center"},!r.disableGutters&&{paddingLeft:t.spacing(2),paddingRight:t.spacing(2),[t.breakpoints.up("sm")]:{paddingLeft:t.spacing(3),paddingRight:t.spacing(3)}},"dense"===r.variant&&{minHeight:48})}),(e=>{let{theme:t,ownerState:r}=e;return"regular"===r.variant&&t.mixins.toolbar})),v=a.forwardRef((function(e,t){const r=(0,u.Z)({props:e,name:"MuiToolbar"}),{className:a,component:c="div",disableGutters:v=!1,variant:b="regular"}=r,g=(0,n.Z)(r,f),p=(0,s.Z)({},r,{component:c,disableGutters:v,variant:b}),h=(e=>{const{classes:t,disableGutters:r,variant:n}=e,s={root:["root",!r&&"gutters",n]};return(0,i.Z)(s,l.N,t)})(p);return(0,d.jsx)(m,(0,s.Z)({as:c,className:(0,o.Z)(h.root,a),ref:t,ownerState:p},g))}))},59968:(e,t,r)=>{r.d(t,{N:()=>a,Z:()=>o});var n=r(70101),s=r(88498);function a(e){return(0,s.Z)("MuiToolbar",e)}const o=(0,n.Z)("MuiToolbar",["root","gutters","regular","dense"])}}]);
//# sourceMappingURL=7323.e194e35e.chunk.js.map