https://www.elgato.com/_next/static/chunks/3220.0fe251e993b099ff.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3220],{70592:function(e,l,n){"use strict";n.d(l,{E7:function(){return S},ZP:function(){return N}});var i=n(85893),r=n(30719),s=n(67294),t=n(88116),a=n(91896),o=n(28767),d=n(4430),c=n(93967),u=n.n(c),v=n(5152),m=n.n(v),h=n(54267),p=n.n(h);let b="Images",f={active:b,controls:[]};var g=e=>{let{dimensions:l,galleryControlsStatus:n,updateGalleryControlsStatus:r}=e,s=e=>{if(e.active||!e.enabled)return;let l={...n},i=l.controls.findIndex(l=>l.label===e.label);l.controls.forEach((e,l)=>{e.enabled&&(e.active=i==l)}),l.active=e.label,r(l)};return(0,i.jsx)("div",{className:u()(p()["gallery-controls"],"gallery-controls"),children:n.controls.map(e=>{var n,r;return(0,i.jsxs)("button",{onClick:()=>s(e),className:u()(e.class,{active:e.active,enabled:e.enabled}),children:[(0,i.jsx)("img",{alt:e.label,src:e.icon,width:null!==(n=null==l?void 0:l.width)&&void 0!==n?n:22,height:null!==(r=null==l?void 0:l.height)&&void 0!==r?r:22}),(0,i.jsx)("span",{children:e.label})]},e.label)})})},x=n(50828),y=n.n(x),w=n(11370),_=n(72705);let j=m()(()=>n.e(8095).then(n.bind(n,8095)).then(e=>e.VideoPlayer),{loadableGenerated:{webpack:()=>[8095]}}),S="auto";var N=e=>{let{mediaGalleryEntries:l,closeFullscreen:n,initialSlideIndex:c,allowTouchMove:v,pageTheme:m}

1=e,[h,p]=(0,s.useState)(),[x,S]=(0,s.useState)(),[N,k]=(0,s.useState)(c),T=(0,s.useRef)(null),E=(0,s.useRef)(null),C=(0,s.useRef)(null),[G,I]=(0,s.useState)(),[P,D]=(0,s.useState)("neo"===m?"auto":5),[F,z]=(0,s.useState)(96),V=(0,s.useRef)(null),Z=(0,s.useRef)(null),[L,M]=(0,s.useState)(f),[R,B]=(0,s.useState)(0),q=(0,s.useCallback)(()=>{if(!V.current||"neo"===m)return;let e=V.current.clientHeight-90,l=Math.round((e-88)/5),n=5;l<=40&&(n=4,l=Math.round((e-66)/4)),z(l=Math.max(Math.min(l,96),40)),D(n)},[m]);(0,s.useEffect)(()=>{let e=V.current;if(!e||"neo"===m)return;let l=new ResizeObserver(()=>{q()});return l.observe(e),q(),()=>{l.disconnect()}},[q,m]);let A=(e,l)=>{var n;setTimeout(()=>{var l;return null===(l=e.thumbs)||void 0===l?void 0:l.update(!1)},l),S(!0),null===(n=C.current)||void 0===n||n.resetTransform(),B(e.realIndex)},O=(0,s.useCallback)(e=>{if(27===e.keyCode){if(x)n(N);else{var l;S(!0),null===(l=C.current)||void 0===l||l.resetTransform()}}},[x,n]),W=()=>{var e;let l=N-0;null===(e=Z.current)||void 0===e||e.swiper.slideTo(l)},K=()=>{var e;let l=N+2;null===(e=Z.current)||void 0===e||e.swiper.slideTo(l)};return(0,s.useEffect)(()=>(document.addEventListener("keydown",O),()=>{document.removeEventListener("keydown",O)}),[O]),(0,s.useEffect)(()=>{let e=document.querySelector(".fs-gallery-thumbnails .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active");null==e||e.focus()}),(0,s.useEffect)(()=>{let e=null==h?void 0:h.el;if(!e)return;let l=l=>{if("Tab"!==l.key)return;let n=Array.from(e.querySelectorAll('.swiper-slide[tabindex="0"]'));if(!n.length)return;let i=document.activeElement,r=n.findIndex(e=>e===i||i&&e.contains(i));if(l.shiftKey||r!==n.length-1){if(l.shiftKey&&(0===r||-1===r)){l.preventDefault();let e=n[n.length-1];null==e||e.focus()}}else{var s;l.preventDefault(),null===(s=n[0])||void 0===s||s.focus()}};return e.addEventListener("keydown",l,!0),()=>e.removeEventListener("keydown",l,!0)},[h]),(0,i.jsxs)("div",{className:u()(y().root,"fs-slider-gallery"),children:[(0,i.jsx)(g,{galleryControlsStatus:L,updateGalleryControlsStatus:e=>{var l;S(!0),null===(l=C.current)||void 0===l||l.resetTransform(),M(e)}}),(0,i.jsxs)("span",{onClick:()=>n(N),tabIndex:0,role:"button",onKeyDown:e=>{("Enter"===e.key||"  "===e.key)&&(e.preventDefault(),n(N))},className:u()("close-icon fullscreen-close-btn"),children:[(0,i.jsx)(d.Z,{}),"neo"==m&&(0,i.jsx)(d.Z,{})]}),(0,i.jsxs)("div",{className:u()("fs-gallery-container",{"show-fs-gallery":L.active===b}),children:[(0,i.jsx)("div",{className:"fs-gallery-thumbnails",children:(0,i.jsxs)("div",{ref:V,className:"neo"===m?"w-full":"h-full",style:"neo"===m?{}:{"--slide-size":"".concat(F,"px")},children:[l.length>3&&(0,i.jsxs)("span",{ref:T,className:"custom-swiper-button-prev",role:"button",onClick:()=>W(),children:[(0,i.jsx)(o.Z,{}),"neo"==m&&(0,i.jsx)(o.Z,{})]}),(0,i.jsx)("div",{className:u()("thumbnails-container",{"no-slider-controls":l.length<=3}),children:(0,i.jsx)(r.Swiper,{allowTouchMove:v,direction:"vertical",keyboard:!0,modules:[t.W_,t.o3],freeMode:{enabled:!0,momentum:!1,sticky:!0},threshold:1,resistance:!1,onSwiper:p,slidesPerView:P,spaceBetween:22,watchSlidesProgress:!0,children:null==l?void 0:l.map((e,n)=>{var s,t;return(0,i.jsxs)(r.SwiperSlide,{"aria-label":"image ".concat(n+1," of ").concat(null==l?void 0:l.length),onFocus:()=>{null==G||G.slideToLoop(n,100,!0)},tabIndex:0,children:[(0,i.jsxs)("div",{className:u()("cursor-pointer","swiper-slide-image-container",{"video-thumbnail":(null==e?void 0:e.__typename)==="ProductVideo"}),children:[(0,i.jsx)("span",{role:"button",children:(null==e?void 0:e.__typename)==="ProductVideo"?(0,i.jsx)(j,{url:"".concat(null===(s=e.video_content)||void 0===s?void 0:s.video_url),index:n,image:null==e?void 0:e.url,sliderIndex:N,isThumbnail:!0,videoDescription:null==e?void 0:e.videoDescription,pageTheme:m}):(0,i.jsx)(w.ZP,{alt:(0,_._)(e),layout:"fill",objectFit:"cover",priority:0===n,quality:"85",src:null!==(t=null==e?void 0:e.url)&&void 0!==t?t:""})}),(0,i.jsx)("div",{className:"swiper-slide-image-container-overlay"})]}),(0,i.jsx)("span",{className:"sr-only",children:"image ".concat(n+1," of ").concat(null==l?void 0:l.length)})]},"thumbnail-".concat(null==e?void 0:e.url))})})}),l.length>3&&(0,i.jsxs)("span",{ref:E,className:"custom-swiper-button-next",role:"button",onClick:()=>{K()},children:[(0,i.jsx)(a.Z,{}),"neo"==m&&(0,i.jsx)(a.Z,{})]})]})}),(0,i.jsxs)("div",{className:"fs-gallery-slider",children:[(0,i.jsx)(r.Swiper,{ref:Z,allowTouchMove:v,initialSlide:c,keyboard:!0,mousewheel:l.length>3&&{thresholdDelta:30,thresholdTime:680},modules:[t.Rv,t.N1,t.Gk,t.W_,t.o3],onActiveIndexChange:e=>{k(e.realIndex)},onSlideChange:e=>{A(e,100)},onSwiper:e=>{A(e,100),I(e)},spaceBetween:10,thumbs:{swiper:h},loop:!0,preventInteractionOnTransition:!0,children:null==l?void 0:l.map((e,l)=>{var n,s;return(0,i.jsx)(r.SwiperSlide,{children:(null==e?void 0:e.__typename)==="ProductVideo"?(0,i.jsx)(j,{url:"".concat(null===(n=e.video_content)||void 0===n?void 0:n.video_url),index:l,image:null==e?void 0:e.url,sliderIndex:N,videoDescription:null==e?void 0:e.videoDescription,pageTheme:m}):(0,i.jsx)(w.ZP,{alt:(0,_._)(e),layout:"fill",objectFit:"cover",priority:0===l,quality:"85",src:null!==(s=null==e?void 0:e.url)&&void 0!==s?s:""})},"gallery-".concat(null==e?void 0:e.url))})}),(0,i.jsx)("div",{className:"mobile-slider-bar",children:(0,i.jsx)("span",{style:{left:"".concat(100/l.length*R,"%"),width:"".concat(100/l.length,"%")}})})]})]}),"360˚"===L.active&&(0,i.jsx)("h1",{children:"360˚"})]})}},53220:function(e,l,n){"use strict";n.r(l),n.d(l,{default:function(){return j}});var i=n(85893),r=n(93967),s=n.n(r),t=n(79841),a=n(5152),o=n.n(a),d=n(67294),c=n(88116),u=n(70592),v=n(11370),m=n(99711),h=n(72705);let p=o()(()=>Promise.all([n.e(7663),n.e(6316)]).then(n.bind(n,26316)),{loadableGenerated:{webpack:()=>[26316]}}),b=o()(()=>n.e(8811).then(n.bind(n,38811)),{loadableGenerated:{webpack:()=>[38811]}});var f=d.memo(e=>{var l,n;let{image:r,width:t,height:a,index:o,zoom:d,showFullscreen:c,s:u,openFullscreen:f}=e,{isTouch:g}=(0,m.Fy)(),x=(e,l,n,r,t)=>{var a;return(0,i.jsx)(v.ZP,{className:s()(null==u?void 0:u.img),src:null!==(a=null==e?void 0:e.url)&&void 0!==a?a:"",alt:l,width:n,height:r,priority:0===t,onClick:()=>{c&&(null==f||f(t))}})};return d?(l=(0,h._)(r),g()?(0,i.jsx)(b,{children:x(r,l,t,a,o)}):(0,i.jsx)(p,{alt:l,src:null!==(n=null==r?void 0:r.url)&&void 0!==n?n:"",zoomSrc:(null==r?void 0:r.url)?"".concat(r.url,"?width=2000"):""})):x(r,(0,h._)(r),t,a,o)}),g=n(20400),x=n.n(g);let y=o()(()=>n.e(9129).then(n.bind(n,29129)),{loadableGenerated:{webpack:()=>[29129]}}),w=o()(()=>n.e(8095).then(n.bind(n,8095)).then(e=>e.VideoPlayer),{loadableGenerated:{webpack:()=>[8095]}}),_={main:{modules:[c.Rv,c.N1,c.Gk,c.W_,c.o3],spaceBetween:10,navigation:!0,pagination:{clickable:!0}},thumbs:{modules:[c.Rv,c.N1,c.Gk,c.W_,c.o3],spaceBetween:10,slidesPerView:8}};var j=e=>{let{mediaGalleryEntries:l,zoom:r,thumb:a=!1,sliderProps:o,setMobileBarPosition:c,pageTheme:v}=e,{t:m}=(0,t.$G)(["common"]),[h,p]=(0,d.useState)(!1),[b,g]=(0,d.useState)(0),[j,S]=(0,d.useState)(),[N,k]=(0,d.useState)(),[T,E]=(0,d.useState)(!0),C=(0,d.useRef)(null),[G,I]=(0,d.useState)(!1),[P,D]=(0,d.useState)(null),[F,z]=(0,d.useState)(null),V="neo"===v;if((0,d.useEffect)(()=>{let e=document.getElementsByTagName("html")[0];e.classList.remove("zoom-open"),h&&e.classList.add("zoom-open")},[h]),(0,d.useEffect)(()=>{Promise.resolve().then(n.bind(n,30719)).then(e=>{let{Swiper:l,SwiperSlide:n}=e;D(()=>l),z(()=>n)})},[]),(0,d.useEffect)(()=>{0!==b&&(null==N||N.slideToLoop(0,100,!0),g(0))},[l]),(0,d.useEffect)(()=>

1{if(!(null==N?void 0:N.el))return;let e=()=>{N.el.querySelectorAll(".swiper-slide-duplicate video").forEach(e=>{(!e.paused||e.readyState>0)&&(e.pause(),e.removeAttribute("src"),e.querySelectorAll("source").forEach(e=>{e.removeAttribute("src")}),e.load())})},l=new MutationObserver(e);return l.observe(N.el,{childList:!0,subtree:!0}),e(),N.on("slideChangeTransitionEnd",e),()=>{l.disconnect(),N.off("slideChangeTransitionEnd",e)}},[N]),!P||!F){var Z,L,M;return(0,i.jsx)("div",{className:s()("slider-gallery"),children:(0,i.jsx)("div",{className:"scroll-image-container",children:(0,i.jsx)("div",{className:s()("gallery-container",{invisible:h,"gallery-container-focus":G}),tabIndex:h?-1:0,ref:C,role:"region","aria-label":"carousel",onFocus:()=>{I(!0)},onBlur:()=>I(!1),children:(0,i.jsx)("div",{className:s()("gallery-slider",{invisible:h}),children:(0,i.jsx)("div",{className:"swiper swiper-initialized swiper-horizontal swiper-ios swiper-backface-hidden",children:(0,i.jsx)("div",{className:"swiper-wrapper",style:{transitionDuration:"0ms"},children:(0,i.jsx)("div",{className:"swiper-slide swiper-slide-active","data-swiper-slide-index":"0","aria-label":"image 1 of 5",children:(0,i.jsx)("div",{className:"swiper-slide-image-container zoom-disabled",children:h||(null===(Z=l[0])||void 0===Z?void 0:Z.__typename)!=="ProductVideo"?(0,i.jsx)(f,{image:l[0],width:1407,height:794,index:0,zoom:r,showFullscreen:!0,s:x(),openFullscreen:()=>!q&&A(0)}):(0,i.jsx)(w,{url:"".concat(null===(L=l[0].video_content)||void 0===L?void 0:L.video_url),index:0,image:null===(M=l[0])||void 0===M?void 0:M.url,isThumbnail:!1,sliderIndex:b,onClick:()=>V&&A(0),pageTheme:v})})})})})})})})})}let R=async e=>{await (null==N?void 0:N.slideTo(e+1)),p(!1)},{maxSlides:B,allowTouchMove:q}={...null==o?void 0:o.main},A=e=>{g(e),p(!0)},O=(e,l)=>{T?E(!1):(setTimeout(()=>{var l;return null===(l=e.thumbs)||void 0===l?void 0:l.update(!1)},l),c(e.realIndex))},W=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1050,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:992,a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],d=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,c=arguments.length>6?arguments[6]:void 0,u=arguments.length>7?arguments[7]:void 0;return null==e?void 0:e.map((m,p)=>{var y;let _=o&&d>0&&p===d-1&&e.length>d;if(!(d>0)||!(p>=d))return(0,i.jsx)("div",{className:"scroll-image-container",children:(0,i.jsxs)(F,{onClick:()=>!q&&_&&A(p),...o&&{onKeyPress:l=>{("Enter"===l.key||"Space"===l.code)&&(l.preventDefault(),_||p===e.length-1?A(0):(null==N||N.slideToLoop(p,100,!0),g(p)))},tag:"button"},"aria-label":"image ".concat(p+1," of ").concat(null==e?void 0:e.length),role:"group",className:s()({"swiper-slide-last-item":_||p===e.length-1}),children:[(0,i.jsxs)("div",{className:s()("swiper-slide-image-container",c,{"zoom-disabled":q,"video-thumbnail":(null==m?void 0:m.__typename)==="ProductVideo"}),"aria-hidden":"true",children:[h||(null==m?void 0:m.__typename)!=="ProductVideo"?(0,i.jsxs)(i.Fragment,{children:[_&&(0,i.jsx)("div",{className:x()["thumb-mask-more-items"],children:(0,i.jsx)("span",{children:"+".concat(e.length-d)})}),(0,i.jsx)(f,{image:m,width:n,height:t,index:p,zoom:r,showFullscreen:a,s:x(),openFullscreen:()=>!q&&A(p)})]}):(0,i.jsx)(w,{url:"".concat(null===(y=m.video_content)||void 0===y?void 0:y.video_url),index:p,image:null==m?void 0:m.url,isThumbnail:o,sliderIndex:b,onClick:()=>u&&A(p),videoDescription:null==m?void 0:m.videoDescription,pageTheme:v}),u&&(0,i.jsx)("div",{className:"swiper-slide-image-container-overlay"})]}),(0,i.jsx)("div",{className:s()("zoom-in-btn sr-only"),onClick:()=>A(p),"aria-expanded":h,role:"tooltip","aria-hidden":"true"}),(0,i.jsx)("span",{className:"sr-only",children:"image ".concat(p+1," of ").concat(null==l?void 0:l.length)})]},"slide-".concat(p))},"container-".concat(p))})};return(0,i.jsxs)("div",{className:s()("slider-gallery"),children:[(0,i.jsx)("div",{className:s()(x()["slider-gallery__fullscreen"],{[x()["slider-gallery__fullscreen--visible"]]:h}),children:h&&(0,i.jsx)(y,{closeFullscreen:e=>R(e),mediaGalleryEntries:l,initialSlideIndex:b,allowTouchMove:q,pageTheme:v})}),(0,i.jsxs)("div",{className:s()("gallery-container",{invisible:h,"gallery-container-focus":G}),tabIndex:h?-1:0,ref:C,role:"region","aria-label":"carousel",onFocus:()=>{I(!0)},onBlur:()=>

1I(!1),children:[a&&(0,i.jsx)("div",{className:"gallery-thumbnails",children:(0,i.jsx)("div",{className:"thumbnails-container",children:(0,i.jsx)(P,{onSwiper:e=>S(e),..._.thumbs,...null==o?void 0:o.thumbs,nested:!0,watchSlidesProgress:!0,freeMode:{enabled:!0,momentum:!1},threshold:1,resistance:!1,direction:"vertical",slidesPerView:u.E7,spaceBetween:22,children:W(l,106,106,!1,!0,B,"cursor-pointer",V)})})}),(0,i.jsx)("div",{className:s()("gallery-slider",{invisible:h}),children:(0,i.jsx)(P,{..._.main,...null==o?void 0:o.main,maxSlides:void 0,thumbs:{swiper:j},onSwiper:e=>{O(e,300),k(e),c(0),g(e.realIndex)},onSlideChange:e=>{O(e,100),g(e.realIndex)},spaceBetween:100,loop:!0,allowTouchMove:q,children:!!N&&W(l,1407,749,!0)},N?"Swiper1":"Swiper0")})]})]})}},72705:function(e,l,n){"use strict";n.d(l,{_:function(){return i}});let i=e=>{if(!e)return"placeholder";if(e.label)return e.label;if(e.url){let l=e.url.split("/").pop().replace(/_/g," "),n=l.lastIndexOf(".");return -1===n?l:l.substr(0,n)}return"placeholder"}},50828:function(e){e.exports={root:"FullscreenGallery_root__cZ7oP",thumbnails:"FullscreenGallery_thumbnails__O37ON",close:"FullscreenGallery_close__wU9Vp"}},54267:function(e){e.exports={"gallery-controls":"GalleryControls_gallery-controls__aGWEe"}},20400:function(e){e.exports={"scroll-image-container":"ScrollGallery_scroll-image-container__nulVC","zoom-in-btn":"ScrollGallery_zoom-in-btn__VNDcD","pdp-slider-main":"ScrollGallery_pdp-slider-main__RhGu6","thumb-mask-more-items":"ScrollGallery_thumb-mask-more-items__q8skW","slider-gallery__fullscreen":"ScrollGallery_slider-gallery__fullscreen__ZEvIm","slider-gallery__fullscreen--visible":"ScrollGallery_slider-gallery__fullscreen--visible__oLc29"}}}]);