"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[27],{134:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});const i={sliderContainer:"Uq_vaulr",sliderItem:"C0m7EVOb",modelOverlay:"wiZ9m0Zl"}},135:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});const i={container:"uiIFALZT",item:"rkFfQnYn"}},132:(e,t,n)=>{const i=n(133);(0,n(2).createEntrypoint)("product_hero_gallery",i.HeroSliderContainer)},133:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.HeroSliderContainer=void 0;const i=n(0),s=n(1),o=n(54);t.HeroSliderContainer=function(e){const t=e.useSharedState(),{selectedVariant:n,product:a}=t((e=>({selectedVariant:e.selectedVariant,product:e.product})));return a&&n?(0,i.jsx)(o.HeroSlider,{product:a,selectedVariant:n,pdpVideo:e.pdpVideo,isDesktop:e.isDesktop,showModelInformation:e.showModelInformation}):(0,i.jsx)(s.Fragment,{})}},54:function(e,t,n){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HeroSlider=void 0;const s=n(0),o=(n(1),n(3)),a=i(n(134)),r=i(n(135)),l=i(n(136)),d=i(n(137));n(138);const c=n(4),u=n(8),p=n(3),{sliderContainer:m,sliderItem:f}=a.default;function h(e){(new Image).src=e.src}function v({src:e,className:t}){const n=(0,p.useRef)(null);return(0,o.useEffect)((()=>{var e;(null==n?void 0:n.current)&&(null===(e=null==n?void 0:n.current)||void 0===e||e.load())}),[e]),(0,s.jsx)("video",{playsInline:!0,ref:n,src:e,preload:"metadata",class:t,muted:!0,loop:!0,autoPlay:!0})}t.HeroSlider=function({product:e,selectedVariant:t,pdpVideo:n,showModelInformation:i,isDesktop:g}){var w;const b=(0,o.useMemo)((()=>{var i,s;const o=e.imageMap[(0,u.getImageMapKeyFromAlt)(null===(i=null==t?void 0:t.image)||void 0===i?void 0:i.altText)],a=null===(s=null==t?void 0:t.selectedOptions.find((e=>"Color"===e.name)))||void 0===s?void 0:s.value;return n&&a&&e.productVideos[a]?[...o.slice(0,g?2:1),{src:e.productVideos[a]},...o.slice(g?2:1)]:o}),[null===(w=null==t?void 0:t.image)||void 0===w?void 0:w.altText]),y=(0,p.useRef)(null),[_,j]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{b.forEach(h),Object.values(e.imageMap).forEach((e=>{e.slice(0,2).forEach(h)}));const t=new l.default({gallery:"#hero-slider",children:"a",pswpModule:d.default,bgOpacity:.9,arrowKeys:!0});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(),_?!g&&y.current&&(y.current.scrollLeft=0):j(!0),()=>{null==t||t.destroy()}}),[b]),(0,s.jsxs)("div",Object.assign({class:`pswp-gallery ${g?r.default.container:m}`,ref:y,id:"hero-slider"},{children:[(0,s.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    max-height: 600px;\n    pointer-events: auto;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }":"")}}),b.map((({src:e,model:t},n)=>(0,s.jsxs)("a",Object.assign({class:g?r.default.item:f,"data-pswp-type":(null==e?void 0:e.endsWith(".mp4"))?"video":"image",href:e,"data-pswp-width":1200,"data-pswp-height":1600,target:"_blank",rel:"noreferrer"},{children:[(null==e?void 0:e.endsWith(".mp4"))?(0,s.jsx)(v,{src:e,preload:"metadata",className:g?r.default.item:f}):(0,s.jsx)(c.LazyImage,{src:e,initialWidth:300,width:1200,height:1600}),i&&t&&(0,s.jsx)("div",Object.assign({class:a.default.modelOverlay},{children:t}))]}),n)))]}))}},4:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.LazyImage=void 0;const i=n(0),s=(n(1),n(7)),o=n(3);t.LazyImage=function({src:e,initialWidth:t,fullSizeWidth:n,cssClass:a,alt:r="",width:l,height:d}){const c=(0,s.getFastImage)(e,t),u=(0,s.getFastImage)(e,n),[p,m]=(0,o.useState)({}),f=(0,o.useMemo)((()=>p[u]?u:c),[e,t,n,p]);return(0,o.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=u,e.onload=()=>m(Object.assign(Object.assign({},p),{[u]:!0}))}}),[u]),l&&d?(0,i.jsx)("img",{src:f,class:a,alt:r,width:l,height:d}):(0,i.jsx)("img",{src:f,class:a,alt:r})}}},e=>{e.O(0,[1,2,3,4,40],(()=>(132,e(e.s=132)))),e.O()}]);