"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[7407],{62859:(e,t,o)=>{o.d(t,{A:()=>v});var a=o(7552),i=o(93878),r=o(70799),s=o(48054),l=o(15622),n=o(1791),c=o(55270),p=o(51148),d=o(60129),b=o(58520),u=o(4785),h=o(69500);const m=(0,p.Ay)(s.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,l.A)(o.size)}`],"inherit"===o.color&&t.colorInherit,t[(0,l.A)(o.size)],t[o.color]]}})((0,d.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"},[`&.${n.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,d.A)((({theme:e})=>({variants:[...Object.entries(e.palette).filter((0,b.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,d.A)((({theme:e})=>({[`&.${n.A.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}})))),v=a.forwardRef((function(e,t){const o=(0,u.b)({props:e,name:"MuiFab"}),{children:a,className:s,color:c="default",component:p="button",disabled:d=!1,disableFocusRipple:b=!1,focusVisibleClassName:v,size:g="large",variant:y="circular",...f}=o,A={...o,color:c,component:p,disabled:d,disableFocusRipple:b,size:g,variant:y},w=(e=>{const{color:t,variant:o,classes:a,size:i}=e,s={root:["root",o,`size${(0,l.A)(i)}`,"inherit"===t?"colorInherit":t]},c=(0,r.A)(s,n.C,a);return{...a,...c}})(A);return(0,h.jsx)(m,{className:(0,i.A)(w.root,s),component:p,disabled:d,focusRipple:!b,focusVisibleClassName:(0,i.A)(w.focusVisible,v),ownerState:A,ref:t,...f,classes:w,children:a})}))},1791:(e,t,o)=>{o.d(t,{A:()=>s,C:()=>r});var a=o(33761),i=o(85693);function r(e){return(0,i.Ay)("MuiFab",e)}const s=(0,a.A)("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"])},67407:(e,t,o)=>{o.r(t),o.d(t,{default:()=>w,getSpeedDialActionUtilityClass:()=>m,speedDialActionClasses:()=>v});var a=o(7552),i=o(93878),r=o(70799),s=o(72639),l=o(51148),n=o(60129),c=o(4785),p=o(62859),d=o(89003),b=o(15622),u=o(33761),h=o(85693);function m(e){return(0,h.Ay)("MuiSpeedDialAction",e)}const v=(0,u.A)("MuiSpeedDialAction",["fab","fabClosed","staticTooltip","staticTooltipClosed","staticTooltipLabel","tooltipPlacementLeft","tooltipPlacementRight"]);var g=o(69500);const y=(0,l.Ay)(p.A,{name:"MuiSpeedDialAction",slot:"Fab",skipVariantsResolver:!1,overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.fab,!o.open&&t.fabClosed]}})((0,n.A)((({theme:e})=>({margin:8,color:(e.vars||e).palette.text.secondary,backgroundColor:(e.vars||e).palette.background.paper,"&:hover":{backgroundColor:e.vars?e.vars.palette.SpeedDialAction.fabHoverBg:(0,s.tL)(e.palette.background.paper,.15)},transition:`${e.transitions.create("transform",{duration:e.transitions.duration.shorter})}, opacity 0.8s`,opacity:1,variants:[{props:({ownerState:e})=>!e.open,style:{opacity:0,transform:"scale(0)"}}]})))),f=(0,l.Ay)("span",{name:"MuiSpeedDialAction",slot:"StaticTooltip",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.staticTooltip,!o.open&&t.staticTooltipClosed,t[`tooltipPlacement${(0,b.A)(o.tooltipPlacement)}`]]}})((0,n.A)((({theme:e})=>({position:"relative",display:"flex",alignItems:"center",[`& .${v.staticTooltipLabel}`]:{transition:e.transitions.create(["transform","opacity"],{duration:e.transitions.duration.shorter}),opacity:1},variants:[{props:({ownerState:e})=>!e.open,style:{[`& .${v.staticTooltipLabel}`]:{opacity:0,transform:"scale(0.5)"}}},{props:{tooltipPlacement:"left"},style:{[`& .${v.staticTooltipLabel}`]:{transformOrigin:"100% 50%",right:"100%",marginRight:8}}},{props:{tooltipPlacement:"right"},style:{[`& .${v.staticTooltipLabel}`]:{transformOrigin:"0% 50%",left:"100%",marginLeft:8}}}]})))),A=(0,l.Ay)("span",{name:"MuiSpeedDialAction",slot:"StaticTooltipLabel",overridesResolver:(e,t)=>t.staticTooltipLabel})((0,n.A)((({theme:e})=>({position:"absolute",...e.typography.body1,backgroundColor:(e.vars||e).palette.background.paper,borderRadius:(e.vars||e).shape.borderRadius,boxShadow:(e.vars||e).shadows[1],color:(e.vars||e).palette.text.secondary,padding:"4px 16px",wordBreak:"keep-all"})))),w=a.forwardRef((function(e,t){const o=(0,c.b)({props:e,name:"MuiSpeedDialAction"}),{className:s,delay:l=0,FabProps:n={},icon:p,id:u,open:h,TooltipClasses:v,tooltipOpen:w=!1,tooltipPlacement:x="left",tooltipTitle:C,...S}=o,T={...o,tooltipPlacement:x},k=(e=>{const{open:t,tooltipPlacement:o,classes:a}=e,i={fab:["fab",!t&&"fabClosed"],staticTooltip:["staticTooltip",`tooltipPlacement${(0,b.A)(o)}`,!t&&"staticTooltipClosed"],staticTooltipLabel:["staticTooltipLabel"]};return(0,r.A)(i,m,a)})(T),[R,z]=a.useState(w),L={transitionDelay:`${l}ms`},$=(0,g.jsx)(y,{size:"small",className:(0,i.A)(k.fab,s),tabIndex:-1,role:"menuitem",ownerState:T,...n,style:{...L,...n.style},children:p});return w?(0,g.jsxs)(f,{id:u,ref:t,className:k.staticTooltip,ownerState:T,...S,children:[(0,g.jsx)(A,{style:L,id:`${u}-label`,className:k.staticTooltipLabel,ownerState:T,children:C}),a.cloneElement($,{"aria-labelledby":`${u}-label`})]}):(!h&&R&&z(!1),(0,g.jsx)(d.A,{id:u,ref:t,title:C,placement:x,onClose:()=>{z(!1)},onOpen:()=>{z(!0)},open:h&&R,classes:v,...S,children:$}))}))}}]);
//# sourceMappingURL=7407.4421929d.chunk.js.map