"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95084],{82295:function(e,t,r){r.r(t),r.d(t,{default:function(){return v},getMasonryUtilityClass:function(){return b},masonryClasses:function(){return N}});var n=r(63366),i=r(87462),a=r(94780),l=r(73935),o=r(89262),u=r(36522),s=r(95408),c=r(98700),d=r(4953),f=r(73546),m=r(33703),h=r(90512),p=r(67294),g=r(34867);function b(e){return(0,g.ZP)("MuiMasonry",e)}var N=(0,r(1588).Z)("MuiMasonry",["root"]),y=r(85893);let x=["children","className","component","columns","spacing","sequential","defaultColumns","defaultHeight","defaultSpacing"],w=e=>Number(e.replace("px","")),C={flexBasis:"100%",width:0,margin:0,padding:0},Z=e=>{let{classes:t}=e;return(0,a.Z)({root:["root"]},b,t)},k=(0,o.ZP)("div",{name:"MuiMasonry",slot:"Root",overridesResolver:(e,t)=>[t.root]})(({ownerState:e,theme:t})=>{let r={width:"100%",display:"flex",flexFlow:"column wrap",alignContent:"flex-start",boxSizing:"border-box","& > *":{boxSizing:"border-box"}},n={};if(e.isSSR){let a={},l=w(t.spacing(e.defaultSpacing));for(let t=1;t<=e.defaultColumns;t+=1)a[`&:nth-of-type(${e.defaultColumns}n+${t%e.defaultColumns})`]={order:t};return n.height=e.defaultHeight,n.margin=-(l/2),n["& > *"]=(0,i.Z)({},r["& > *"],a,{margin:l/2,width:`calc(${(100/e.defaultColumns).toFixed(2)}% - ${l}px)`}),(0,i.Z)({},r,n)}let a=(0,s.P$)({values:e.spacing,breakpoints:t.breakpoints.values}),l=(0,c.hB)(t);r=(0,d.Z)(r,(0,s.k9)({theme:t},a,t=>{let r;if(("string"!=typeof t||Number.isNaN(Number(t)))&&"number"!=typeof t)r=t;else{let e=Number(t);r=(0,c.NA)(l,e)}return(0,i.Z)({margin:`calc(0px - (${r} / 2))`,"& > *":{margin:`calc(${r} / 2)`}},e.maxColumnHeight&&{height:"number"==typeof r?Math.ceil(e.maxColumnHeight+w(r)):`calc(${e.maxColumnHeight}px + ${r})`})}));let o=(0,s.P$)({values:e.columns,breakpoints:t.breakpoints.values});return r=(0,d.Z)(r,(0,s.k9)({theme:t},o,e=>{let t=Number(e),r=`${(100/t).toFixed(2)}%`,n=("string"!=typeof a||Number.isNaN(Number(a)))&&"number"!=typeof a?"0px":(0,c.NA)(l,Number(a));return{"& > *":{width:`calc(${r} - ${n})`}}})),"object"==typeof a&&(r=(0,d.Z)(r,(0,s.k9)({theme:t},a,(e,t)=>{if(t){let r=Number(e),n=Object.keys(o).pop(),i=(0,c.NA)(l,r),a="object"==typeof o?o[t]||o[n]:o,u=`${(100/a).toFixed(2)}%`;return{"& > *":{width:`calc(${u} - ${i})`}}}return null}))),r});var v=p.forwardRef(function(e,t){let r=(0,u.i)({props:e,name:"MuiMasonry"}),{children:a,className:o,component:s="div",columns:c=4,spacing:d=1,sequential:g=!1,defaultColumns:b,defaultHeight:N,defaultSpacing:v}=r,M=(0,n.Z)(r,x),$=p.useRef(),[S,E]=p.useState(),R=!S&&N&&void 0!==b&&void 0!==v,[A,F]=p.useState(R?b-1:0),H=(0,i.Z)({},r,{spacing:d,columns:c,maxColumnHeight:S,defaultColumns:b,defaultHeight:N,defaultSpacing:v,isSSR:R}),j=Z(H),O=p.useCallback(e=>{if(!$.current||!e||0===e.length)return;let t=$.current,r=$.current.firstChild,n=t.clientWidth,i=r.clientWidth;if(0===n||0===i)return;let a=window.getComputedStyle(r),o=Math.round(n/(i+w(a.marginLeft)+w(a.marginRight))),u=Array(o).fill(0),s=!1,c=1;t.childNodes.forEach(e=>{if(e.nodeType!==Node.ELEMENT_NODE||"line-break"===e.dataset.class||s)return;let t=window.getComputedStyle(e),r=w(t.marginTop),n=w(t.marginBottom),i=w(t.height)?Math.ceil(w(t.height))+r+n:0;if(0===i){s=!0;return}for(let t=0;t<e.childNodes.length;t+=1){let r=e.childNodes[t];if("IMG"===r.tagName&&0===r.clientHeight){s=!0;break}}if(!s){if(g)u[c-1]+=i,e.style.order=c,(c+=1)>o&&(c=1);else{let t=u.indexOf(Math.min(...u));u[t]+=i,e.style.order=t+1}}}),s||l.flushSync(()=>{E(Math.max(...u)),F(o>0?o-1:0)})},[g]);(0,f.Z)(()=>{let e;if("undefined"==typeof ResizeObserver)return;let t=new ResizeObserver(()=>{e=requestAnimationFrame(O)});return $.current&&$.current.childNodes.forEach(e=>{t.observe(e)}),()=>{e&&window.cancelAnimationFrame(e),t&&t.disconnect()}},[c,d,a,O]);let _=(0,m.Z)(t,$),z=Array(A).fill("").map((e,t)=>(0,y.jsx)("span",{"data-class":"line-break",style:(0,i.Z)({},C,{order:t+1})},t));return(0,y.jsxs)(k,(0,i.Z)({as:s,className:(0,h.Z)(j.root,o),ref:_,ownerState:H},M,{children:[a,z]}))})}}]);