"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[18],{61:(e,t,n)=>{n.d(t,{a:()=>v});var i=n(0),s=n(2),a=n(38),r=n(39),o=n(139),l=n(140),d=n(5),c=n(25),u=n(92);const{sliderContainer:p,sliderItem:m}=a.a;function h(e){(new Image).src=e.src}function v({product:e,selectedVariant:t,pdpVideo:n,showModelInformation:v,isDesktop:w,embedded:b,includeDefaultImages:g}){const y=(0,s.useMemo)((()=>{var i,s;const a=(0,c.a)(e.imageMap,t,void 0,g),r=null==t?void 0:t.selectedOptions.Color;return n&&r&&(null===(i=e.productVideos)||void 0===i?void 0:i[r])?[...a.slice(0,w?2:1),{altText:r,src:null===(s=e.productVideos)||void 0===s?void 0:s[r]},...a.slice(w?2:1)]:a}),[t]),j=(0,u.a)(),x=(0,s.useRef)(null),[_,I]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{y.forEach(h),Object.values(e.imageMap).forEach((e=>{e.slice(0,2).forEach(h)}));const t=new o.a({mainClass:r.a.pswpOverride,gallery:"#hero-slider",children:"a",pswpModule:l.a,bgOpacity:.9,arrowKeys:!0,showHideAnimationType:"none"});return n&&t.on("contentLoad",(e=>{var t;const{content:n}=e;if(null===(t=n.data.src)||void 0===t?void 0:t.endsWith(".mp4")){e.preventDefault(),n.element=document.createElement("div"),n.element.className="pswp__video-container";const t=document.createElement("video");t.setAttribute("playsinline",""),t.setAttribute("muted",""),t.setAttribute("loop",""),t.setAttribute("style","width: 100vw;"),t.setAttribute("autoplay",""),t.src=n.data.src,n.element.appendChild(t)}})),t.init(),_?!w&&x.current&&(x.current.scrollLeft=0):I(!0),()=>{null==t||t.destroy()}}),[y,g]),(0,i.jsxs)("div",{class:["pswp-gallery",w?r.a.container:p,b?a.a.embeddedContainer:""].join(" "),ref:x,id:"hero-slider",children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:".pswp--touch .pswp__button--arrow { visibility: visible; };\n "+(n?" .pswp__video-container {\n position: relative;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n .pswp__video-container video {\n background: #444;\n object-fit: cover;\n width: 100%;\n height: 100%;\n max-width: 800px;\n pointer-events: auto;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }":"")}}),y.map((({src:e,model:t,width:n,height:s},o)=>(0,i.jsxs)("a",{class:[w?r.a.item:m,b?a.a.embeddedImage:""].join(" "),"data-pswp-type":(null==e?void 0:e.endsWith(".mp4"))?"video":"image",href:e,"data-pswp-width":n,"data-pswp-height":s,target:"_blank",rel:"noreferrer",children:[(null==e?void 0:e.endsWith(".mp4"))?(0,i.jsx)(f,{src:e,preload:"metadata",className:w?r.a.item:m}):(0,i.jsx)(d.a,{src:e,initialWidth:300,fullSizeWidth:j,width:n,height:s}),v&&t&&(0,i.jsx)("div",{class:a.a.modelOverlay,children:t})]},o)))]})}function f({src:e,className:t}){const n=(0,s.useRef)(null);return(0,s.useEffect)((()=>{var e;(null==n?void 0:n.current)&&(null===(e=null==n?void 0:n.current)||void 0===e||e.load())}),[e]),(0,i.jsx)("video",{playsInline:!0,ref:n,src:e,preload:"metadata",class:t,muted:!0,loop:!0,autoPlay:!0})}},92:(e,t,n)=>{n.d(t,{a:()=>a});var i=n(1),s=n(2);function a(){return(0,s.useMemo)((()=>{const e=(0,i.getAssignment)("maxFullSizeWidth");if(e)try{const t=parseInt(e);if(Number.isNaN(t))return;return t}catch(e){return}}),[])}}}]);