1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3360],{3360:function(e,r,l){l.r(r),l.d(r,{default:function(){return GalleryItem_GalleryItem}});var t=l(85893),n=l(67294),s=l(25675),i=l.n(s),a=l(5152),o=l.n(a),c=l(63787),u=l(87357),GalleryItem_useCheckPlyrControls=()=>{let e=(0,n.useRef)(null),[r,l]=(0,n.useState)(1);return(0,n.useEffect)(()=>{let r=setTimeout(()=>{var r;if(!e.current)return;let t=null===(r=e.current)||void 0===r?void 0:r.querySelector(".plyr__controls");t||l(e=>e+1)},4e3);return()=>clearTimeout(r)},[]),{plyrVideoKey:r,videoWrapperRef:e}};let d=o()(()=>l.e(4496).then(l.bind(l,4496)),{loadableGenerated:{webpack:()=>[4496]}});var GalleryItem_GalleryItem=e=>{let{index:r,handleImageClick:l,slidesNotInView:s,image:a,videoUrl:o,variant:p}=e,h=(0,n.useMemo)(()=>s.includes(r),[r,s]),{videoWrapperRef:m,plyrVideoKey:g}=GalleryItem_useCheckPlyrControls(),b="vertical"===p?{xs:c.ZP.spacing(300),sm:c.ZP.spacing(500),lg:c.ZP.spacing(700)}:{xs:c.ZP.spacing(147),lg:c.ZP.spacing(426)};return(0,t.jsxs)(u.Z,{sx:{transition:"opacity 200ms ease",opacity:h?.2:1},children:[o&&(0,t.jsx)(u.Z,{ref:m,overflow:"hidden",borderRadius:c.ZP.borderRadius.card,height:{xs:c.ZP.spacing(178),lg:c.ZP.spacing(569)},children:(0,t.jsx)(d,{videoUrl:o},g)}),a&&(0,t.jsx)(u.Z,{borderRadius:c.ZP.borderRadius.card,position:"relative",overflow:"hidden",bgcolor:"common.black",height:b,children:(0,t.jsx)(u.Z,{component:"button",sx:{cursor:"pointer"},onClick:()=>l(r),children:(0,t.jsx)(i(),{style:{objectFit:"contain"},fill:!0,src:a.imageUrl,alt:a.imageAlt})})})]})}}}]);
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.