????
Your IP : 216.73.216.130
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{g as generateUtilityClass,b as generateUtilityClasses,s as styled,r as reactExports,j as _objectWithoutPropertiesLoose,_ as _extends,k as jsxRuntimeExports,l as clsx,b2 as createUseThemeProps,m as composeClasses,ar as Typography,B as Box,Z as React,o as styled$1,b6 as Divider,y as Button,aj as Breadcrumb,aG as Stack,ak as SimpleCard}from"./index-y1X-EiI1.js";import{A as Accordion,a as AccordionSummary,d as default_1,b as AccordionDetails}from"./ExpandMore-CethVRs7.js";import{C as Chip}from"./Chip-4iuxTgqW.js";import"./Collapse-YEAu7S3-.js";function getAccordionActionsUtilityClass(slot){return generateUtilityClass("MuiAccordionActions",slot)}__name(getAccordionActionsUtilityClass,"getAccordionActionsUtilityClass");generateUtilityClasses("MuiAccordionActions",["root","spacing"]);const _excluded=["className","disableSpacing"],useThemeProps=createUseThemeProps(),useUtilityClasses=__name(ownerState=>{const{classes,disableSpacing}=ownerState;return composeClasses({root:["root",!disableSpacing&&"spacing"]},getAccordionActionsUtilityClass,classes)},"useUtilityClasses"),AccordionActionsRoot=styled("div",{name:"MuiAccordionActions",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,!ownerState.disableSpacing&&styles.spacing]}})({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",variants:[{props:props=>!props.disableSpacing,style:{"& > :not(style) ~ :not(style)":{marginLeft:8}}}]}),AccordionActions=reactExports.forwardRef(__name(function(inProps,ref){const props=useThemeProps({props:inProps,name:"MuiAccordionActions"}),{className,disableSpacing=!1}=props,other=_objectWithoutPropertiesLoose(props,_excluded),ownerState=_extends({},props,{disableSpacing}),classes=useUtilityClasses(ownerState);return jsxRuntimeExports.jsx(AccordionActionsRoot,_extends({className:clsx(classes.root,className),ref,ownerState},other))},"AccordionActions2")),Heading=styled(Typography)(({theme})=>({fontSize:theme.typography.pxToRem(15),flexBasis:"33.33%",flexShrink:0})),SecondaryHeading=styled(Typography)(({theme})=>({fontSize:theme.typography.pxToRem(15),color:theme.palette.text.secondary}));function ControlledExpansionPanels(){const[expanded,setExpanded]=reactExports.useState(!1),handleChange=__name(panel=>(_,isExpanded)=>{setExpanded(isExpanded?panel:!1)},"handleChange");return jsxRuntimeExports.jsxs(Box,{width:"100%",children:[jsxRuntimeExports.jsxs(Accordion,{expanded:expanded==="panel1",onChange:handleChange("panel1"),children:[jsxRuntimeExports.jsxs(AccordionSummary,{id:"panel1bh-header",expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel1bh-content",children:[jsxRuntimeExports.jsx(Heading,{children:"General settings"}),jsxRuntimeExports.jsx(SecondaryHeading,{children:"I am an expansion panel"})]}),jsxRuntimeExports.jsx(AccordionDetails,{children:jsxRuntimeExports.jsx(Typography,{children:"Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam."})})]}),jsxRuntimeExports.jsxs(Accordion,{expanded:expanded==="panel2",onChange:handleChange("panel2"),children:[jsxRuntimeExports.jsxs(AccordionSummary,{expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel2bh-content",id:"panel2bh-header",children:[jsxRuntimeExports.jsx(Heading,{children:"Users"}),jsxRuntimeExports.jsx(SecondaryHeading,{children:"You are currently not an owner"})]}),jsxRuntimeExports.jsx(AccordionDetails,{children:jsxRuntimeExports.jsx(Typography,{children:"Donec placerat, lectus sed mattis semper, neque lectus feugiat lectus, varius pulvinar diam eros in elit. Pellentesque convallis laoreet laoreet."})})]}),jsxRuntimeExports.jsxs(Accordion,{expanded:expanded==="panel3",onChange:handleChange("panel3"),children:[jsxRuntimeExports.jsxs(AccordionSummary,{expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel3bh-content",id:"panel3bh-header",children:[jsxRuntimeExports.jsx(Heading,{children:"Advanced settings"}),jsxRuntimeExports.jsx(SecondaryHeading,{children:"Filtering has been entirely disabled for whole web server"})]}),jsxRuntimeExports.jsx(AccordionDetails,{children:jsxRuntimeExports.jsx(Typography,{children:"Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros, vitae egestas augue. Duis vel est augue."})})]}),jsxRuntimeExports.jsxs(Accordion,{expanded:expanded==="panel4",onChange:handleChange("panel4"),children:[jsxRuntimeExports.jsx(AccordionSummary,{expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel4bh-content",id:"panel4bh-header",children:jsxRuntimeExports.jsx(Heading,{children:"Personal data"})}),jsxRuntimeExports.jsx(AccordionDetails,{children:jsxRuntimeExports.jsx(Typography,{children:"Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros, vitae egestas augue. Duis vel est augue."})})]})]})}__name(ControlledExpansionPanels,"ControlledExpansionPanels");const ExpansionPanel=styled(Accordion)(()=>({"&.root":{boxShadow:"none",border:"1px solid rgba(0, 0, 0, .125)","&:not(:last-child)":{borderBottom:0},"&:before":{display:"none"},"&$expanded":{margin:"auto"}}})),ExpansionPanelSummary=styled(AccordionSummary)({"&.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"}}}),ExpansionPanelDetails=styled(AccordionDetails)(({theme})=>({"&.root":{padding:theme.spacing(2)}}));function CustomizedExpansionPanels(){const[expanded,setExpanded]=React.useState("panel1"),handleChange=__name(panel=>(_,newExpanded)=>{setExpanded(newExpanded?panel:!1)},"handleChange");return jsxRuntimeExports.jsxs(Box,{children:[jsxRuntimeExports.jsxs(ExpansionPanel,{square:!0,expanded:expanded==="panel1",onChange:handleChange("panel1"),children:[jsxRuntimeExports.jsx(ExpansionPanelSummary,{"aria-controls":"panel1d-content",id:"panel1d-header",children:jsxRuntimeExports.jsx(Typography,{children:"Collapsible Group Item #1"})}),jsxRuntimeExports.jsx(ExpansionPanelDetails,{children:jsxRuntimeExports.jsx(Typography,{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."})})]}),jsxRuntimeExports.jsxs(ExpansionPanel,{square:!0,expanded:expanded==="panel2",onChange:handleChange("panel2"),children:[jsxRuntimeExports.jsx(ExpansionPanelSummary,{"aria-controls":"panel2d-content",id:"panel2d-header",children:jsxRuntimeExports.jsx(Typography,{children:"Collapsible Group Item #2"})}),jsxRuntimeExports.jsx(ExpansionPanelDetails,{children:jsxRuntimeExports.jsx(Typography,{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."})})]}),jsxRuntimeExports.jsxs(ExpansionPanel,{square:!0,expanded:expanded==="panel3",onChange:handleChange("panel3"),children:[jsxRuntimeExports.jsx(ExpansionPanelSummary,{"aria-controls":"panel3d-content",id:"panel3d-header",children:jsxRuntimeExports.jsx(Typography,{children:"Collapsible Group Item #3"})}),jsxRuntimeExports.jsx(ExpansionPanelDetails,{children:jsxRuntimeExports.jsx(Typography,{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."})})]})]})}__name(CustomizedExpansionPanels,"CustomizedExpansionPanels");const AccordionRoot$1=styled$1(Box)(({theme})=>({width:"100%","& .heading":{fontSize:theme.typography.pxToRem(15)},"& .secondaryHeading":{color:theme.palette.text.secondary,fontSize:theme.typography.pxToRem(15)},"& .icon":{width:20,height:20,verticalAlign:"bottom"},"& .details":{alignItems:"center"},"& .column":{flexBasis:"33.33%"},"& .helper":{padding:theme.spacing(1,2),borderLeft:`2px solid ${theme.palette.divider}`},"& .link":{textDecoration:"none",color:theme.palette.primary.main,"&:hover":{textDecoration:"underline"}}}));function DetailedExpansionPanel(){return jsxRuntimeExports.jsx(AccordionRoot$1,{children:jsxRuntimeExports.jsxs(Accordion,{defaultExpanded:!0,children:[jsxRuntimeExports.jsxs(AccordionSummary,{expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel1c-content",id:"panel1c-header",children:[jsxRuntimeExports.jsx(Box,{className:"column",children:jsxRuntimeExports.jsx(Typography,{className:"heading",children:"Location"})}),jsxRuntimeExports.jsx(Box,{className:"column",children:jsxRuntimeExports.jsx(Typography,{className:"secondaryHeading",children:"Select trip destination"})})]}),jsxRuntimeExports.jsxs(AccordionDetails,{className:"details",children:[jsxRuntimeExports.jsx(Box,{className:"column"}),jsxRuntimeExports.jsx(Box,{className:"column",children:jsxRuntimeExports.jsx(Chip,{label:"Barbados",onDelete:()=>{}})}),jsxRuntimeExports.jsx(Box,{className:"column helper",children:jsxRuntimeExports.jsxs(Typography,{variant:"caption",children:["Select your destination of choice",jsxRuntimeExports.jsx("br",{}),jsxRuntimeExports.jsx("a",{href:"#sub-labels-and-columns",className:"link",children:"Learn more"})]})})]}),jsxRuntimeExports.jsx(Divider,{}),jsxRuntimeExports.jsxs(AccordionActions,{children:[jsxRuntimeExports.jsx(Button,{size:"small",children:"Cancel"}),jsxRuntimeExports.jsx(Button,{size:"small",color:"primary",children:"Save"})]})]})})}__name(DetailedExpansionPanel,"DetailedExpansionPanel");const AccordionRoot=styled("div")(({theme})=>({width:"100%","& .heading":{fontSize:theme.typography.pxToRem(15),fontWeight:theme.typography.fontWeightRegular}}));function SimpleExpansionPanel(){return jsxRuntimeExports.jsxs(AccordionRoot,{children:[jsxRuntimeExports.jsxs(Accordion,{children:[jsxRuntimeExports.jsx(AccordionSummary,{id:"panel1a-header",expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel1a-content",children:jsxRuntimeExports.jsx(Typography,{className:"heading",children:"Expansion Panel 1"})}),jsxRuntimeExports.jsx(AccordionDetails,{children:jsxRuntimeExports.jsx(Typography,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."})})]}),jsxRuntimeExports.jsxs(Accordion,{children:[jsxRuntimeExports.jsx(AccordionSummary,{id:"panel2a-header",expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel2a-content",children:jsxRuntimeExports.jsx(Typography,{className:"heading",children:"Expansion Panel 2"})}),jsxRuntimeExports.jsx(AccordionDetails,{children:jsxRuntimeExports.jsx(Typography,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."})})]}),jsxRuntimeExports.jsx(Accordion,{disabled:!0,children:jsxRuntimeExports.jsx(AccordionSummary,{id:"panel3a-header",expandIcon:jsxRuntimeExports.jsx(default_1,{}),"aria-controls":"panel3a-content",children:jsxRuntimeExports.jsx(Typography,{className:"heading",children:"Disabled Expansion Panel"})})})]})}__name(SimpleExpansionPanel,"SimpleExpansionPanel");const Container=styled("div")(({theme})=>({margin:"30px",[theme.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[theme.breakpoints.down("sm")]:{marginBottom:"16px"}}})),AppExpansionPanel=__name(()=>jsxRuntimeExports.jsxs(Container,{children:[jsxRuntimeExports.jsx(Box,{className:"breadcrumb",children:jsxRuntimeExports.jsx(Breadcrumb,{routeSegments:[{name:"Material",path:"/material"},{name:"Expansion Panel"}]})}),jsxRuntimeExports.jsxs(Stack,{spacing:3,children:[jsxRuntimeExports.jsx(SimpleCard,{title:"simple expansion panel",children:jsxRuntimeExports.jsx(SimpleExpansionPanel,{})}),jsxRuntimeExports.jsx(SimpleCard,{title:"Controlled Accordion",children:jsxRuntimeExports.jsx(ControlledExpansionPanels,{})}),jsxRuntimeExports.jsx(SimpleCard,{title:"Secondary heading and Columns",children:jsxRuntimeExports.jsx(DetailedExpansionPanel,{})}),jsxRuntimeExports.jsx(SimpleCard,{title:"Customized expansion panels",children:jsxRuntimeExports.jsx(CustomizedExpansionPanels,{})})]})]}),"AppExpansionPanel");export{AppExpansionPanel as default};