"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[9292],{62859:(e,t,o)=>{o.d(t,{A:()=>v});var r=o(7552),n=o(93878),i=o(70799),a=o(48054),s=o(15622),l=o(1791),c=o(55270),d=o(51148),p=o(60129),u=o(58520),m=o(4785),h=o(69500);const f=(0,d.Ay)(a.A,{name:"MuiFab",slot:"Root",shouldForwardProp:e=>(0,c.A)(e)||"classes"===e,overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.variant],t[`size${(0,s.A)(o.size)}`],"inherit"===o.color&&t.colorInherit,t[(0,s.A)(o.size)],t[o.color]]}})((0,p.A)((({theme:e})=>({...e.typography.button,minHeight:36,transition:e.transitions.create(["background-color","box-shadow","border-color"],{duration:e.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(e.vars||e).zIndex.fab,boxShadow:(e.vars||e).shadows[6],"&:active":{boxShadow:(e.vars||e).shadows[12]},color:e.vars?e.vars.palette.text.primary:e.palette.getContrastText?.(e.palette.grey[300]),backgroundColor:(e.vars||e).palette.grey[300],"&:hover":{backgroundColor:(e.vars||e).palette.grey.A100,"@media (hover: none)":{backgroundColor:(e.vars||e).palette.grey[300]},textDecoration:"none"},[`&.${l.A.focusVisible}`]:{boxShadow:(e.vars||e).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,height: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,p.A)((({theme:e})=>({variants:[...Object.entries(e.palette).filter((0,u.A)(["dark","contrastText"])).map((([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].contrastText,backgroundColor:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:(e.vars||e).palette[t].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t].main}}}})))]}))),(0,p.A)((({theme:e})=>({[`&.${l.A.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}})))),v=r.forwardRef((function(e,t){const o=(0,m.b)({props:e,name:"MuiFab"}),{children:r,className:a,color:c="default",component:d="button",disabled:p=!1,disableFocusRipple:u=!1,focusVisibleClassName:v,size:b="large",variant:g="circular",...y}=o,w={...o,color:c,component:d,disabled:p,disableFocusRipple:u,size:b,variant:g},x=(e=>{const{color:t,variant:o,classes:r,size:n}=e,a={root:["root",o,`size${(0,s.A)(n)}`,"inherit"===t?"colorInherit":t]},c=(0,i.A)(a,l.C,r);return{...r,...c}})(w);return(0,h.jsx)(f,{className:(0,n.A)(x.root,a),component:d,disabled:p,focusRipple:!u,focusVisibleClassName:(0,n.A)(x.focusVisible,v),ownerState:w,ref:t,...y,classes:x,children:r})}))},1791:(e,t,o)=>{o.d(t,{A:()=>a,C:()=>i});var r=o(33761),n=o(85693);function i(e){return(0,n.Ay)("MuiFab",e)}const a=(0,r.A)("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"])},99292:(e,t,o)=>{o.r(t),o.d(t,{default:()=>$,getSpeedDialUtilityClass:()=>S,speedDialClasses:()=>D});var r=o(7552),n=(o(19487),o(93878)),i=o(70799),a=o(26218),s=o(93801),l=o(51148),c=o(48231),d=o(60129),p=o(4785),u=o(16157),m=o(28325),h=o(46302),f=o(51584),v=o(69500);const b={entering:{transform:"none"},entered:{transform:"none"}},g=r.forwardRef((function(e,t){const o=(0,c.A)(),n={enter:o.transitions.duration.enteringScreen,exit:o.transitions.duration.leavingScreen},{addEndListener:i,appear:a=!0,children:s,easing:l,in:d,onEnter:p,onEntered:g,onEntering:y,onExit:w,onExited:x,onExiting:A,style:C,timeout:E=n,TransitionComponent:S=u.Ay,...D}=e,R=r.useRef(null),k=(0,f.A)(R,(0,m.A)(s),t),z=e=>t=>{if(e){const o=R.current;void 0===t?e(o):e(o,t)}},M=z(y),F=z(((e,t)=>{(0,h.q)(e);const r=(0,h.c)({style:C,timeout:E,easing:l},{mode:"enter"});e.style.webkitTransition=o.transitions.create("transform",r),e.style.transition=o.transitions.create("transform",r),p&&p(e,t)})),$=z(g),T=z(A),L=z((e=>{const t=(0,h.c)({style:C,timeout:E,easing:l},{mode:"exit"});e.style.webkitTransition=o.transitions.create("transform",t),e.style.transition=o.transitions.create("transform",t),w&&w(e)})),I=z(x);return(0,v.jsx)(S,{appear:a,in:d,nodeRef:R,onEnter:F,onEntered:$,onEntering:M,onExit:L,onExited:I,onExiting:T,addEndListener:e=>{i&&i(R.current,e)},timeout:E,...D,children:(e,t)=>r.cloneElement(s,{style:{transform:"scale(0)",visibility:"exited"!==e||d?void 0:"hidden",...b[e],...C,...s.props.style},ref:k,...t})})}));var y=o(62859),w=o(15622),x=o(3755),A=o(77259),C=o(33761),E=o(85693);function S(e){return(0,E.Ay)("MuiSpeedDial",e)}const D=(0,C.A)("MuiSpeedDial",["root","fab","directionUp","directionDown","directionLeft","directionRight","actions","actionsClosed"]);var R=o(43045);function k(e){return"up"===e||"down"===e?"vertical":"right"===e||"left"===e?"horizontal":void 0}const z=(0,l.Ay)("div",{name:"MuiSpeedDial",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[`direction${(0,w.A)(o.direction)}`]]}})((0,d.A)((({theme:e})=>({zIndex:(e.vars||e).zIndex.speedDial,display:"flex",alignItems:"center",pointerEvents:"none",variants:[{props:{direction:"up"},style:{flexDirection:"column-reverse",[`& .${D.actions}`]:{flexDirection:"column-reverse",marginBottom:-32,paddingBottom:48}}},{props:{direction:"down"},style:{flexDirection:"column",[`& .${D.actions}`]:{flexDirection:"column",marginTop:-32,paddingTop:48}}},{props:{direction:"left"},style:{flexDirection:"row-reverse",[`& .${D.actions}`]:{flexDirection:"row-reverse",marginRight:-32,paddingRight:48}}},{props:{direction:"right"},style:{flexDirection:"row",[`& .${D.actions}`]:{flexDirection:"row",marginLeft:-32,paddingLeft:48}}}]})))),M=(0,l.Ay)(y.A,{name:"MuiSpeedDial",slot:"Fab",overridesResolver:(e,t)=>t.fab})({pointerEvents:"auto"}),F=(0,l.Ay)("div",{name:"MuiSpeedDial",slot:"Actions",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.actions,!o.open&&t.actionsClosed]}})({display:"flex",pointerEvents:"auto",variants:[{props:({ownerState:e})=>!e.open,style:{transition:"top 0s linear 0.2s",pointerEvents:"none"}}]}),$=r.forwardRef((function(e,t){const o=(0,p.b)({props:e,name:"MuiSpeedDial"}),l=(0,c.A)(),d={enter:l.transitions.duration.enteringScreen,exit:l.transitions.duration.leavingScreen},{ariaLabel:u,FabProps:{ref:m,...h}={},children:b,className:y,direction:C="up",hidden:E=!1,icon:D,onBlur:$,onClose:T,onFocus:L,onKeyDown:I,onMouseEnter:P,onMouseLeave:j,onOpen:N,open:V,openIcon:B,slots:W={},slotProps:_={},TransitionComponent:K,TransitionProps:O,transitionDuration:H=d,...U}=o,[q,G]=(0,A.A)({controlled:V,default:!1,name:"SpeedDial",state:"open"}),J={...o,open:q,direction:C},Q=(e=>{const{classes:t,open:o,direction:r}=e,n={root:["root",`direction${(0,w.A)(r)}`],fab:["fab"],actions:["actions",!o&&"actionsClosed"]};return(0,i.A)(n,S,t)})(J),X=(0,a.A)(),Y=r.useRef(0),Z=r.useRef(),ee=r.useRef([]);ee.current=[ee.current[0]];const te=r.useCallback((e=>{ee.current[0]=e}),[]),oe=(0,f.A)(m,te),re=(e,t)=>o=>{ee.current[e+1]=o,t&&t(o)};r.useEffect((()=>{q||(Y.current=0,Z.current=void 0)}),[q]);const ne=e=>{"mouseleave"===e.type&&j&&j(e),"blur"===e.type&&$&&$(e),X.clear(),"blur"===e.type?X.start(0,(()=>{G(!1),T&&T(e,"blur")})):(G(!1),T&&T(e,"mouseLeave"))},ie=e=>{"mouseenter"===e.type&&P&&P(e),"focus"===e.type&&L&&L(e),X.clear(),q||X.start(0,(()=>{G(!0),N&&N(e,{focus:"focus",mouseenter:"mouseEnter"}[e.type])}))},ae=u.replace(/^[^a-z]+|[^\w:.-]+/gi,""),se=r.Children.toArray(b).filter((e=>r.isValidElement(e))),le=se.map(((e,t)=>{const{FabProps:{ref:o,...n}={},tooltipPlacement:i}=e.props,a=i||("vertical"===k(C)?"left":"top");return r.cloneElement(e,{FabProps:{...n,ref:re(t,o)},delay:30*(q?t:se.length-t),open:q,tooltipPlacement:a,id:`${ae}-action-${t}`})})),ce={slots:{transition:K,...W},slotProps:{transition:O,..._}},[de,pe]=(0,R.A)("transition",{elementType:g,externalForwardedProps:ce,ownerState:J});return(0,v.jsxs)(z,{className:(0,n.A)(Q.root,y),ref:t,role:"presentation",onKeyDown:e=>{I&&I(e);const t=e.key.replace("Arrow","").toLowerCase(),{current:o=t}=Z;if("Escape"===e.key)return G(!1),ee.current[0].focus(),void(T&&T(e,"escapeKeyDown"));if(k(t)===k(o)&&void 0!==k(t)){e.preventDefault();const r=t===o?1:-1,n=(0,s.A)(Y.current+r,0,ee.current.length-1);ee.current[n].focus(),Y.current=n,Z.current=o}},onBlur:ne,onFocus:ie,onMouseEnter:ie,onMouseLeave:ne,ownerState:J,...U,children:[(0,v.jsx)(de,{in:!E,timeout:H,unmountOnExit:!0,...pe,children:(0,v.jsx)(M,{color:"primary","aria-label":u,"aria-haspopup":"true","aria-expanded":q,"aria-controls":`${ae}-actions`,...h,onClick:e=>{h.onClick&&h.onClick(e),X.clear(),q?(G(!1),T&&T(e,"toggle")):(G(!0),N&&N(e,"toggle"))},className:(0,n.A)(Q.fab,h.className),ref:oe,ownerState:J,children:r.isValidElement(D)&&(0,x.A)(D,["SpeedDialIcon"])?r.cloneElement(D,{open:q}):D})}),(0,v.jsx)(F,{id:`${ae}-actions`,role:"menu","aria-orientation":k(C),className:(0,n.A)(Q.actions,!q&&Q.actionsClosed),ownerState:J,children:le})]})}))}}]);
//# sourceMappingURL=9292.96b77fb0.chunk.js.map