import{d as A,X as T,aa as L,o as a,b as s,F as V,r as w,n as E,g as I,w as B,e as x,h as k,b0 as K,dF as Q,ao as U,dG as ae,dH as oe,c as C,u as Z,ct as J,bf as te,v as S,j as n,t as se,f as re,ac as ce,a3 as ie,aj as ne,aU as de,S as ue,Y as _e,m as ge,p as pe,aX as me,a0 as ye,a1 as he}from"./entry.itUNenzB.js";import{_ as ve}from"./_...slug_.fgOv2_4d.js";import"./Breadcrumbs.vue.MSL_4IO5.js";import"./vue.f36acd1f.WUNgU494.js";import"./trackItemViewEvent.IsQEyRn3.js";import"./Dropdown.vue.Fjmsm_mX.js";import"./mapSizesForDropdown.vIPTBLE_.js";import"./useAddToCart.SHXL1ifv.js";import"./replaceLinksWithLocalePath.jund3H1q.js";import"./getHreflangAlternate.UJL0q9bd.js";import"./change-background-color.Bjo-4ilR.js";const be={class:"media-gallery"},fe=["onClick"],xe={key:1},ke=["srcset"],$e={key:2,class:"media-gallery__badges"},Ie=A({__name:"MediaGallery",props:{media:{},badges:{}},emits:["click"],setup(t,{emit:h}){const i=t;let g=!1;const p=h,d=T(i.media),y=()=>{var u;!g&&!(typeof process<"u"&&((u=process==null?void 0:process.env)!=null&&u.STORYBOOK))&&(g=!0,K("MediaGallery","/","ProductGallery"))},m=u=>p("click",u);return L(()=>i.media,u=>{d.value=u}),(u,z)=>{const b=Q,f=ve,$=U,M=ae;return a(),s("div",be,[(a(!0),s(V,null,w(d.value,(_,P)=>{var r,v;return a(),s("figure",{key:P,class:E(["media-gallery__item",{"media-gallery__item--image":_.image!=null,"media-gallery__item--video":_.video!=null}]),onClick:l=>m(_)},[_.video?(a(),I(f,{key:0},{default:B(()=>[x(b,{video:_.video,class:"media-gallery__media",onOnVideoPlayed:y},null,8,["video"])]),_:2},1024)):_.image?(a(),s("picture",xe,[(a(!0),s(V,null,w((r=_.image)==null?void 0:r.sources,l=>(a(),s("source",{key:l.src,srcset:l.src},null,8,ke))),128)),x($,{image:_.image,loading:_.loading,fetchpriority:_.fetchpriority,"disable-src-set":"",class:"media-gallery__media"},null,8,["image","loading","fetchpriority"])])):k("",!0),(v=u.badges)!=null&&v.length&&P===0?(a(),s("div",$e,[x(M,{badges:u.badges,class:"media-gallery__badges-content"},null,8,["badges"])])):k("",!0)],10,fe)}),128))])}}});function Ce(t){var h;return t==null?null:{id:t.id,...Array.isArray(t.cbrImages)&&((h=t.cbrImages)==null?void 0:h.length)&&{media:t.cbrImages.map((i,g)=>{var p,d,y;return{galleryIndex:g,loading:g<=2?null:"lazy",fetchpriority:g<=2?"high":void 0,assetType:i.shopAssetType,...i.shopAssetType==="VIDEO"&&{video:{poster:((p=t.cbrImages.find(m=>m.rank===3))==null?void 0:p.url)||((d=t.cbrImages.find(m=>m.shopAssetType!=="VIDEO"))==null?void 0:d.url),sources:[{src:i.url,type:"video/mp4"}],autoplay:!1,muted:!0,controlslist:"nodownload",playsinline:!0,disablepictureinpicture:!0,loop:!0,controls:!0,width:580,height:835}},...i.shopAssetType!=="VIDEO"&&{image:{src:i.url.replace("/pdp/","/80pdp/"),width:580,height:835,alt:i.alt||`${t.cbr_brand||""} ${t.shortDescriptionEcom||""} ${(y=t.style)!=null&&y.style?" - "+t.style.style.toLowerCase().startsWith("style")?t.style.style:`Style ${t.style.style}`:""}`,srcset:`${i.url.replace("/pdp/","/80pdp/")} 1x, ${i.url.replace("/pdp/","/80pdpr/")} 2x`}}}})}}}const q=function(t){const{result:h,error:i,loading:g,onResult:p,onError:d}=oe(()=>({coreProductId:t}),{errorPolicy:"all"}),y=C(()=>{var u;return(u=h.value)==null?void 0:u.core_product});return{productData:C(()=>y.value?Ce(y.value):null),loading:g,error:i,onResult:p,onError:d}},Me={class:"product-lightbox-gallery"},Pe={class:"product-lightbox-gallery__mobile-view"},Se={key:0,class:"product-lightbox-gallery__picture"},Ve=["srcset"],we={class:"product-lightbox-gallery__desktop-view"},Te={class:"product-lightbox-gallery__header"},Ge={class:"product-lightbox-gallery__variants"},De={class:"product-lightbox-gallery__scene"},ze={class:"product-lightbox-gallery__thumbs"},Ee=["onClick"],Le={key:0,class:"product-lightbox-gallery__picture"},Oe=["srcset"],Ae={class:"product-lightbox-gallery__main-scene"},Be={key:0,class:"product-lightbox-gallery__item-loading-bg"},He={key:1,class:"product-lightbox-gallery__picture"},Re=["srcset"],Ne=A({__name:"ProductLightboxGallery",props:{activeMediaIndex:{}},emits:["close"],setup(t,{emit:h}){const i=t,g=Z(),{productData:p}=J(),d=T(p.value),y=T(null),m=C(()=>g.isMobile||g.isTablet),u=C(()=>{var l,c;return(c=(l=d.value)==null?void 0:l.media)==null?void 0:c.map(e=>({...e,...e.video&&{video:{...e.video,autoplay:!m.value}},...e.image&&{loading:"eager",image:{...e.image,src:e.image.src.replace("/80pdp/","/80zoom/"),srcset:`${e.image.src.replace("/80pdp/","/80zoom/")} 1x, ${e.image.src.replace("/80pdp/","/80zoomr/")} 2x`,sources:[{src:`${e.image.src.replace("/80pdp/","/80zoomr/")} 2x`},{src:`${e.image.src.replace("/80pdp/","/80zoom/")} 1x`}]}}}))}),z=C(()=>{var l,c;return(c=(l=d.value)==null?void 0:l.media)==null?void 0:c.map(e=>({...e,...e.image&&{loading:"eager",image:{...e.image,src:e.image.src.replace("/80pdp/","/80carouselm/"),srcset:`${e.image.src.replace("/80pdp/","/80carouselm/")} 1x, ${e.image.src.replace("/80pdp/","/80carouselmr/")} 2x`,sources:[{src:`${e.image.src.replace("/80pdp/","/80carouselmr/")} 2x`},{src:`${e.image.src.replace("/80pdp/","/80carouselm/")} 1x`}]}}}))}),b=T(i.activeMediaIndex),f=C(()=>{var l;return(l=u.value)==null?void 0:l.find(c=>c.galleryIndex===b.value)}),$=C(()=>{var l,c;return(c=(l=p.value)==null?void 0:l.siblings)==null?void 0:c.filter(e=>e.color!=null)});let M=!1;const _=()=>{M||(M=!0,K("ProductLightboxGallery","/","ProductGallery"))},P=h,r=()=>P("close");te(()=>{var l;if((l=y.value)!=null&&l.length&&m.value){const c=[...y.value].find(e=>e.classList.contains(`product-lightbox-gallery__item--index-${b.value}`));c&&setTimeout(()=>{c.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})},100)}}),L(()=>p.value,l=>{d.value=l});const v=async l=>{var c;if(l.id!==((c=d.value)==null?void 0:c.id)){const{productData:e}=q(l.id);await ce([()=>q(l.id)]),e.value&&(d.value=e.value,b.value=0)}};return(l,c)=>{var N,F,j,W,X,Y;const e=U,H=Q,R=ie,ee=ne,le=de;return a(),s("div",Me,[S("div",Pe,[(a(!0),s(V,null,w((N=n(p))==null?void 0:N.media,o=>{var G;return a(),s("figure",{key:o.galleryIndex,ref_for:!0,ref_key:"itemRef",ref:y,class:E(["product-lightbox-gallery__item",[`product-lightbox-gallery__item--index-${o.galleryIndex}`,{"product-lightbox-gallery__item--image":o.image!=null,"product-lightbox-gallery__item--video":o.video!=null,"product-lightbox-gallery__item--current":o.galleryIndex===n(b)}]])},[o.image?(a(),s("picture",Se,[(a(!0),s(V,null,w((G=o.image)==null?void 0:G.sources,D=>(a(),s("source",{key:D.src,srcset:D.src},null,8,Ve))),128)),x(e,{image:o.image,"disable-src-set":"",class:"product-lightbox-gallery__media"},null,8,["image"])])):o.video?(a(),I(H,{key:1,video:o.video,class:"product-lightbox-gallery__media",onOnVideoPlayed:_},null,8,["video"])):k("",!0)],2)}),128))]),S("div",we,[S("div",Te,[x(ee,{scheme:"link",size:"s",hover:!1,"css-classes":"product-lightbox-gallery__back",onClick:r},{default:B(()=>[x(R,{icon:"arrow-left"}),re(" "+se(l.$t("ih.pdp.backToProduct")),1)]),_:1}),S("div",Ge,[(F=n($))!=null&&F.length?(a(),I(le,{key:0,items:n($),"selected-item":n(d),class:"product-lightbox-gallery__variants-selector",onOnSelected:v},null,8,["items","selected-item"])):k("",!0)])]),S("div",De,[S("div",ze,[(a(!0),s(V,null,w(n(z),o=>{var G,D;return a(),s("figure",{key:o.galleryIndex,class:E(["product-lightbox-gallery__item product-lightbox-gallery__item--thumb",{"product-lightbox-gallery__item--image":o.image!=null,"product-lightbox-gallery__item--video product-lightbox-gallery__item--video-thumb":o.video!=null,"product-lightbox-gallery__item--current":o.galleryIndex===n(b)}]),onClick:O=>b.value=o.galleryIndex},[o.image?(a(),s("picture",Le,[(a(!0),s(V,null,w((G=o.image)==null?void 0:G.sources,O=>(a(),s("source",{key:O.src,srcset:O.src},null,8,Oe))),128)),x(e,{image:o.image,class:"product-lightbox-gallery__media","disable-src-set":""},null,8,["image"])])):(a(),I(e,{key:1,image:{src:((D=o.video)==null?void 0:D.poster)||""},class:E(["product-lightbox-gallery__media",{"product-lightbox-gallery__media--video-thumb":o.video!=null}])},null,8,["image","class"])),o.video!=null?(a(),I(R,{key:2,icon:"play",class:"product-lightbox-gallery__play-icon"})):k("",!0)],10,Ee)}),128))]),S("div",Ae,[(j=n(f))!=null&&j.image?(a(),s("div",Be)):k("",!0),(W=n(f))!=null&&W.image?(a(),s("picture",He,[(a(!0),s(V,null,w((X=n(f).image)==null?void 0:X.sources,o=>(a(),s("source",{key:o.src,srcset:o.src},null,8,Re))),128)),x(e,{image:n(f).image,class:"product-lightbox-gallery__media product-lightbox-gallery__media--stage","disable-src-set":""},null,8,["image"])])):(Y=n(f))!=null&&Y.video?(a(),I(H,{key:2,video:n(f).video,class:"product-lightbox-gallery__media product-lightbox-gallery__media--stage product-lightbox-gallery__media--stage-vid",onOnVideoPlayed:_},null,8,["video"])):k("",!0)])])])])}}}),Fe=ye(()=>he(()=>import("./NuxtModal.3jqiW-f0.js"),__vite__mapDeps([0,1,2,3]),import.meta.url).then(t=>t.default||t)),je={class:"product-gallery"},al=A({__name:"ProductGallery",setup(t){var P;const h=ue(),i=_e(),g=Z(),{productData:p,selectedItem:d,onResult:y}=J(),m=T([...((P=p.value)==null?void 0:P.media)||[]]);y(r=>{var v;r.loading||(m.value=[...((v=p.value)==null?void 0:v.media)||[]])});const u=T(0),{headerHeight:z}=ge(),b=C(()=>{var r,v,l;return d.value!=null&&!d.value.price.discount?(v=(r=p.value)==null?void 0:r.badges)==null?void 0:v.filter(c=>c.type!=="sale"):(l=p.value)==null?void 0:l.badges}),f=r=>{"video"in r||(u.value=r.galleryIndex,(g.isMobile||g.isTablet)&&_(),i.lock(),h.openModal("lightbox-gallery"))},$=()=>{h.closeModal("lightbox-gallery"),i.unlock()},M=()=>{m.value.find(r=>r.video)&&m.value.forEach(r=>{r.video&&(r.video.autoplay=!g.isMinTablet)})},_=()=>{const r=document==null?void 0:document.querySelector(".header__content-sticky");r&&document.documentElement.style.setProperty("--header-height",`${r.offsetHeight}px`)};return pe(()=>{M(),_()}),L(()=>g.isMinTablet,M),L(()=>z.value,_),me($),(r,v)=>{const l=Ie,c=Ne,e=Fe;return a(),s("div",je,[n(m).length?(a(),I(l,{key:0,media:n(m),badges:n(b),class:"product-gallery__media",onClick:f},null,8,["media","badges"])):k("",!0),n(h).getActiveIds.includes("lightbox-gallery")?(a(),I(e,{key:1,"show-backdrop":!1,"class-set":"product-gallery__modal",onClose:$},{default:B(()=>[x(c,{"active-media-index":n(u),onClose:$},null,8,["active-media-index"])]),_:1})):k("",!0)])}}});export{al as default};
function __vite__mapDeps(indexes) {
  if (!__vite__mapDeps.viteFileDeps) {
    __vite__mapDeps.viteFileDeps = ["./NuxtModal.3jqiW-f0.js","./entry.itUNenzB.js","./entry.tLvLnkgB.css","./NuxtModal.nNKABu_m.css"]
  }
  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
}