"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[7579],{17579:(t,o,e)=>{e.r(o),e.d(o,{ButtonGroupButtonContext:()=>m.A,ButtonGroupContext:()=>$.A,buttonGroupClasses:()=>v,default:()=>x,getButtonGroupUtilityClass:()=>B});var r=e(7552),i=e(93878),a=e(70799),n=e(72639),d=e(27921),l=e(15622),s=e(51148),u=e(60129),p=e(58520),b=e(4785),c=e(33761),g=e(85693);function B(t){return(0,g.Ay)("MuiButtonGroup",t)}const v=(0,c.A)("MuiButtonGroup",["root","contained","outlined","text","disableElevation","disabled","firstButton","fullWidth","horizontal","vertical","colorPrimary","colorSecondary","grouped","groupedHorizontal","groupedVertical","groupedText","groupedTextHorizontal","groupedTextVertical","groupedTextPrimary","groupedTextSecondary","groupedOutlined","groupedOutlinedHorizontal","groupedOutlinedVertical","groupedOutlinedPrimary","groupedOutlinedSecondary","groupedContained","groupedContainedHorizontal","groupedContainedVertical","groupedContainedPrimary","groupedContainedSecondary","lastButton","middleButton"]);var $=e(21572),m=e(97712),h=e(69500);const f=(0,s.Ay)("div",{name:"MuiButtonGroup",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:e}=t;return[{[`& .${v.grouped}`]:o.grouped},{[`& .${v.grouped}`]:o[`grouped${(0,l.A)(e.orientation)}`]},{[`& .${v.grouped}`]:o[`grouped${(0,l.A)(e.variant)}`]},{[`& .${v.grouped}`]:o[`grouped${(0,l.A)(e.variant)}${(0,l.A)(e.orientation)}`]},{[`& .${v.grouped}`]:o[`grouped${(0,l.A)(e.variant)}${(0,l.A)(e.color)}`]},{[`& .${v.firstButton}`]:o.firstButton},{[`& .${v.lastButton}`]:o.lastButton},{[`& .${v.middleButton}`]:o.middleButton},o.root,o[e.variant],!0===e.disableElevation&&o.disableElevation,e.fullWidth&&o.fullWidth,"vertical"===e.orientation&&o.vertical]}})((0,u.A)((({theme:t})=>({display:"inline-flex",borderRadius:(t.vars||t).shape.borderRadius,variants:[{props:{variant:"contained"},style:{boxShadow:(t.vars||t).shadows[2]}},{props:{disableElevation:!0},style:{boxShadow:"none"}},{props:{fullWidth:!0},style:{width:"100%"}},{props:{orientation:"vertical"},style:{flexDirection:"column",[`& .${v.lastButton},& .${v.middleButton}`]:{borderTopRightRadius:0,borderTopLeftRadius:0},[`& .${v.firstButton},& .${v.middleButton}`]:{borderBottomRightRadius:0,borderBottomLeftRadius:0}}},{props:{orientation:"horizontal"},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderTopRightRadius:0,borderBottomRightRadius:0},[`& .${v.lastButton},& .${v.middleButton}`]:{borderTopLeftRadius:0,borderBottomLeftRadius:0}}},{props:{variant:"text",orientation:"horizontal"},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderRight:t.vars?`1px solid rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)`:"1px solid "+("light"===t.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),[`&.${v.disabled}`]:{borderRight:`1px solid ${(t.vars||t).palette.action.disabled}`}}}},{props:{variant:"text",orientation:"vertical"},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderBottom:t.vars?`1px solid rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)`:"1px solid "+("light"===t.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),[`&.${v.disabled}`]:{borderBottom:`1px solid ${(t.vars||t).palette.action.disabled}`}}}},...Object.entries(t.palette).filter((0,p.A)()).flatMap((([o])=>[{props:{variant:"text",color:o},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderColor:t.vars?`rgba(${t.vars.palette[o].mainChannel} / 0.5)`:(0,n.X4)(t.palette[o].main,.5)}}}])),{props:{variant:"outlined",orientation:"horizontal"},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderRightColor:"transparent","&:hover":{borderRightColor:"currentColor"}},[`& .${v.lastButton},& .${v.middleButton}`]:{marginLeft:-1}}},{props:{variant:"outlined",orientation:"vertical"},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderBottomColor:"transparent","&:hover":{borderBottomColor:"currentColor"}},[`& .${v.lastButton},& .${v.middleButton}`]:{marginTop:-1}}},{props:{variant:"contained",orientation:"horizontal"},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderRight:`1px solid ${(t.vars||t).palette.grey[400]}`,[`&.${v.disabled}`]:{borderRight:`1px solid ${(t.vars||t).palette.action.disabled}`}}}},{props:{variant:"contained",orientation:"vertical"},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderBottom:`1px solid ${(t.vars||t).palette.grey[400]}`,[`&.${v.disabled}`]:{borderBottom:`1px solid ${(t.vars||t).palette.action.disabled}`}}}},...Object.entries(t.palette).filter((0,p.A)(["dark"])).map((([o])=>({props:{variant:"contained",color:o},style:{[`& .${v.firstButton},& .${v.middleButton}`]:{borderColor:(t.vars||t).palette[o].dark}}})))],[`& .${v.grouped}`]:{minWidth:40,boxShadow:"none",props:{variant:"contained"},style:{"&:hover":{boxShadow:"none"}}}})))),x=r.forwardRef((function(t,o){const e=(0,b.b)({props:t,name:"MuiButtonGroup"}),{children:n,className:s,color:u="primary",component:p="div",disabled:c=!1,disableElevation:g=!1,disableFocusRipple:v=!1,disableRipple:x=!1,fullWidth:y=!1,orientation:R="horizontal",size:A="medium",variant:C="outlined",...w}=e,z={...e,color:u,component:p,disabled:c,disableElevation:g,disableFocusRipple:v,disableRipple:x,fullWidth:y,orientation:R,size:A,variant:C},T=(t=>{const{classes:o,color:e,disabled:r,disableElevation:i,fullWidth:n,orientation:d,variant:s}=t,u={root:["root",s,d,n&&"fullWidth",i&&"disableElevation",`color${(0,l.A)(e)}`],grouped:["grouped",`grouped${(0,l.A)(d)}`,`grouped${(0,l.A)(s)}`,`grouped${(0,l.A)(s)}${(0,l.A)(d)}`,`grouped${(0,l.A)(s)}${(0,l.A)(e)}`,r&&"disabled"],firstButton:["firstButton"],lastButton:["lastButton"],middleButton:["middleButton"]};return(0,a.A)(u,B,o)})(z),S=r.useMemo((()=>({className:T.grouped,color:u,disabled:c,disableElevation:g,disableFocusRipple:v,disableRipple:x,fullWidth:y,size:A,variant:C})),[u,c,g,v,x,y,A,C,T.grouped]),W=(0,d.A)(n),E=W.length,k=t=>{const o=0===t,e=t===E-1;return o&&e?"":o?T.firstButton:e?T.lastButton:T.middleButton};return(0,h.jsx)(f,{as:p,role:"group",className:(0,i.A)(T.root,s),ref:o,ownerState:z,...w,children:(0,h.jsx)($.A.Provider,{value:S,children:W.map(((t,o)=>(0,h.jsx)(m.A.Provider,{value:k(o),children:t},o)))})})}))}}]);
//# sourceMappingURL=7579.1b98701c.chunk.js.map