????
Your IP : 216.73.216.152
import{g as Q,a as Y,s as J,_ as I,b as h,u as Z,e as ee,aU as te,j as e,f as ie,p as c,h as ne,x as b,a4 as d,aG as R,G as s,T as S,F as P,E as D,ax as oe,z as W,X as se,aV as ae,aH as le,aW as re,ao as ce,af as _,aX as M,V as de,ai as ue,aj as m}from"./index-9bcd78a9.js";import{L as g}from"./ListItem-93baa3cc.js";import{L as j}from"./ListItemText-9db2b571.js";import{D as p,a as x,b as f,c as C}from"./DialogTitle-762ac824.js";import{R as me,a as he}from"./RadioGroup-75efda1a.js";import{F as G}from"./FormControlLabel-a1a576f7.js";import{d as $}from"./Close-a51c0c95.js";import{S as B}from"./Slide-d13e3d86.js";import{D as T}from"./DialogContentText-22d7ed41.js";import{A as pe}from"./AppBar-a2b92a6e.js";import{T as xe}from"./Toolbar-d5f2ec66.js";import{M as v}from"./MenuItem-3ea292e1.js";import{S as ge}from"./Switch-04a62a88.js";import{u as je}from"./useMediaQuery-72cdd2fe.js";import{r as z,i as q}from"./createSvgIcon-842e6ef8.js";import{S as fe}from"./Stack-6f785cc2.js";import"./SwitchBase-f2562236.js";import"./FormGroup-c4ebc22e.js";import"./listItemIconClasses-873dc6a3.js";import"./unsupportedProp-e368368f.js";function Ce(t){return Q("MuiListItemAvatar",t)}Y("MuiListItemAvatar",["root","alignItemsFlexStart"]);const ve=["className"],be=t=>{const{alignItems:i,classes:n}=t;return ne({root:["root",i==="flex-start"&&"alignItemsFlexStart"]},Ce,n)},ye=J("div",{name:"MuiListItemAvatar",slot:"Root",overridesResolver:(t,i)=>{const{ownerState:n}=t;return[i.root,n.alignItems==="flex-start"&&i.alignItemsFlexStart]}})(({ownerState:t})=>I({minWidth:56,flexShrink:0},t.alignItems==="flex-start"&&{marginTop:8})),E=h.forwardRef(function(i,n){const o=Z({props:i,name:"MuiListItemAvatar"}),{className:a}=o,l=ee(o,ve),r=h.useContext(te),u=I({},o,{alignItems:r.alignItems}),y=be(u);return e.jsx(ye,I({className:ie(y.root,a),ownerState:u,ref:n},l))});E.propTypes={children:c.node,classes:c.object,className:c.string,sx:c.oneOfType([c.arrayOf(c.oneOfType([c.func,c.object,c.bool])),c.func,c.object])};const F=E,ke=["None","Atria","Callisto","Dione","Ganymede","Hangouts Call","Luna","Oberon","Phobos","Pyxis","Sedna","Titania","Triton","Umbriel"];function N(t){const{onClose:i,value:n,open:o,...a}=t,[l,r]=h.useState(n),u=h.useRef(null);h.useEffect(()=>{o||r(n)},[n,o]);function y(){u.current!==null&&u.current.focus()}const w=()=>i(),k=()=>i(l),X=(O,K)=>r(K);return e.jsxs(p,{maxWidth:"xs",disableEscapeKeyDown:!0,TransitionProps:{onExiting:y},"aria-labelledby":"confirmation-dialog-title",open:o,...a,children:[e.jsx(x,{id:"confirmation-dialog-title",children:"Phone Ringtone"}),e.jsx(f,{dividers:!0,children:e.jsx(me,{ref:u,"aria-label":"Ringtone",name:"ringtone",value:l,onChange:X,children:ke.map(O=>e.jsx(G,{value:O,control:e.jsx(he,{}),label:O},O))})}),e.jsxs(C,{children:[e.jsx(s,{variant:"outlined",color:"secondary",onClick:w,children:"Cancel"}),e.jsx(s,{onClick:k,color:"primary",children:"Ok"})]})]})}N.propTypes={onClose:c.func.isRequired,open:c.bool.isRequired,value:c.string.isRequired};const Se=b("div")(({theme:t})=>({width:"100%",maxWidth:360,backgroundColor:t.palette.background.paper,"& .paper":{width:"80%",maxHeight:435}}));function De(){const[t,i]=d.useState(!1),[n,o]=d.useState("Dione");function a(){i(!0)}function l(r){i(!1),r&&o(r)}return e.jsx(Se,{children:e.jsxs(R,{component:"div",role:"list",children:[e.jsx(g,{button:!0,divider:!0,disabled:!0,role:"listitem",children:e.jsx(j,{primary:"Interruptions"})}),e.jsx(g,{button:!0,divider:!0,"aria-controls":"ringtone-menu","aria-label":"Phone ringtone",onClick:a,role:"listitem",children:e.jsx(j,{primary:"Phone ringtone",secondary:n})}),e.jsx(g,{button:!0,divider:!0,disabled:!0,role:"listitem",children:e.jsx(j,{primary:"Default notification ringtone",secondary:"Tethys"})}),e.jsx(N,{keepMounted:!0,open:t,value:n,className:"paper",id:"ringtone-menu",onClose:l})]})})}const Te=b(x)(({theme:t})=>({margin:0,padding:t.spacing(2),"& .closeButton":{position:"absolute",right:t.spacing(1),top:t.spacing(1),color:t.palette.grey[500]}})),Oe=t=>{const{children:i,onClose:n}=t;return e.jsxs(Te,{disableTypography:!0,children:[e.jsx(S,{variant:"h6",children:i}),n?e.jsx(P,{"aria-label":"Close",className:"closeButton",onClick:n,children:e.jsx($,{})}):null]})},we=b(f)(({theme:t})=>({"&.root":{padding:t.spacing(2)}})),Ie=b(C)(({theme:t})=>({"&.root":{margin:0,padding:t.spacing(1)}})),Re=()=>{const[t,i]=h.useState(!1),n=()=>i(!0),o=()=>i(!1);return e.jsxs("div",{children:[e.jsx(s,{variant:"outlined",color:"secondary",onClick:n,children:"Open dialog"}),e.jsxs(p,{onClose:o,"aria-labelledby":"customized-dialog-title",open:t,children:[e.jsx(Oe,{id:"customized-dialog-title",onClose:o,children:"Modal title"}),e.jsxs(we,{dividers:!0,children:[e.jsx(S,{gutterBottom:!0,children:"Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."}),e.jsx(S,{gutterBottom:!0,children:"Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."}),e.jsx(S,{gutterBottom:!0,children:"Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."})]}),e.jsx(Ie,{children:e.jsx(s,{onClick:o,color:"primary",children:"Save changes"})})]})]})},Le=d.forwardRef(function(i,n){return e.jsx(B,{direction:"up",ref:n,...i})});function Ae(){const[t,i]=d.useState(!1);function n(){i(!0)}function o(){i(!1)}return e.jsxs("div",{children:[e.jsx(s,{variant:"outlined",color:"primary",onClick:n,children:"Slide in alert dialog"}),e.jsxs(p,{open:t,keepMounted:!0,onClose:o,TransitionComponent:Le,"aria-labelledby":"alert-dialog-slide-title","aria-describedby":"alert-dialog-slide-description",children:[e.jsx(x,{id:"alert-dialog-slide-title",children:"Use Google's location service?"}),e.jsx(f,{children:e.jsx(T,{id:"alert-dialog-slide-description",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})}),e.jsxs(C,{children:[e.jsx(s,{onClick:o,color:"primary",children:"Disagree"}),e.jsx(s,{onClick:o,color:"primary",children:"Agree"})]})]})]})}function _e(){const[t,i]=d.useState(!1);function n(){i(!0)}function o(){i(!1)}return e.jsxs(D,{children:[e.jsx(s,{variant:"outlined",color:"primary",onClick:n,children:"Open form dialog"}),e.jsxs(p,{open:t,onClose:o,"aria-labelledby":"form-dialog-title",children:[e.jsx(x,{id:"form-dialog-title",children:"Subscribe"}),e.jsxs(f,{children:[e.jsx(T,{children:"To subscribe to this website, please enter your email address here. We will send updates occasionally."}),e.jsx(oe,{autoFocus:!0,margin:"dense",id:"name",label:"Email Address",type:"email",fullWidth:!0})]}),e.jsxs(C,{children:[e.jsx(s,{variant:"outlined",color:"secondary",onClick:o,children:"Cancel"}),e.jsx(s,{onClick:o,color:"primary",children:"Subscribe"})]})]})]})}const Me=d.forwardRef(function(i,n){return e.jsx(B,{direction:"up",ref:n,...i})});function Fe(){const t=W(),[i,n]=d.useState(!1);function o(){n(!0)}function a(){n(!1)}return e.jsxs(D,{children:[e.jsx(s,{variant:"outlined",color:"primary",onClick:o,children:"Open full-screen dialog"}),e.jsxs(p,{fullScreen:!0,open:i,onClose:a,TransitionComponent:Me,children:[e.jsx(pe,{sx:{position:"relative"},children:e.jsxs(xe,{children:[e.jsx(P,{edge:"start",color:"inherit",onClick:a,"aria-label":"Close",children:e.jsx($,{})}),e.jsx(se,{sx:{flex:1,marginLeft:t.spacing(2)},children:"Sound"}),e.jsx(s,{color:"inherit",onClick:a,children:"save"})]})}),e.jsxs(R,{children:[e.jsx(g,{button:!0,children:e.jsx(j,{primary:"Phone ringtone",secondary:"Titania"})}),e.jsx(ae,{}),e.jsx(g,{button:!0,children:e.jsx(j,{primary:"Default notification ringtone",secondary:"Tethys"})})]})]})]})}const Pe=b("div")(({theme:t})=>({"& form":{display:"flex",margin:"auto",flexDirection:"column",width:"fit-content"},"& .formControl":{marginTop:t.spacing(2),minWidth:120},"& .formControlLabel":{marginTop:t.spacing(1)}}));function We(){const[t,i]=d.useState(!1),[n,o]=d.useState(!0),[a,l]=d.useState("sm");function r(){i(!0)}function u(){i(!1)}function y(k){l(k.target.value)}function w(k){o(k.target.checked)}return e.jsxs(Pe,{children:[e.jsx(s,{variant:"outlined",color:"primary",onClick:r,children:"Open max-width dialog"}),e.jsxs(p,{open:t,fullWidth:n,maxWidth:a,onClose:u,"aria-labelledby":"max-width-dialog-title",children:[e.jsx(x,{id:"max-width-dialog-title",children:"Optional sizes"}),e.jsxs(f,{children:[e.jsx(T,{children:"You can set my maximum width and whether to adapt or not."}),e.jsxs("form",{noValidate:!0,children:[e.jsxs(le,{className:"formControl",children:[e.jsx(re,{htmlFor:"max-width",children:"maxWidth"}),e.jsxs(ce,{value:a,onChange:y,inputProps:{name:"max-width",id:"max-width"},children:[e.jsx(v,{value:!1,children:"false"}),e.jsx(v,{value:"xs",children:"xs"}),e.jsx(v,{value:"sm",children:"sm"}),e.jsx(v,{value:"md",children:"md"}),e.jsx(v,{value:"lg",children:"lg"}),e.jsx(v,{value:"xl",children:"xl"})]})]}),e.jsx(G,{className:"formControlLabel",label:"Full width",control:e.jsx(ge,{checked:n,onChange:w,value:"fullWidth"})})]})]}),e.jsx(C,{children:e.jsx(s,{onClick:u,color:"primary",children:"Close"})})]})]})}function Ge(){const[t,i]=d.useState(!1),n=W(),o=je(n.breakpoints.down("sm"));function a(){i(!0)}function l(){i(!1)}return e.jsxs(D,{children:[e.jsx(s,{variant:"outlined",color:"primary",onClick:a,children:"Open responsive dialog"}),e.jsxs(p,{fullScreen:o,open:t,onClose:l,"aria-labelledby":"responsive-dialog-title",children:[e.jsx(x,{id:"responsive-dialog-title",children:"Use Google's location service?"}),e.jsx(f,{children:e.jsx(T,{children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})}),e.jsxs(C,{children:[e.jsx(s,{onClick:l,color:"primary",children:"Disagree"}),e.jsx(s,{onClick:l,color:"primary",autoFocus:!0,children:"Agree"})]})]})]})}function $e(){const[t,i]=h.useState(!1),n=()=>i(!0),o=()=>i(!1);return e.jsxs(D,{children:[e.jsx(s,{variant:"outlined",color:"primary",onClick:n,children:"Open alert dialog"}),e.jsxs(p,{open:t,onClose:o,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",children:[e.jsx(x,{id:"alert-dialog-title",children:"Use Google's location service?"}),e.jsx(f,{children:e.jsx(T,{id:"alert-dialog-description",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})}),e.jsxs(C,{children:[e.jsx(s,{onClick:o,color:"primary",children:"Disagree"}),e.jsx(s,{onClick:o,color:"primary",autoFocus:!0,children:"Agree"})]})]})]})}var L={},Be=q;Object.defineProperty(L,"__esModule",{value:!0});var V=L.default=void 0,ze=Be(z()),qe=e,Ee=(0,ze.default)((0,qe.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");V=L.default=Ee;var A={},Ne=q;Object.defineProperty(A,"__esModule",{value:!0});var U=A.default=void 0,Ve=Ne(z()),Ue=e,He=(0,Ve.default)((0,Ue.jsx)("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),"Person");U=A.default=He;const Xe=["username@gmail.com","user02@gmail.com"];function H(t){const{onClose:i,selectedValue:n,...o}=t;function a(){i(n)}function l(r){i(r)}return e.jsxs(p,{onClose:a,"aria-labelledby":"simple-dialog-title",...o,children:[e.jsx(x,{id:"simple-dialog-title",children:"Set backup account"}),e.jsxs(R,{children:[Xe.map(r=>e.jsxs(g,{button:!0,onClick:()=>l(r),children:[e.jsx(F,{children:e.jsx(_,{sx:{backgroundColor:M[100],color:M[600]},children:e.jsx(U,{})})}),e.jsx(j,{primary:r})]},r)),e.jsxs(g,{button:!0,onClick:()=>l("addAccount"),children:[e.jsx(F,{children:e.jsx(_,{children:e.jsx(V,{})})}),e.jsx(j,{primary:"add account"})]})]})]})}H.propTypes={open:c.bool,onClose:c.func,selectedValue:c.string};function Ke(){const[t,i]=h.useState(!1),[n,o]=h.useState("user02@gmail.com"),a=()=>i(!0),l=r=>{i(!1),o(r)};return e.jsxs(D,{children:[e.jsxs(S,{variant:"subtitle1",children:["Selected: ",n]}),e.jsx("br",{}),e.jsx(s,{variant:"outlined",color:"primary",onClick:a,children:"Open simple dialog"}),e.jsx(H,{selectedValue:n,open:t,onClose:l})]})}const Qe=b("div")(({theme:t})=>({margin:"30px",[t.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[t.breakpoints.down("sm")]:{marginBottom:"16px"}}})),jt=()=>e.jsxs(Qe,{children:[e.jsx(de,{className:"breadcrumb",children:e.jsx(ue,{routeSegments:[{name:"Material",path:"/material"},{name:"Dialog"}]})}),e.jsxs(fe,{spacing:3,children:[e.jsx(m,{title:"simple Dialog",children:e.jsx(Ke,{})}),e.jsx(m,{title:"alert dialog",children:e.jsx($e,{})}),e.jsx(m,{title:"transition",children:e.jsx(Ae,{})}),e.jsx(m,{title:"form dialog",children:e.jsx(_e,{})}),e.jsx(m,{title:"customized dialog",children:e.jsx(Re,{})}),e.jsx(m,{title:"full-screen dialog",children:e.jsx(Fe,{})}),e.jsx(m,{title:"optimized size dialog",children:e.jsx(We,{})}),e.jsx(m,{title:"responsive dialog",children:e.jsx(Ge,{})}),e.jsx(m,{title:"confirmation dialog",children:e.jsx(De,{})})]})]});export{jt as default};