(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4435],{4693:(e,t,r)=>{"use strict";r.d(t,{A:()=>j});var n=r(93328),o=r(47001),a=r(55634),i=r(92093),s=r(74095),c=r(79045),l=r(31111),d=r(9281),u=r(83658),p=r(67367),h=r(57966),m=r(70547),f=r(99438),v=r(62698),x=r(41918),g=r(36980),b=r(78583),y=r(24951),A=["children","className","color","component","disabled","disableFocusRipple","focusVisibleClassName","size","variant"],k=function(e){var t=e.color,r=e.variant,n=e.classes,o=e.size,a={root:["root",r,"size".concat((0,h.A)(o)),"inherit"===t?"colorInherit":t]},i=(0,u.A)(a,m.C,n);return(0,s.A)((0,s.A)({},n),i)},w=(0,v.Ay)(p.A,{name:"MuiFab",slot:"Root",shouldForwardProp:function(e){return(0,f.A)(e)||"classes"===e},overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.variant],t["size".concat((0,h.A)(r.size))],"inherit"===r.color&&t.colorInherit,t[(0,h.A)(r.size)],t[r.color]]}})((0,x.A)(function(e){var t,r,n,o=e.theme;return(0,s.A)((0,s.A)({},o.typography.button),{},(n={minHeight:36,transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(o.vars||o).zIndex.fab,boxShadow:(o.vars||o).shadows[6],"&:active":{boxShadow:(o.vars||o).shadows[12]},color:o.vars?o.vars.palette.text.primary:null===(t=(r=o.palette).getContrastText)||void 0===t?void 0:t.call(r,o.palette.grey[300]),backgroundColor:(o.vars||o).palette.grey[300],"&:hover":{backgroundColor:(o.vars||o).palette.grey.A100,"@media (hover: none)":{backgroundColor:(o.vars||o).palette.grey[300]},textDecoration:"none"}},(0,i.A)(n,"&.".concat(m.A.focusVisible),{boxShadow:(o.vars||o).shadows[6]}),(0,i.A)(n,"variants",[{props:{size:"small"},style:{width:40,height:40}},{props:{size:"medium"},style:{width:48,height:48}},{props:{variant:"extended"},style:{borderRadius:24,padding:"0 16px",width:"auto",minHeight:"auto",minWidth:48,height:48}},{props:{variant:"extended",size:"small"},style:{width:"auto",padding:"0 8px",borderRadius:17,minWidth:34,height:34}},{props:{variant:"extended",size:"medium"},style:{width:"auto",padding:"0 16px",borderRadius:20,minWidth:40,height:40}},{props:{color:"inherit"},style:{color:"inherit"}}]),n))}),(0,x.A)(function(e){var t=e.theme;return{variants:(0,a.A)(c(t.palette).filter((0,g.A)(["dark","contrastText"])).map(function(e){var r=(0,o.A)(e,1)[0];return{props:{color:r},style:{color:(t.vars||t).palette[r].contrastText,backgroundColor:(t.vars||t).palette[r].main,"&:hover":{backgroundColor:(t.vars||t).palette[r].dark,"@media (hover: none)":{backgroundColor:(t.vars||t).palette[r].main}}}}}))}}),(0,x.A)(function(e){var t=e.theme;return(0,i.A)({},"&.".concat(m.A.disabled),{color:(t.vars||t).palette.action.disabled,boxShadow:(t.vars||t).shadows[0],backgroundColor:(t.vars||t).palette.action.disabledBackground})}));let j=l.forwardRef(function(e,t){var r=(0,b.b)({props:e,name:"MuiFab"}),o=r.children,a=r.className,i=r.color,c=r.component,l=void 0===c?"button":c,u=r.disabled,p=void 0!==u&&u,h=r.disableFocusRipple,m=void 0!==h&&h,f=r.focusVisibleClassName,v=r.size,x=r.variant,g=(0,n.A)(r,A),j=(0,s.A)((0,s.A)({},r),{},{color:void 0===i?"default":i,component:l,disabled:p,disableFocusRipple:m,size:void 0===v?"large":v,variant:void 0===x?"circular":x}),S=k(j);return(0,y.jsx)(w,(0,s.A)((0,s.A)({className:(0,d.A)(S.root,a),component:l,disabled:p,focusRipple:!m,focusVisibleClassName:(0,d.A)(S.focusVisible,f),ownerState:j,ref:t},g),{},{classes:S,children:o}))})},6452:(e,t,r)=>{var n=r(81706),o=/^\s+/;e.exports=function(e){return e?e.slice(0,n(e)+1).replace(o,""):e}},21607:(e,t,r)=>{"use strict";r.d(t,{A:()=>u});var n=r(74095),o=r(47001),a=r(93328),i=r(84093),s=r(31111),c=["getTrigger","target"];function l(e,t){var r=t.disableHysteresis,n=t.threshold,o=t.target,a=e.current;return o&&(e.current=void 0!==o.pageYOffset?o.pageYOffset:o.scrollTop),(!!(void 0!==r&&r)||void 0===a||!(e.current<a))&&e.current>(void 0===n?100:n)}var d=window;function u(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.getTrigger,r=void 0===t?l:t,u=e.target,p=void 0===u?d:u,h=(0,a.A)(e,c),m=s.useRef(),f=s.useState(function(){return r(m,h)}),v=(0,o.A)(f,2),x=v[0],g=v[1];return s.useEffect(function(){if(null===p)return g(!1);var e=function(){g(r(m,(0,n.A)({target:p},h)))};return e(),p.addEventListener("scroll",e,{passive:!0}),function(){p.removeEventListener("scroll",e,{passive:!0})}},[p,r,i(h)]),x}},44328:(e,t,r)=>{var n=r(6452),o=r(99759),a=r(97768),i=0/0,s=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,l=/^0o[0-7]+$/i,d=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(a(e))return i;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=n(e);var r=c.test(e);return r||l.test(e)?d(e.slice(2),r?2:8):s.test(e)?i:+e}},44435:(e,t,r)=>{"use strict";r.d(t,{A:()=>eW});var n=r(74095),o=r(92093),a=r(31111),i=r(33579),s=r(62698),c=r(80375),l=r(49640),d=r(19134),u=r(4289),p=r(50102),h=r(24951),m=(0,s.Ay)(p.A)(function(e){var t=e.theme;return(0,o.A)({paddingTop:"calc(var(--MuiDocs-header-height) + ".concat(t.spacing(4),")"),fontFamily:"Arial",maxWidth:"105ch"},t.breakpoints.up("lg"),{paddingLeft:t.spacing(8),paddingRight:t.spacing(8)})}),f=r(47001),v=r(84093),x=r.n(v),g=r(82008),b=r.n(g),y=r(89199),A=r(14501),k=r(86841),w=r(10971),j=r(31563),S=r(37596),C=r(31057);function T(){return(0,h.jsxs)(w.N,{href:"https://war.ukraine.ua/support-ukraine/",target:"_blank",sx:[function(e){return{mt:2,mx:.5,mb:2,p:1,pl:"10px",display:"flex",alignItems:"center",gap:"10px",border:"1px solid",borderColor:(e.vars||e).palette.divider,borderRadius:1,transitionProperty:"all",transitionTiming:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms","&:hover, &:focus-visible":{backgroundColor:(e.vars||e).palette.primary[50],borderColor:(e.vars||e).palette.primary[200]}}},function(e){return e.applyDarkStyles({backgroundColor:(0,y.X4)(e.palette.primary[900],.2),"&:hover, &:focus-visible":{backgroundColor:(0,y.X4)(e.palette.primary[900],.4),borderColor:(e.vars||e).palette.primary[900]}})}],children:[(0,h.jsxs)(C.A,{sx:{borderRadius:"3px",overflow:"auto",width:"fit-content",flexShrink:0},children:[(0,h.jsx)(C.A,{sx:{height:6,width:16,backgroundColor:"#0057B7"}}),(0,h.jsx)(C.A,{sx:{height:6,width:16,backgroundColor:"#FFD700"}})]}),(0,h.jsx)(A.A,{component:"span",variant:"caption",sx:{fontWeight:"medium",color:"text.secondary"},children:"MUI stands in solidarity with Ukraine."})]})}var z=r(67339),R=r(52109),M=r(31517),D=(0,s.Ay)("a")(function(e){var t=e.theme;return(0,n.A)({boxSizing:"border-box",width:"100%",height:45,display:"flex",alignItems:"center",justifyContent:"center",borderLeft:"1px solid",borderRight:"1px solid",borderBottom:0,borderColor:(t.vars||t).palette.divider,transition:t.transitions.create(["background-color"]),"&:first-of-type":{borderTop:"1px solid ".concat((t.vars||t).palette.divider),borderRadius:"12px 12px 0 0"},"&:hover":{backgroundColor:(t.vars||t).palette.grey[50]},"&:focus-visible":{outline:"3px solid ".concat((0,y.X4)(t.palette.primary[500],.5)),outlineOffset:"-3px"},"& img":{display:"inline-block"}},t.applyDarkStyles({"&:hover":{backgroundColor:(0,y.X4)(t.palette.primary[900],.1)}}))});function I(){var e=(0,j.WD)();return(0,h.jsxs)(R.A,{direction:"column",sx:{mt:2,mx:.5},children:[(0,h.jsx)(D,{"data-ga-event-category":"sponsor","data-ga-event-action":"docs-premium","data-ga-event-label":"octopus.com",href:"https://octopus.com/?utm_source=mui.com&utm_medium=referral",rel:"noopener sponsored",target:"_blank",children:(0,h.jsx)(C.A,{component:"img",src:"/static/sponsors/octopus-light.svg",alt:"octopus",title:"Repeatable, reliable deployments",loading:"lazy",sx:[{height:"25px",width:"116px"},function(e){return e.applyDarkStyles({content:"url(/static/sponsors/octopus-dark.svg)"})}]})}),(0,h.jsx)(M.A,{}),(0,h.jsx)(D,{"data-ga-event-category":"sponsor","data-ga-event-action":"docs-premium","data-ga-event-label":"doit.com",href:"https://www.doit.com/?utm_source=mui.com&utm_medium=referral",rel:"noopener sponsored",target:"_blank",children:(0,h.jsx)(C.A,{component:"img",src:"/static/sponsors/doit-light.svg",alt:"doit",title:"Management Platform for Google Cloud and AWS",loading:"lazy",sx:[{height:"29px",width:"70px"},function(e){return e.applyDarkStyles({content:"url(/static/sponsors/doit-dark.svg)"})}]})}),(0,h.jsx)(w.N,{href:"/material-ui/discover-more/backers/#diamond-sponsors",sx:function(e){return(0,n.A)({height:45,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",border:"1px dashed",borderColor:(e.vars||e).palette.grey[300],borderRadius:"0 0 12px 12px",backgroundColor:(0,y.X4)(e.palette.primary[50],.4),transition:e.transitions.create(["color","background-color"]),"&:hover":{backgroundColor:(e.vars||e).palette.primary[50],borderColor:(e.vars||e).palette.primary[200]},"&:focus-visible":{outlineOffset:"-3px"}},e.applyDarkStyles({backgroundColor:(0,y.X4)(e.palette.primaryDark[700],.3),borderColor:(0,y.X4)(e.palette.primaryDark[600],.5),"&:hover":{backgroundColor:(0,y.X4)(e.palette.primary[700],.1),borderColor:(0,y.X4)(e.palette.primary[600],.4)}}))},children:(0,h.jsx)(A.A,{variant:"caption",sx:{fontWeight:"medium"},children:e("becomeADiamondSponsor")})})]})}var L=(0,s.Ay)("nav")(function(e){var t=e.theme;return(0,o.A)({top:"var(--MuiDocs-header-height)",marginTop:"var(--MuiDocs-header-height)",paddingLeft:6,position:"sticky",height:"calc(100vh - var(--MuiDocs-header-height))",overflowY:"auto",paddingTop:t.spacing(4),paddingBottom:t.spacing(7),paddingRight:t.spacing(4),display:"none",scrollbarWidth:"thin"},t.breakpoints.up("md"),{display:"block"})}),W=(0,s.Ay)(A.A)(function(e){var t=e.theme;return{padding:t.spacing(1,0,1,1.4),fontSize:t.typography.pxToRem(11),fontWeight:t.typography.fontWeightSemiBold,textTransform:"uppercase",letterSpacing:".1rem",color:(t.vars||t).palette.text.tertiary}}),E=(0,s.Ay)(A.A)({padding:0,margin:0,listStyle:"none"}),_=(0,s.Ay)(w.N,{shouldForwardProp:function(e){return"active"!==e&&"level"!==e}})(function(e){var t=e.theme,r={borderLeftColor:(t.vars||t).palette.primary[200],color:(t.vars||t).palette.primary[600],"&:hover":{borderLeftColor:(t.vars||t).palette.primary[600],color:(t.vars||t).palette.primary[600]}},n={borderLeftColor:(t.vars||t).palette.primary[600],color:(t.vars||t).palette.primary[300],"&:hover":{borderLeftColor:(t.vars||t).palette.primary[400],color:(t.vars||t).palette.primary[400]}};return[{boxSizing:"border-box",padding:"6px 0 6px 12px",borderLeft:"1px solid transparent",display:"block",fontSize:t.typography.pxToRem(13),fontWeight:t.typography.fontWeightMedium,textOverflow:"ellipsis",overflow:"hidden","&:hover":{borderLeftColor:(t.vars||t).palette.grey[400],color:(t.vars||t).palette.grey[600]},variants:[{props:function(e){return!!e.active},style:[r,t.applyDarkStyles(n)]},{props:function(e){return!e.active},style:[{color:(t.vars||t).palette.text.primary},t.applyDarkStyles({color:(t.vars||t).palette.grey[500]})]},{props:function(e){return 2===e.level},style:{padding:"6px 0 6px ".concat(t.spacing(3))}},{props:function(e){return 3===e.level},style:{padding:"6px 0 6px ".concat(t.spacing(4.5))}}],"&:active":r},t.applyDarkStyles({"&:hover":{borderLeftColor:(t.vars||t).palette.grey[500],color:(t.vars||t).palette.grey[200]},"&:active":n})]}),P=function(){},F=z.A.enable_job_banner&&function(){var e=new Date().getTimezoneOffset();return!(e<=-330)&&!(e>=480)}();function N(e){var t,r,n=e.toc,o=(0,j.WD)(),i=a.useMemo(function(){var e;return e=[],n.forEach(function(t){e.push(t),t.children.length>0&&t.children.forEach(function(t){e.push(t)})}),e},[n]),s=a.useState(null),c=(0,f.A)(s,2),l=c[0],d=c[1],u=a.useRef(!1),p=a.useRef(null),m=a.useCallback(function(){if(!u.current){for(var e,t=i.length-1;t>=0;t-=1){if(document.documentElement.scrollTop<200){e={hash:null};break}var r=i[t],n=document.getElementById(r.hash);if(n&&n.offsetTop<document.documentElement.scrollTop+document.documentElement.clientHeight/8){e=r;break}}e&&l!==e.hash&&d(e.hash)}},[l,i]);t=i.length>0?m:null,r=a.useMemo(function(){return t?b()(t,166):P},[t,166]),a.useEffect(function(){if(r!==P)return window.addEventListener("scroll",r),function(){window.removeEventListener("scroll",r),r.cancel()}},[r]),a.useEffect(function(){return function(){clearTimeout(p.current)}},[]);var v=function(e,t){var r;return(0,h.jsx)(_,{display:"block",href:"#".concat(e.hash),underline:"none",onClick:(r=e.hash,function(e){!(0,S.O)(e)&&(u.current=!0,p.current=setTimeout(function(){u.current=!1},1e3),l!==r&&d(r))}),active:l===e.hash,level:t,children:(0,h.jsx)("span",{dangerouslySetInnerHTML:{__html:e.text}})})};return(0,h.jsxs)(L,{"aria-label":o("pageTOC"),children:[(0,h.jsx)(k.A,{children:F&&(0,h.jsxs)(w.N,{href:"https://jobs.ashbyhq.com/MUI?utm_source=2vOWXNv1PE",target:"_blank",sx:[function(e){return{mb:2,p:1,display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:(0,y.X4)(e.palette.grey[50],.4),border:"1px solid",borderColor:(e.vars||e).palette.grey[200],borderRadius:1,transitionProperty:"all",transitionTiming:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms","&:hover, &:focus-visible":{borderColor:(e.vars||e).palette.primary[200]}}},function(e){return e.applyDarkStyles({backgroundColor:(0,y.X4)(e.palette.primary[900],.2),borderColor:(e.vars||e).palette.primaryDark[700],"&:hover, &:focus-visible":{borderColor:(e.vars||e).palette.primaryDark[500]}})}],children:[(0,h.jsx)(A.A,{component:"span",variant:"button",sx:{fontWeight:"500",color:"text.primary"},children:"\uD83D\uDE80 Join the MUI team!"}),(0,h.jsx)(A.A,{component:"span",variant:"caption",sx:{fontWeight:"normal",color:"text.secondary",mt:.5},children:"We're looking for React Engineers and other amazing roles－come find out more!"})]})}),n.length>0?(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(W,{children:o("tableOfContents")}),(0,h.jsx)(E,{component:"ul",children:n.map(function(e){return(0,h.jsxs)("li",{children:[v(e,1),e.children.length>0?(0,h.jsx)(E,{as:"ul",children:e.children.map(function(e){var t;return(0,h.jsxs)("li",{children:[v(e,2),(null===(t=e.children)||void 0===t?void 0:t.length)>0?(0,h.jsx)(E,{as:"ul",children:e.children.map(function(e){return(0,h.jsx)("li",{children:v(e,3)},e.text)})}):null]},e.text)})}):null]},e.text)})})]}):null,(0,h.jsx)(I,{}),(0,h.jsx)(T,{})]})}var O=r(91961),B=r(55634),V=r(85229),H=r(55205),X=r(1669),U=r(71681),G=r(25693),Y=r(99619),K=r(71142),q=r(949),$=r(91919),J=r(28801),Q=r(59095);let Z=(0,Q.A)((0,h.jsx)("path",{d:"M13.12 2.06 7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01M3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2"}),"ThumbUpAltRounded"),ee=(0,Q.A)((0,h.jsx)("path",{d:"m10.88 21.94 5.53-5.54c.37-.37.58-.88.58-1.41V5c0-1.1-.9-2-2-2H6c-.8 0-1.52.48-1.83 1.21L.91 11.82C.06 13.8 1.51 16 3.66 16h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.59.58 1.53.58 2.11-.01M21 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2"}),"ThumbDownAltRounded"),et=(0,Q.A)((0,h.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"ChevronRight"),er=(0,Q.A)((0,h.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"ChevronLeft"),en=(0,Q.A)((0,h.jsx)("path",{d:"M21.5 4c-.83 0-1.5.67-1.5 1.5v5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-8c0-.83-.67-1.5-1.5-1.5S16 1.67 16 2.5v8c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-9c0-.83-.67-1.5-1.5-1.5S12 .67 12 1.5v8.99c0 .28-.22.5-.5.5s-.5-.22-.5-.5V4.5c0-.83-.67-1.5-1.5-1.5S8 3.67 8 4.5v11.41l-4.12-2.35c-.58-.33-1.3-.24-1.78.22-.6.58-.62 1.54-.03 2.13l6.78 6.89c.75.77 1.77 1.2 2.85 1.2H19c2.21 0 4-1.79 4-4V5.5c0-.83-.67-1.5-1.5-1.5"}),"PanToolRounded"),eo=(0,Q.A)((0,h.jsx)("path",{d:"M6 7c0 .55.45 1 1 1h7.59l-8.88 8.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L16 9.41V17c0 .55.45 1 1 1s1-.45 1-1V7c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1"}),"ArrowOutwardRounded");var ea=r(71206),ei=r(16615),es=r(67838),ec=r(13649),el=r(47538),ed=r(73426),eu=r(65269),ep=r(87266),eh={zh:"zh-CN",pt:"pt-BR",es:"es-ES"};function em(e){var t=e.sourceLocation,r=(0,j.WD)(),n=(0,j.VQ)();if(!t)return(0,h.jsx)("div",{});var o=eh[n]||n,a=t.substring(0,t.lastIndexOf("/"));return(0,h.jsx)(Y.A,{component:"a",size:"small",variant:"text",color:"secondary",startIcon:(0,h.jsx)(eu.A,{sx:{mr:.5}}),href:"en"===n?"".concat("https://github.com/mui/toolpad","/edit/").concat("master").concat(t):"".concat("https://crowdin.com/project/material-ui-docs/").concat(o,"#/").concat(ep.env.SOURCE_CODE_ROOT_URL.replace("https://github.com/mui/","").replace("/blob/","%20%2F%20")).concat(a),target:"_blank",rel:"noopener nofollow","data-ga-event-category":"en"===n?void 0:"l10n","data-ga-event-action":"en"===n?void 0:"edit-button","data-ga-event-label":"en"===n?void 0:n,children:r("editPage")})}var ef=r(66416),ev=(0,s.Ay)(w.N)(function(e){var t=e.theme;return(0,n.A)({display:"flex",alignItems:"center",gap:2,fontFamily:t.typography.fontFamily,fontSize:t.typography.pxToRem(13),fontWeight:t.typography.fontWeightMedium,color:(t.vars||t).palette.primary[600],"& > svg":{fontSize:"13px",transition:"0.2s"},"&:hover > svg":{transform:"translateX(2px)"}},t.applyDarkStyles({color:(t.vars||t).palette.primary[300]}))});function ex(){return(ex=(0,V.A)((0,O.A)().mark(function e(t){var r;return(0,O.A)().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=1,e.next=4,fetch("".concat("https://hgvi836wi8.execute-api.us-east-1.amazonaws.com","/").concat("prod","/feedback"),{method:"POST",referrerPolicy:"origin",headers:{"Content-Type":"application/json"},body:x()(t)});case 4:return r=e.sent,e.abrupt("return",r.json());case 8:return e.prev=8,e.t0=e.catch(1),console.error(e.t0),e.abrupt("return",null);case 12:case"end":return e.stop()}},e,null,[[1,8]])}))).apply(this,arguments)}function eg(){return(eg=(0,V.A)((0,O.A)().mark(function e(t){var r,n,o,a,i,s;return(0,O.A)().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=t.rating,n=t.comment,o=t.commentedSection,a=t.productId,i={callback_id:"send_feedback",rating:r,comment:n,currentLocationURL:window.location.href,commmentSectionURL:"".concat(window.location.origin).concat(window.location.pathname,"#").concat(o.hash),commmentSectionTitle:o.text,githubRepo:"https://github.com/mui/toolpad",productId:a},!(!n||n.length<10)){e.next=4;break}return e.abrupt("return","ignored");case 4:return e.prev=4,e.next=7,fetch("".concat(window.location.origin,"/.netlify/functions/feedback-management/"),{method:"POST",headers:{"content-type":"application/x-www-form-urlencoded"},body:"payload=".concat(encodeURIComponent(x()(i)))});case 7:if((s=e.sent).ok){e.next=10;break}throw Error("HTTP ".concat(s.status,": ").concat(s.statusText));case 10:return e.abrupt("return","sent");case 13:return e.prev=13,e.t0=e.catch(4),console.error(e.t0),e.abrupt("return",null);case 17:case"end":return e.stop()}},e,null,[[4,13]])}))).apply(this,arguments)}function eb(){return(eb=(0,V.A)((0,O.A)().mark(function e(t){var r,n,o;return(0,O.A)().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r="mui.com"===location.hostname?"prod":"dev",n="".concat("https://hgvi836wi8.execute-api.us-east-1.amazonaws.com","/").concat(r,"/feedback/").concat(t),e.prev=2,e.next=5,fetch(n,{method:"GET",cache:"no-store",referrerPolicy:"origin"});case 5:return o=e.sent,e.abrupt("return",o.json());case 9:return e.prev=9,e.t0=e.catch(2),console.error(e.t0),e.abrupt("return",null);case 13:case"end":return e.stop()}},e,null,[[2,9]])}))).apply(this,arguments)}function ey(){return(ey=(0,V.A)((0,O.A)().mark(function e(t,r,o,a,i,s){var c,l,d;return(0,O.A)().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return c={id:(0,ef.Ri)("feedbackId"),page:t,rating:r,comment:o,version:"0.14.0",language:a},e.next=3,function(e){return eg.apply(this,arguments)}((0,n.A)((0,n.A)({},c),{},{productId:s,commentedSection:i}));case 3:if(l=e.sent,void 0===r){e.next=10;break}return e.next=7,function(e){return ex.apply(this,arguments)}(c);case 7:return(d=e.sent)&&(document.cookie="feedbackId=".concat(d.id,";path=/;max-age=31536000"),setTimeout((0,V.A)((0,O.A)().mark(function e(){var t;return(0,O.A)().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,function(e){return eb.apply(this,arguments)}(d.id);case 2:(t=e.sent)&&(document.cookie="feedback=".concat(x()(t),";path=/;max-age=31536000"));case 4:case"end":return e.stop()}},e)})))),e.abrupt("return",l&&d);case 10:return e.abrupt("return",l);case 11:case"end":return e.stop()}},e)}))).apply(this,arguments)}var eA={hash:"",text:""},ek=[{hash:"new-docs-api-feedback",text:"New API content design"}],ew="grey.500";function ej(e){var t,r,o,i,s,c,l=e.tableOfContents,d=void 0===l?[]:l,u=e.location,p=(0,H.A)(),m=(0,j.WD)(),v=(0,j.VQ)(),x=a.useContext(el.A),g=x.activePage,b=x.productId,y=a.useState(),k=(0,f.A)(y,2),S=k[0],C=k[1],T=a.useState(""),z=(0,f.A)(T,2),D=z[0],I=z[1],L=a.useState(!1),W=(0,f.A)(L,2),E=W[0],_=W[1],P=a.useState(!1),F=(0,f.A)(P,2),N=F[0],Q=F[1],eu=a.useRef(),ep=a.useState(!1),eh=(0,f.A)(ep,2),ex=eh[0],eg=eh[1],eb=a.useState(eA),ej=(0,f.A)(eb,2),eS=ej[0],eC=ej[1],eT=(i=(o=a.useContext(el.A)).activePage,-1===(c=(s=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return t.reduce(function(t,r){return r.children&&r.children.length>0?t=e(r.children,t):t.push(r),t},r).filter(function(e){return!1!==e.inSideNav&&e.pathname.startsWith("/")})}(o.pages)).indexOf(i))?{prevPage:null,nextPage:null}:{prevPage:null!==(t=s[c-1])&&void 0!==t?t:null,nextPage:null!==(r=s[c+1])&&void 0!==r?r:null}),ez=eT.nextPage,eR=eT.prevPage,eM=a.useMemo(function(){return d.flatMap(function(e){return[{hash:e.hash,text:e.text}].concat((0,B.A)(e.children.map(function(e){return{hash:e.hash,text:e.text}})))})},[d]),eD=a.useCallback(function(){null!==g&&C(function(e){var t;try{t=(t=(0,ef.Ri)("feedback"))&&JSON.parse(t)}catch(e){return}return t&&t[e]&&t[e].rating}(g.pathname))},[g]);function eI(){return(eI=(0,V.A)((0,O.A)().mark(function e(){return(0,O.A)().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return null===g&&Q(m("feedbackFailed")),e.next=3,function(e,t,r,n,o,a){return ey.apply(this,arguments)}(g.pathname,S,D,v,eS,b);case 3:e.sent?Q(m("feedbackSubmitted")):(eD(),Q(m("feedbackFailed"))),_(!0);case 6:case"end":return e.stop()}},e)}))).apply(this,arguments)}a.useEffect(function(){eD()},[eD]);var eL=function(e){return(0,V.A)((0,O.A)().mark(function t(){return(0,O.A)().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:e!==S&&(C(e),eg(!0)),eu.current&&eu.current.focus();case 2:case"end":return t.stop()}},t)}))};a.useEffect(function(){var e=function(e){var t=e.target.getAttribute("data-feedback-hash");if(t){var r=[].concat((0,B.A)(eM),ek).find(function(e){return e.hash===t})||eA;eg(!0),eC(r),eu.current&&eu.current.focus()}};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}},[eM]);var eW=null===g||!1===g.ordered;return(0,h.jsxs)(a.Fragment,{children:[(0,h.jsxs)(R.A,{component:"footer",direction:"column",sx:{my:4},children:[(0,h.jsxs)(R.A,{direction:{xs:"column",sm:"row"},spacing:{xs:3,sm:1},sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,h.jsx)(em,{sourceLocation:u}),(0,h.jsxs)(R.A,{direction:"row",spacing:.5,useFlexGap:!0,sx:{alignItems:"center"},children:[(0,h.jsx)(A.A,{id:"feedback-message",variant:"body2",sx:{color:"text.secondary"},children:m("feedbackMessage")}),(0,h.jsx)(q.A,{title:m("feedbackYes"),children:(0,h.jsx)(J.A,{onClick:eL(1),"aria-pressed":1===S,children:(0,h.jsx)(Z,{sx:{fontSize:15,color:1===S?"primary":"text.secondary"}})})}),(0,h.jsx)(q.A,{title:m("feedbackNo"),children:(0,h.jsx)(J.A,{onClick:eL(0),"aria-pressed":0===S,children:(0,h.jsx)(ee,{sx:{fontSize:15,color:0===S?"error":"text.secondary"}})})})]})]}),(0,h.jsx)("div",{children:(0,h.jsxs)(G.A,{in:ex,unmountOnExit:!0,onEntered:function(){eu.current.focus()},timeout:{enter:0,exit:p.transitions.duration.standard},children:[(0,h.jsx)(M.A,{sx:{my:2,borderStyle:"dashed"}}),(0,h.jsx)("form",{"aria-labelledby":"feedback-message",onReset:function(){eg(!1),eD(),eC(eA)},onSubmit:function(e){e.preventDefault(),eg(!1),function(){eI.apply(this,arguments)}()},onKeyDown:function(e){var t=(e.metaKey||e.ctrlKey)&&!e.shiftKey;"Enter"===e.key&&t&&e.currentTarget.querySelector('[type="submit"]').click()},children:(0,h.jsxs)("div",{children:[eS.text?(0,h.jsx)(A.A,{variant:"body2",id:"feedback-description",dangerouslySetInnerHTML:{__html:m("feedbackSectionSpecific").replace("{{sectionName}}",'"'.concat(eS.text,'"'))},sx:{color:"text.secondary"}}):(0,h.jsx)(A.A,{id:"feedback-description",sx:{color:"text.secondary"},children:1===S?m("feedbackMessageUp"):m("feedbackMessageDown")}),(0,h.jsx)(U.A,{multiline:!0,margin:"dense",name:"comment",fullWidth:!0,rows:2,value:D,onChange:function(e){I(e.target.value)},inputProps:{"aria-label":m("feedbackCommentLabel"),"aria-describedby":"feedback-description",ref:eu}}),1!==S&&(0,h.jsx)(K.A,{severity:"warning",color:"warning",icon:(0,h.jsx)(en,{fontSize:"small"}),sx:{my:1.5},children:(0,h.jsxs)(A.A,{id:"feedback-description",children:[m("feedbackMessageToGitHub.usecases")," ",(0,h.jsx)(w.N,{href:"".concat("https://github.com/mui/toolpad","/issues/new?template=").concat("4.docs-feedback.yml","&page-url=").concat(window.location.href),target:"_blank",underline:"always",sx:{fontWeight:"semiBold"},children:m("feedbackMessageToGitHub.callToAction.link")})," ",m("feedbackMessageToGitHub.reasonWhy")]})}),(0,h.jsxs)(X.A,{children:[(0,h.jsx)(Y.A,{type:"reset",size:"small",children:m("cancel")}),(0,h.jsx)(Y.A,{type:"submit",variant:"contained",size:"small",children:m("submit")})]})]})})]})}),(0,h.jsx)(M.A,{sx:{my:2}}),eW?null:(0,h.jsxs)(R.A,{direction:"row",sx:{justifyContent:"space-between"},children:[null!==eR?(0,h.jsx)(Y.A,(0,n.A)((0,n.A)({size:"small",variant:"text",component:w.N,noLinkStyle:!0,prefetch:!1,href:eR.pathname},eR.linkProps),{},{startIcon:(0,h.jsx)(er,{}),children:(0,ef.tT)(eR,m)})):(0,h.jsx)("div",{}),null!==ez?(0,h.jsx)(Y.A,(0,n.A)((0,n.A)({size:"small",component:w.N,noLinkStyle:!0,prefetch:!1,href:ez.pathname},ez.linkProps),{},{endIcon:(0,h.jsx)(et,{}),children:(0,ef.tT)(ez,m)})):null]}),(0,h.jsx)(M.A,{sx:{my:2}}),(0,h.jsxs)(R.A,{direction:{xs:"column",sm:"row"},spacing:{xs:3,sm:1},sx:{alignItems:"center"},children:[(0,h.jsxs)(R.A,{direction:"row",spacing:1,useFlexGap:!0,sx:{alignItems:"center",flexGrow:1},children:[(0,h.jsx)(w.N,{href:"https://mui.com/","aria-label":"Go to homepage",children:(0,h.jsx)(ed.A,{height:28,width:64})}),(0,h.jsx)(A.A,{sx:{color:"grey.500",fontSize:13,opacity:"70%"},children:"•"}),(0,h.jsxs)(ev,{href:"https://mui.com/blog/",target:"_blank",rel:"noopener",children:["Blog ",(0,h.jsx)(eo,{})]}),(0,h.jsx)(A.A,{sx:{color:"grey.500",fontSize:13,opacity:"70%"},children:"•"}),(0,h.jsxs)(ev,{href:"https://mui.com/store/",target:"_blank",rel:"noopener",children:["Store ",(0,h.jsx)(eo,{})]})]}),(0,h.jsxs)(R.A,{spacing:1,direction:"row",useFlexGap:!0,children:[(0,h.jsx)(J.A,{target:"_blank",rel:"noopener",href:"https://x.com/MUI_hq","aria-label":"X/twitter",title:"X",size:"small",children:(0,h.jsx)(ea.A,{fontSize:"small",sx:{color:ew}})}),(0,h.jsx)(J.A,{target:"_blank",rel:"noopener",href:"https://mui.com/r/discord/","aria-label":"Discord",title:"Discord",size:"small",children:(0,h.jsx)(ec.A,{fontSize:"small",sx:{color:ew}})}),(0,h.jsx)(J.A,{target:"_blank",rel:"noopener",href:"https://www.youtube.com/@MUI_hq","aria-label":"YouTube",title:"YouTube",size:"small",children:(0,h.jsx)(ei.A,{fontSize:"small",sx:{color:ew}})}),(0,h.jsx)(J.A,{target:"_blank",rel:"noopener",href:"https://mui.com/feed/blog/rss.xml","aria-label":"RSS Feed",title:"RSS Feed",size:"small",children:(0,h.jsx)(es.A,{fontSize:"small",sx:{color:ew}})})]})]})]}),(0,h.jsx)($.A,{open:E,autoHideDuration:3e3,onClose:function(){_(!1)},message:N})]})}var eS=r(21607),eC=r(4693);let eT=(0,Q.A)((0,h.jsx)("path",{d:"M8.12 14.71 12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0"}),"KeyboardArrowUpRounded");var ez=r(74675);function eR(){var e=(0,j.WD)(),t=a.useState(!1),r=(0,f.A)(t,2),o=r[0],i=r[1],s=(0,eS.A)({disableHysteresis:!0,threshold:200});return(0,h.jsx)(ez.A,{in:s,children:(0,h.jsx)(q.A,{title:"Scroll to top",placement:"left",open:o,onClose:function(){i(!1)},onOpen:function(){i(!0)},children:(0,h.jsx)(C.A,{className:"mui-fixed",sx:{position:"fixed",bottom:24,right:24,zIndex:10},children:(0,h.jsx)(eC.A,{size:"small","aria-label":e("backToTop"),onClick:function(){var e=window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth";window.scrollTo({top:0,behavior:e}),i(!1)},"data-ga-event-category":"docs","data-ga-event-action":"click-back-to-top",sx:function(e){return(0,n.A)({backgroundColor:(e.vars||e).palette.primary[50],border:"1px solid ".concat((e.vars||e).palette.primary[200]),boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1)","&:hover":{backgroundColor:(e.vars||e).palette.primary[200]}},e.applyDarkStyles({backgroundColor:(e.vars||e).palette.primary[900],borderColor:(e.vars||e).palette.primary[700],boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.8)","&:hover":{backgroundColor:(e.vars||e).palette.primary[800]}}))},children:(0,h.jsx)(eT,{sx:function(e){return(0,n.A)({color:(e.vars||e).palette.primary[800]},e.applyDarkStyles({color:(e.vars||e).palette.primary[200]}))}})})})})})}var eM=r(35873),eD=r(23450),eI=(0,s.Ay)("main",{shouldForwardProp:function(e){return"disableToc"!==e}})(function(e){var t=e.theme;return{minHeight:"100vh",display:"grid",width:"100%","& .markdown-body .comment-link":{display:"flex"},variants:[{props:function(e){return e.disableToc},style:(0,o.A)({},t.breakpoints.up("md"),{marginRight:121})},{props:function(e){return!e.disableToc},style:(0,o.A)({},t.breakpoints.up("md"),{gridTemplateColumns:"1fr ".concat(242,"px")})}]}}),eL=(0,s.Ay)(function(e){return(0,h.jsx)(m,(0,n.A)({id:"main-content",maxWidth:!1},e))},{shouldForwardProp:function(e){return"disableAd"!==e&&"hasTabs"!==e&&"disableToc"!==e}})(function(e){var t,r=e.theme;return t={position:"relative",minWidth:0},(0,o.A)(t,r.breakpoints.up("lg"),{paddingLeft:"60px",paddingRight:"60px"}),(0,o.A)(t,"variants",[{props:function(e){return e.disableToc},style:{maxWidth:"calc(105ch + ".concat(121,"px)")}},{props:function(e){return!e.disableToc},style:{fontFamily:"Arial",maxWidth:"105ch"}},{props:function(e){var t=e.disableAd,r=e.hasTabs;return!t&&r},style:{"&& .component-tabs .MuiTabs-root":(0,o.A)({marginBottom:"calc(".concat(r.spacing(l.fS)," + ").concat(l.bV,"px + 40px)")},r.breakpoints.up("sm"),{marginBottom:"calc(".concat(r.spacing(l.fS)," + ").concat(l.wW,"px + 40px)")}),"&& .component-tabs.ad .MuiTabs-root":{marginBottom:0}}},{props:function(e){var t=e.disableAd,r=e.hasTabs;return!t&&!r},style:{"&& .description":(0,o.A)({marginBottom:r.spacing(l.RF),paddingBottom:"calc(".concat(r.spacing(l.fS)," + ").concat(l.bV,"px)")},r.breakpoints.up("sm"),{paddingBottom:"calc(".concat(r.spacing(l.fS)," + ").concat(l.wW,"px)")}),"&& .description.ad":{paddingBottom:0,marginBottom:0}}}]),t});function eW(e){var t,r,o=(0,i.useRouter)(),s=e.BannerComponent,p=e.cardOptions,m=e.children,f=e.description,v=e.disableAd,x=e.disableLayout,g=void 0!==x&&x,b=e.disableToc,y=void 0!==b&&b,A=e.hasTabs,k=void 0!==A&&A,w=e.location,j=e.title,S=e.toc;if(void 0===f)throw Error("Missing description in the page");var C=(0,eD.convertProductIdToName)((0,eM.A)(o.asPath));C||console.error("productName mapping missing for",o.asPath);var T=g?a.Fragment:u.Ay,z="/edge-functions/og-image?product=".concat(C,"&title=").concat(null!==(t=null==p?void 0:p.title)&&void 0!==t?t:j,"&description=").concat(null!==(r=null==p?void 0:p.description)&&void 0!==r?r:f);return(0,h.jsxs)(T,(0,n.A)((0,n.A)({},g?{}:{BannerComponent:s}),{},{children:[(0,h.jsx)(c.A,{styles:{":root":{"--MuiDocs-navDrawer-width":"300px"}}}),(0,h.jsxs)(l.X2,(0,n.A)((0,n.A)({},k&&{classSelector:".component-tabs"}),{},{children:[(0,h.jsx)(d.A,{title:"".concat(j).concat(C?" - ".concat(C):""),description:f,card:z}),(0,h.jsxs)(eI,{disableToc:y,children:[(0,h.jsxs)(eL,{disableAd:void 0!==v&&v,hasTabs:k,disableToc:y,children:[m,(0,h.jsx)(ej,{tableOfContents:S,location:w})]}),y?null:(0,h.jsx)(N,{toc:S}),(0,h.jsx)(eR,{})]})]}))]}))}},60980:(e,t,r)=>{var n=r(71605);e.exports=function(){return n.Date.now()}},70547:(e,t,r)=>{"use strict";r.d(t,{A:()=>i,C:()=>a});var n=r(87224),o=r(16700);function a(e){return(0,o.Ay)("MuiFab",e)}let i=(0,n.A)("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"])},71855:(e,t,r)=>{var n=r(99759),o=r(60980),a=r(44328),i=Math.max,s=Math.min;e.exports=function(e,t,r){var c,l,d,u,p,h,m=0,f=!1,v=!1,x=!0;if("function"!=typeof e)throw TypeError("Expected a function");function g(t){var r=c,n=l;return c=l=void 0,m=t,u=e.apply(n,r)}function b(e){var r=e-h,n=e-m;return void 0===h||r>=t||r<0||v&&n>=d}function y(){var e,r,n,a=o();if(b(a))return A(a);p=setTimeout(y,(e=a-h,r=a-m,n=t-e,v?s(n,d-r):n))}function A(e){return(p=void 0,x&&c)?g(e):(c=l=void 0,u)}function k(){var e,r=o(),n=b(r);if(c=arguments,l=this,h=r,n){if(void 0===p)return m=e=h,p=setTimeout(y,t),f?g(e):u;if(v)return clearTimeout(p),p=setTimeout(y,t),g(h)}return void 0===p&&(p=setTimeout(y,t)),u}return t=a(t)||0,n(r)&&(f=!!r.leading,d=(v="maxWait"in r)?i(a(r.maxWait)||0,t):d,x="trailing"in r?!!r.trailing:x),k.cancel=function(){void 0!==p&&clearTimeout(p),m=0,c=h=l=p=void 0},k.flush=function(){return void 0===p?u:A(o())},k}},81706:e=>{var t=/\s/;e.exports=function(e){for(var r=e.length;r--&&t.test(e.charAt(r)););return r}},82008:(e,t,r)=>{var n=r(71855),o=r(99759);e.exports=function(e,t,r){var a=!0,i=!0;if("function"!=typeof e)throw TypeError("Expected a function");return o(r)&&(a="leading"in r?!!r.leading:a,i="trailing"in r?!!r.trailing:i),n(e,t,{leading:a,maxWait:t,trailing:i})}},99759:e=>{e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}}}]);