1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2016],{22016:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>y});var n=r(75275),i=r(42e3),a=r.n(i),s=r(22861),d=r.n(s),u=r(5307),c=r(40199),l=r(83702),o=r(60124),m=r(16106),h=r(78587),f=r.n(h);function y({module:e,renderItem:t}){let{body:{blocks:r,masonryGridSize:i}}=e,s=(0,u.useRef)(null),h=(0,u.useRef)(null),[g,w]=(0,u.useState)(i),{isMobile:_,isTablet:p,isDesktop:S}=(0,o.L)(),{i18n:v}=(0,m.B)(),E=v.dir();return(0,u.useEffect)(()=>{let e=()=>{_?window.innerWidth<l.qD.md?w(1):w(Math.min(i,2)):p?w(Math.min(i,3)):S&&w(i)};e();let t=a()(e,200);return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[i,_,p,S]),(0,u.useEffect)(()=>{if(s.current)return h.current=new(d())(s.current,{itemSelector:"[data-masonry-item]",columnWidth:"[data-masonry-sizer]",percentPosition:!0,gutter:c.SF,originLeft:"ltr"===E}),()=>{h.current?.destroy?.()}},[E]),(0,u.useEffect)(()=>{if(!s.current)return;let e=s.current.querySelectorAll("[data-masonry-item]");if(!e.length)return;let t=a()(()=>{h.current?.reloadItems?.(),h.current?.layout?.()},100),r=new ResizeObserver(t);return e.forEach(e=>r.observe(e)),()=>{r.disconnect(),t.cancel()}},[r,g]),(0,n.jsxs)("div",{ref:s,className:f().grid,style:{marginBottom:-c.SF},children:[(0,n.jsx)("div",{"data-masonry-sizer":!0,style:{width:`calc((100% - ${(g-1)*c.SF}px) / ${g})`}}),r.map((e,r)=>{let i,a,s;return(0,n.jsx)("div",{className:f().item,"data-masonry-item":!0,"data-height":e.imageHeight,style:{width:(i=Math.min(e.imageWidth,g),a=(g-1)*c.SF,s=(i-1)*c.SF,`calc((100% - ${a}px) * ${i} / ${g} + ${s}px)`),paddingBottom:c.SF},children:t(e,r)},r)})]})}},78587:e=>{e.exports={grid:"MasonryGrid_grid__dq_Ih",item:"MasonryGrid_item__6uSPV"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.