????
Your IP : 216.73.216.130
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{aJ as requireCreateSvgIcon,aK as interopRequireDefaultExports,k as jsxRuntimeExports,o as styled,ad as MenuItem,Z as React,y as Button,aL as Menu,B as Box,x as IconButton,I as Icon,aM as List,J as Box$1,aj as Breadcrumb,aG as Stack,ak as SimpleCard}from"./index-y1X-EiI1.js";import{L as ListItemIcon}from"./ListItemIcon-xDqItGhw.js";import{L as ListItemText,a as ListItem}from"./ListItemText-BvrfP19N.js";var Drafts={},_interopRequireDefault$2=interopRequireDefaultExports;Object.defineProperty(Drafts,"__esModule",{value:!0});var default_1$2=Drafts.default=void 0,_createSvgIcon$2=_interopRequireDefault$2(requireCreateSvgIcon()),_jsxRuntime$2=jsxRuntimeExports;default_1$2=Drafts.default=(0,_createSvgIcon$2.default)((0,_jsxRuntime$2.jsx)("path",{d:"M21.99 8c0-.72-.37-1.35-.94-1.7L12 1 2.95 6.3C2.38 6.65 2 7.28 2 8v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zM12 13 3.74 7.84 12 3l8.26 4.84z"}),"Drafts");var MoveToInbox={},_interopRequireDefault$1=interopRequireDefaultExports;Object.defineProperty(MoveToInbox,"__esModule",{value:!0});var default_1$1=MoveToInbox.default=void 0,_createSvgIcon$1=_interopRequireDefault$1(requireCreateSvgIcon()),_jsxRuntime$1=jsxRuntimeExports;default_1$1=MoveToInbox.default=(0,_createSvgIcon$1.default)((0,_jsxRuntime$1.jsx)("path",{d:"M19 3H4.99c-1.11 0-1.98.9-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19zm-3-5h-2V7h-4v3H8l4 4z"}),"MoveToInbox");var Send={},_interopRequireDefault=interopRequireDefaultExports;Object.defineProperty(Send,"__esModule",{value:!0});var default_1=Send.default=void 0,_createSvgIcon=_interopRequireDefault(requireCreateSvgIcon()),_jsxRuntime=jsxRuntimeExports;default_1=Send.default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"}),"Send");const StyledMenuItem=styled(MenuItem)(({theme})=>({"&:focus":{backgroundColor:theme.palette.primary.main,"& .MuiListItemIcon-root, & .MuiListItemText-primary":{color:theme.palette.common.white}}}));function CustomizedMenu(){const[anchorEl,setAnchorEl]=React.useState(null);function handleClick(event){setAnchorEl(event.currentTarget)}__name(handleClick,"handleClick");function handleClose(){setAnchorEl(null)}return __name(handleClose,"handleClose"),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(Button,{color:"primary",variant:"contained","aria-haspopup":"true",onClick:handleClick,"aria-owns":anchorEl?"simple-menu":void 0,children:"Open Menu"}),jsxRuntimeExports.jsxs(Menu,{elevation:0,id:"simple-menu",anchorEl,onClose:handleClose,open:!!anchorEl,getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},sx:{border:"1px solid #d3d4d5"},children:[jsxRuntimeExports.jsxs(StyledMenuItem,{children:[jsxRuntimeExports.jsx(ListItemIcon,{children:jsxRuntimeExports.jsx(default_1,{})}),jsxRuntimeExports.jsx(ListItemText,{primary:"Sent mail"})]}),jsxRuntimeExports.jsxs(StyledMenuItem,{children:[jsxRuntimeExports.jsx(ListItemIcon,{children:jsxRuntimeExports.jsx(default_1$2,{})}),jsxRuntimeExports.jsx(ListItemText,{primary:"Drafts"})]}),jsxRuntimeExports.jsxs(StyledMenuItem,{children:[jsxRuntimeExports.jsx(ListItemIcon,{children:jsxRuntimeExports.jsx(default_1$1,{})}),jsxRuntimeExports.jsx(ListItemText,{primary:"Inbox"})]})]})]})}__name(CustomizedMenu,"CustomizedMenu");const options$1=["None","Atria","Callisto","Dione","Ganymede","Hangouts Call","Luna","Oberon","Phobos","Pyxis","Sedna","Titania","Triton","Umbriel"],ITEM_HEIGHT=48;function MaxHeightMenu(){const[anchorEl,setAnchorEl]=React.useState(null),open=!!anchorEl;function handleClick(event){setAnchorEl(event.currentTarget)}__name(handleClick,"handleClick");function handleClose(){setAnchorEl(null)}return __name(handleClose,"handleClose"),jsxRuntimeExports.jsxs(Box,{children:[jsxRuntimeExports.jsx(IconButton,{"aria-label":"More","aria-owns":open?"long-menu":void 0,"aria-haspopup":"true",onClick:handleClick,children:jsxRuntimeExports.jsx(Icon,{children:"more_vert"})}),jsxRuntimeExports.jsx(Menu,{open,id:"long-menu",anchorEl,onClose:handleClose,PaperProps:{style:{maxHeight:ITEM_HEIGHT*4.5,width:200}},children:options$1.map(option=>jsxRuntimeExports.jsx(MenuItem,{selected:option==="Pyxis",onClick:handleClose,children:option},option))})]})}__name(MaxHeightMenu,"MaxHeightMenu");const MenuRoot=styled("div")(({theme})=>({width:"100%",maxWidth:360,backgroundColor:theme.palette.background.paper})),options=["Show some love to Material-UI","Show all notification content","Hide sensitive notification content","Hide all notification content"];function SelectedMenu(){const[anchorEl,setAnchorEl]=React.useState(null),[selectedIndex,setSelectedIndex]=React.useState(1);function handleClickListItem(event){setAnchorEl(event.currentTarget)}__name(handleClickListItem,"handleClickListItem");function handleMenuItemClick(event,index){setSelectedIndex(index),setAnchorEl(null)}__name(handleMenuItemClick,"handleMenuItemClick");function handleClose(){setAnchorEl(null)}return __name(handleClose,"handleClose"),jsxRuntimeExports.jsxs(MenuRoot,{children:[jsxRuntimeExports.jsx(List,{component:"nav","aria-label":"Device settings",children:jsxRuntimeExports.jsx(ListItem,{button:!0,"aria-haspopup":"true","aria-controls":"lock-menu","aria-label":"When device is locked",onClick:handleClickListItem,children:jsxRuntimeExports.jsx(ListItemText,{primary:"When device is locked",secondary:options[selectedIndex]})})}),jsxRuntimeExports.jsx(Menu,{id:"lock-menu",anchorEl,keepMounted:!0,open:!!anchorEl,onClose:handleClose,children:options.map((option,index)=>jsxRuntimeExports.jsx(MenuItem,{disabled:index===0,selected:index===selectedIndex,onClick:event=>handleMenuItemClick(event,index),children:option},option))})]})}__name(SelectedMenu,"SelectedMenu");function SimpleMenu(){const[anchorEl,setAnchorEl]=React.useState(null);function handleClick(event){setAnchorEl(event.currentTarget)}__name(handleClick,"handleClick");function handleClose(){setAnchorEl(null)}return __name(handleClose,"handleClose"),jsxRuntimeExports.jsxs(Box,{children:[jsxRuntimeExports.jsx(Button,{variant:"outlined","aria-haspopup":"true",onClick:handleClick,"aria-owns":anchorEl?"simple-menu":void 0,children:"Open Menu"}),jsxRuntimeExports.jsxs(Menu,{id:"simple-menu",anchorEl,open:!!anchorEl,onClose:handleClose,children:[jsxRuntimeExports.jsx(MenuItem,{onClick:handleClose,children:"Profile"}),jsxRuntimeExports.jsx(MenuItem,{onClick:handleClose,children:"My account"}),jsxRuntimeExports.jsx(MenuItem,{onClick:handleClose,children:"Logout"})]})]})}__name(SimpleMenu,"SimpleMenu");const Container=styled("div")(({theme})=>({margin:"30px",[theme.breakpoints.down("sm")]:{margin:16},"& .breadcrumb":{marginBottom:"30px",[theme.breakpoints.down("sm")]:{marginBottom:16}}})),AppMenu=__name(()=>jsxRuntimeExports.jsxs(Container,{children:[jsxRuntimeExports.jsx(Box$1,{className:"breadcrumb",children:jsxRuntimeExports.jsx(Breadcrumb,{routeSegments:[{name:"Material",path:"/material"},{name:"Menu"}]})}),jsxRuntimeExports.jsxs(Stack,{spacing:3,children:[jsxRuntimeExports.jsx(SimpleCard,{title:"simple menu",children:jsxRuntimeExports.jsx(SimpleMenu,{})}),jsxRuntimeExports.jsx(SimpleCard,{title:"selected menu",children:jsxRuntimeExports.jsx(SelectedMenu,{})}),jsxRuntimeExports.jsx(SimpleCard,{title:"customized menu",children:jsxRuntimeExports.jsx(CustomizedMenu,{})}),jsxRuntimeExports.jsx(SimpleCard,{title:"max height menu",children:jsxRuntimeExports.jsx(MaxHeightMenu,{})})]})]}),"AppMenu");export{AppMenu as default};