????
Your IP : 216.73.216.152
import{b as p,a as P,g as M,s as l,P as oe,_ as u,u as D,e as q,aL as ae,j as e,f as R,aS as te,be as re,p as n,h as B,aC as ie,T as r,E as h,a4 as ce,x as le,aV as de,G as F,ai as pe,aj as I}from"./index-9bcd78a9.js";import{r as ue,i as xe}from"./createSvgIcon-842e6ef8.js";import{C as me}from"./Collapse-d6305a4f.js";import{C as he}from"./Chip-76b2389c.js";import{S as ge}from"./Stack-6f785cc2.js";import"./unsupportedProp-e368368f.js";const Y=p.createContext({});Y.displayName="AccordionContext";const J=Y;function be(s){return M("MuiAccordion",s)}const fe=P("MuiAccordion",["root","rounded","expanded","disabled","gutters","region"]),$=fe,je=["children","className","defaultExpanded","disabled","disableGutters","expanded","onChange","square","TransitionComponent","TransitionProps"],ye=s=>{const{classes:o,square:a,expanded:t,disabled:i,disableGutters:c}=s;return B({root:["root",!a&&"rounded",t&&"expanded",i&&"disabled",!c&&"gutters"],region:["region"]},be,o)},Ce=l(oe,{name:"MuiAccordion",slot:"Root",overridesResolver:(s,o)=>{const{ownerState:a}=s;return[{[`& .${$.region}`]:o.region},o.root,!a.square&&o.rounded,!a.disableGutters&&o.gutters]}})(({theme:s})=>{const o={duration:s.transitions.duration.shortest};return{position:"relative",transition:s.transitions.create(["margin"],o),overflowAnchor:"none","&:before":{position:"absolute",left:0,top:-1,right:0,height:1,content:'""',opacity:1,backgroundColor:(s.vars||s).palette.divider,transition:s.transitions.create(["opacity","background-color"],o)},"&:first-of-type":{"&:before":{display:"none"}},[`&.${$.expanded}`]:{"&:before":{opacity:0},"&:first-of-type":{marginTop:0},"&:last-of-type":{marginBottom:0},"& + &":{"&:before":{display:"none"}}},[`&.${$.disabled}`]:{backgroundColor:(s.vars||s).palette.action.disabledBackground}}},({theme:s,ownerState:o})=>u({},!o.square&&{borderRadius:0,"&:first-of-type":{borderTopLeftRadius:(s.vars||s).shape.borderRadius,borderTopRightRadius:(s.vars||s).shape.borderRadius},"&:last-of-type":{borderBottomLeftRadius:(s.vars||s).shape.borderRadius,borderBottomRightRadius:(s.vars||s).shape.borderRadius,"@supports (-ms-ime-align: auto)":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}},!o.disableGutters&&{[`&.${$.expanded}`]:{margin:"16px 0"}})),K=p.forwardRef(function(o,a){const t=D({props:o,name:"MuiAccordion"}),{children:i,className:c,defaultExpanded:x=!1,disabled:m=!1,disableGutters:j=!1,expanded:k,onChange:v,square:N=!1,TransitionComponent:E=me,TransitionProps:T}=t,G=q(t,je),[d,C]=ae({controlled:k,default:x,name:"Accordion",state:"expanded"}),S=p.useCallback(ne=>{C(!d),v&&v(ne,!d)},[d,v,C]),[L,...ee]=p.Children.toArray(i),se=p.useMemo(()=>({expanded:d,disabled:m,disableGutters:j,toggle:S}),[d,m,j,S]),W=u({},t,{square:N,disabled:m,disableGutters:j,expanded:d}),H=ye(W);return e.jsxs(Ce,u({className:R(H.root,c),ref:a,ownerState:W,square:N},G,{children:[e.jsx(J.Provider,{value:se,children:L}),e.jsx(E,u({in:d,timeout:"auto"},T,{children:e.jsx("div",{"aria-labelledby":L.props.id,id:L.props["aria-controls"],role:"region",className:H.region,children:ee})}))]}))});K.propTypes={children:te(n.node.isRequired,s=>{const o=p.Children.toArray(s.children)[0];return re.isFragment(o)?new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead."):p.isValidElement(o)?null:new Error("MUI: Expected the first child of Accordion to be a valid element.")}),classes:n.object,className:n.string,defaultExpanded:n.bool,disabled:n.bool,disableGutters:n.bool,expanded:n.bool,onChange:n.func,square:n.bool,sx:n.oneOfType([n.arrayOf(n.oneOfType([n.func,n.object,n.bool])),n.func,n.object]),TransitionComponent:n.elementType,TransitionProps:n.object};const g=K;function ve(s){return M("MuiAccordionActions",s)}P("MuiAccordionActions",["root","spacing"]);const Ae=["className","disableSpacing"],Se=s=>{const{classes:o,disableSpacing:a}=s;return B({root:["root",!a&&"spacing"]},ve,o)},Re=l("div",{name:"MuiAccordionActions",slot:"Root",overridesResolver:(s,o)=>{const{ownerState:a}=s;return[o.root,!a.disableSpacing&&o.spacing]}})(({ownerState:s})=>u({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end"},!s.disableSpacing&&{"& > :not(:first-of-type)":{marginLeft:8}})),Q=p.forwardRef(function(o,a){const t=D({props:o,name:"MuiAccordionActions"}),{className:i,disableSpacing:c=!1}=t,x=q(t,Ae),m=u({},t,{disableSpacing:c}),j=Se(m);return e.jsx(Re,u({className:R(j.root,i),ref:a,ownerState:m},x))});Q.propTypes={children:n.node,classes:n.object,className:n.string,disableSpacing:n.bool,sx:n.oneOfType([n.arrayOf(n.oneOfType([n.func,n.object,n.bool])),n.func,n.object])};const Ne=Q;function Ee(s){return M("MuiAccordionDetails",s)}P("MuiAccordionDetails",["root"]);const Te=["className"],Ie=s=>{const{classes:o}=s;return B({root:["root"]},Ee,o)},$e=l("div",{name:"MuiAccordionDetails",slot:"Root",overridesResolver:(s,o)=>o.root})(({theme:s})=>({padding:s.spacing(1,2,2)})),X=p.forwardRef(function(o,a){const t=D({props:o,name:"MuiAccordionDetails"}),{className:i}=t,c=q(t,Te),x=t,m=Ie(x);return e.jsx($e,u({className:R(m.root,i),ref:a,ownerState:x},c))});X.propTypes={children:n.node,classes:n.object,className:n.string,sx:n.oneOfType([n.arrayOf(n.oneOfType([n.func,n.object,n.bool])),n.func,n.object])};const y=X;function we(s){return M("MuiAccordionSummary",s)}const Pe=P("MuiAccordionSummary",["root","expanded","focusVisible","disabled","gutters","contentGutters","content","expandIconWrapper"]),A=Pe,Me=["children","className","expandIcon","focusVisibleClassName","onClick"],De=s=>{const{classes:o,expanded:a,disabled:t,disableGutters:i}=s;return B({root:["root",a&&"expanded",t&&"disabled",!i&&"gutters"],focusVisible:["focusVisible"],content:["content",a&&"expanded",!i&&"contentGutters"],expandIconWrapper:["expandIconWrapper",a&&"expanded"]},we,o)},qe=l(ie,{name:"MuiAccordionSummary",slot:"Root",overridesResolver:(s,o)=>o.root})(({theme:s,ownerState:o})=>{const a={duration:s.transitions.duration.shortest};return u({display:"flex",minHeight:48,padding:s.spacing(0,2),transition:s.transitions.create(["min-height","background-color"],a),[`&.${A.focusVisible}`]:{backgroundColor:(s.vars||s).palette.action.focus},[`&.${A.disabled}`]:{opacity:(s.vars||s).palette.action.disabledOpacity},[`&:hover:not(.${A.disabled})`]:{cursor:"pointer"}},!o.disableGutters&&{[`&.${A.expanded}`]:{minHeight:64}})}),Be=l("div",{name:"MuiAccordionSummary",slot:"Content",overridesResolver:(s,o)=>o.content})(({theme:s,ownerState:o})=>u({display:"flex",flexGrow:1,margin:"12px 0"},!o.disableGutters&&{transition:s.transitions.create(["margin"],{duration:s.transitions.duration.shortest}),[`&.${A.expanded}`]:{margin:"20px 0"}})),ke=l("div",{name:"MuiAccordionSummary",slot:"ExpandIconWrapper",overridesResolver:(s,o)=>o.expandIconWrapper})(({theme:s})=>({display:"flex",color:(s.vars||s).palette.action.active,transform:"rotate(0deg)",transition:s.transitions.create("transform",{duration:s.transitions.duration.shortest}),[`&.${A.expanded}`]:{transform:"rotate(180deg)"}})),Z=p.forwardRef(function(o,a){const t=D({props:o,name:"MuiAccordionSummary"}),{children:i,className:c,expandIcon:x,focusVisibleClassName:m,onClick:j}=t,k=q(t,Me),{disabled:v=!1,disableGutters:N,expanded:E,toggle:T}=p.useContext(J),G=S=>{T&&T(S),j&&j(S)},d=u({},t,{expanded:E,disabled:v,disableGutters:N}),C=De(d);return e.jsxs(qe,u({focusRipple:!1,disableRipple:!0,disabled:v,component:"div","aria-expanded":E,className:R(C.root,c),focusVisibleClassName:R(C.focusVisible,m),onClick:G,ref:a,ownerState:d},k,{children:[e.jsx(Be,{className:C.content,ownerState:d,children:i}),x&&e.jsx(ke,{className:C.expandIconWrapper,ownerState:d,children:x})]}))});Z.propTypes={children:n.node,classes:n.object,className:n.string,expandIcon:n.node,focusVisibleClassName:n.string,onClick:n.func,sx:n.oneOfType([n.arrayOf(n.oneOfType([n.func,n.object,n.bool])),n.func,n.object])};const b=Z;var z={},Ge=xe;Object.defineProperty(z,"__esModule",{value:!0});var f=z.default=void 0,Le=Ge(ue()),_e=e,Oe=(0,Le.default)((0,_e.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore");f=z.default=Oe;const w=l(r)(({theme:s})=>({fontSize:s.typography.pxToRem(15),flexBasis:"33.33%",flexShrink:0})),_=l(r)(({theme:s})=>({fontSize:s.typography.pxToRem(15),color:s.palette.text.secondary}));function Ue(){const[s,o]=p.useState(!1),a=t=>(i,c)=>{o(c?t:!1)};return e.jsxs(h,{width:"100%",children:[e.jsxs(g,{expanded:s==="panel1",onChange:a("panel1"),children:[e.jsxs(b,{id:"panel1bh-header",expandIcon:e.jsx(f,{}),"aria-controls":"panel1bh-content",children:[e.jsx(w,{children:"General settings"}),e.jsx(_,{children:"I am an expansion panel"})]}),e.jsx(y,{children:e.jsx(r,{children:"Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam."})})]}),e.jsxs(g,{expanded:s==="panel2",onChange:a("panel2"),children:[e.jsxs(b,{expandIcon:e.jsx(f,{}),"aria-controls":"panel2bh-content",id:"panel2bh-header",children:[e.jsx(w,{children:"Users"}),e.jsx(_,{children:"You are currently not an owner"})]}),e.jsx(y,{children:e.jsx(r,{children:"Donec placerat, lectus sed mattis semper, neque lectus feugiat lectus, varius pulvinar diam eros in elit. Pellentesque convallis laoreet laoreet."})})]}),e.jsxs(g,{expanded:s==="panel3",onChange:a("panel3"),children:[e.jsxs(b,{expandIcon:e.jsx(f,{}),"aria-controls":"panel3bh-content",id:"panel3bh-header",children:[e.jsx(w,{children:"Advanced settings"}),e.jsx(_,{children:"Filtering has been entirely disabled for whole web server"})]}),e.jsx(y,{children:e.jsx(r,{children:"Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros, vitae egestas augue. Duis vel est augue."})})]}),e.jsxs(g,{expanded:s==="panel4",onChange:a("panel4"),children:[e.jsx(b,{expandIcon:e.jsx(f,{}),"aria-controls":"panel4bh-content",id:"panel4bh-header",children:e.jsx(w,{children:"Personal data"})}),e.jsx(y,{children:e.jsx(r,{children:"Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros, vitae egestas augue. Duis vel est augue."})})]})]})}const O=l(g)(()=>({"&.root":{boxShadow:"none",border:"1px solid rgba(0, 0, 0, .125)","&:not(:last-child)":{borderBottom:0},"&:before":{display:"none"},"&$expanded":{margin:"auto"}}})),U=l(b)({"&.root":{minHeight:56,marginBottom:-1,backgroundColor:"rgba(0, 0, 0, .03)",borderBottom:"1px solid rgba(0, 0, 0, .125)","&$expanded":{minHeight:56}},"& .content":{"&$expanded":{margin:"12px 0"}}}),V=l(y)(({theme:s})=>({"&.root":{padding:s.spacing(2)}}));function Ve(){const[s,o]=ce.useState("panel1"),a=t=>(i,c)=>{o(c?t:!1)};return e.jsxs(h,{children:[e.jsxs(O,{square:!0,expanded:s==="panel1",onChange:a("panel1"),children:[e.jsx(U,{"aria-controls":"panel1d-content",id:"panel1d-header",children:e.jsx(r,{children:"Collapsible Group Item #1"})}),e.jsx(V,{children:e.jsx(r,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."})})]}),e.jsxs(O,{square:!0,expanded:s==="panel2",onChange:a("panel2"),children:[e.jsx(U,{"aria-controls":"panel2d-content",id:"panel2d-header",children:e.jsx(r,{children:"Collapsible Group Item #2"})}),e.jsx(V,{children:e.jsx(r,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."})})]}),e.jsxs(O,{square:!0,expanded:s==="panel3",onChange:a("panel3"),children:[e.jsx(U,{"aria-controls":"panel3d-content",id:"panel3d-header",children:e.jsx(r,{children:"Collapsible Group Item #3"})}),e.jsx(V,{children:e.jsx(r,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."})})]})]})}const ze=le(h)(({theme:s})=>({width:"100%","& .heading":{fontSize:s.typography.pxToRem(15)},"& .secondaryHeading":{color:s.palette.text.secondary,fontSize:s.typography.pxToRem(15)},"& .icon":{width:20,height:20,verticalAlign:"bottom"},"& .details":{alignItems:"center"},"& .column":{flexBasis:"33.33%"},"& .helper":{padding:s.spacing(1,2),borderLeft:`2px solid ${s.palette.divider}`},"& .link":{textDecoration:"none",color:s.palette.primary.main,"&:hover":{textDecoration:"underline"}}}));function We(){return e.jsx(ze,{children:e.jsxs(g,{defaultExpanded:!0,children:[e.jsxs(b,{expandIcon:e.jsx(f,{}),"aria-controls":"panel1c-content",id:"panel1c-header",children:[e.jsx(h,{className:"column",children:e.jsx(r,{className:"heading",children:"Location"})}),e.jsx(h,{className:"column",children:e.jsx(r,{className:"secondaryHeading",children:"Select trip destination"})})]}),e.jsxs(y,{className:"details",children:[e.jsx(h,{className:"column"}),e.jsx(h,{className:"column",children:e.jsx(he,{label:"Barbados",onDelete:()=>{}})}),e.jsx(h,{className:"column helper",children:e.jsxs(r,{variant:"caption",children:["Select your destination of choice",e.jsx("br",{}),e.jsx("a",{href:"#sub-labels-and-columns",className:"link",children:"Learn more"})]})})]}),e.jsx(de,{}),e.jsxs(Ne,{children:[e.jsx(F,{size:"small",children:"Cancel"}),e.jsx(F,{size:"small",color:"primary",children:"Save"})]})]})})}const He=l("div")(({theme:s})=>({width:"100%","& .heading":{fontSize:s.typography.pxToRem(15),fontWeight:s.typography.fontWeightRegular}}));function Fe(){return e.jsxs(He,{children:[e.jsxs(g,{children:[e.jsx(b,{id:"panel1a-header",expandIcon:e.jsx(f,{}),"aria-controls":"panel1a-content",children:e.jsx(r,{className:"heading",children:"Expansion Panel 1"})}),e.jsx(y,{children:e.jsx(r,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."})})]}),e.jsxs(g,{children:[e.jsx(b,{id:"panel2a-header",expandIcon:e.jsx(f,{}),"aria-controls":"panel2a-content",children:e.jsx(r,{className:"heading",children:"Expansion Panel 2"})}),e.jsx(y,{children:e.jsx(r,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."})})]}),e.jsx(g,{disabled:!0,children:e.jsx(b,{id:"panel3a-header",expandIcon:e.jsx(f,{}),"aria-controls":"panel3a-content",children:e.jsx(r,{className:"heading",children:"Disabled Expansion Panel"})})})]})}const Ye=l("div")(({theme:s})=>({margin:"30px",[s.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[s.breakpoints.down("sm")]:{marginBottom:"16px"}}})),ss=()=>e.jsxs(Ye,{children:[e.jsx(h,{className:"breadcrumb",children:e.jsx(pe,{routeSegments:[{name:"Material",path:"/material"},{name:"Expansion Panel"}]})}),e.jsxs(ge,{spacing:3,children:[e.jsx(I,{title:"simple expansion panel",children:e.jsx(Fe,{})}),e.jsx(I,{title:"Controlled Accordion",children:e.jsx(Ue,{})}),e.jsx(I,{title:"Secondary heading and Columns",children:e.jsx(We,{})}),e.jsx(I,{title:"Customized expansion panels",children:e.jsx(Ve,{})})]})]});export{ss as default};