1(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[2740],{8500:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>c});var i=s(12737),o=s(82503),a=s(46378);const l=s(38302).default,r=s(11253).Z,n="large";class c extends l{constructor(e){super(e),this.looks=[...e.querySelectorAll(".module-23__look")],this.looks.length&&(this.nav=e.querySelector(".js-module-23__nav"),this.buttons=this.nav?[...this.nav.querySelectorAll(".module-23__nav-btn")]:[],this.nav&&(this.onNavClick=this.onNavClick.bind(this),this.nav.addEventListener("click",this.onNavClick)),this.isLocked=!1,this.syncLockState=this.syncLockState.bind(this),this.lockObserver=new MutationObserver(this.syncLockState),this.lockObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),this.preloadMedia(),this.swipers=[],this.onBreakpointChange=this.onBreakpointChange.bind(this),i.Z.on("breakpoint:change",this.onBreakpointChange),this.setupCarousels(),this.activate(0),this.nav&&(this.nav.hidden=!1))}onBreakpointChange(){this.setupCarousels()}isCarouselLayout(){return!r.atLeast(n)}setupCarousels(){this.isCarouselLayout()&&!this.swipers.length?this.swipers=this.looks.map((e=>{const t=e.querySelector(".module-23__carousel"),s=t&&t.querySelector(".module-23__products-list");if(!t||!s||!s.children.length)return null;const i=s.children.length;t.classList.add("swiper"),[...s.children].forEach((e=>e.classList.add("swiper-slide")));const l=document.createElement("div");return l.className="module-23__pagination",t.after(l),new o.Z(t,{modules:[a.tl,a.s5],slidesPerView:"auto",spaceBetween:40,centeredSlides:!0,breakpoints:{768:{slidesPerView:i>=3?2.5:2,centeredSlides:!1}},loop:!1,watchOverflow:!0,pagination:{el:l,clickable:!0,bulletClass:"module-23__bullet",bulletActiveClass:"module-23__bullet--active",renderBullet:(e,t)=>'<button type="button" class="'.concat(t,'" aria-label="').concat(e+1,'"><span class="module-23__bullet-square"></span></button>')}})})):!this.isCarouselLayout()&&this.swipers.length&&this.teardownCarousels()}teardownCarousels(){this.swipers.forEach(((e,t)=>{const s=this.looks[t],i=s&&s.querySelector(".module-23__carousel"),o=i&&i.querySelector(".module-23__products-list"),a=i&&i.parentElement.querySelector(".module-23__pagination");e&&e.destroy(!0,!0),i&&i.classList.remove("swiper"),o&&[...o.children].forEach((e=>e.classList.remove("swiper-slide"))),a&&a.remove()})),this.swipers=[]}syncLockState(){const e=document.documentElement.classList.contains("lock");if(e===this.isLocked)return;this.isLocked=e;const t=this.element.querySelector(".module-23__look.is-active");if(!t)return;const s=t.querySelector(".module-23__editorial"),i=t.querySelector(".module-23__look-inner"),o=t.querySelector(".module-23__products");if(s&&i)if(e&&r.atLeast(n)){const e=parseFloat(getComputedStyle(s).top)||0,t=s.getBoundingClientRect(),a=i.getBoundingClientRect(),l=Math.min(Math.max(e,a.top),a.bottom-t.height);s.style.position="fixed",s.style.top="".concat(l,"px"),s.style.left="".concat(t.left,"px"),s.style.width="".concat(t.width,"px"),s.style.height="".concat(t.height,"px"),s.style.margin="0",o&&(o.style.marginLeft="auto")}else["position","top","left","width","height","margin"].forEach((e=>{s.style[e]=""})),o&&(o.style.marginLeft="")}preloadMedia(){const e=window.lazySizes;[...this.element.querySelectorAll(".module-23__media .lazyload")].forEach((t=>{e&&e.loader&&"function"==typeof e.loader.unveil?e.loader.unveil(t):(t.dataset.srcset&&(t.srcset=t.dataset.srcset),t.dataset.src&&(t.src=t.dataset.src))}))}onNavClick(e){const t=e.target.closest(".module-23__nav-btn");if(!t)return;const s=parseInt(t.dataset.lookTarget,10);Number.isNaN(s)||this.activate(s,!0)}activate(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const s=this.looks[e];if(!s)return;t&&s.classList.add("is-entering"),this.looks.forEach(((t,s)=>t.classList.toggle("is-active",s===e))),this.buttons.forEach((t=>{const s=parseInt(t.dataset.lookTarget,10)===e;t.classList.toggle("cta--active",s),t.setAttribute("aria-current",s?"true":"false")}));const i=s.querySelector(".module-23__selector");this.nav&&i&&this.nav.parentElement!==i&&i.insertBefore(this.nav,i.firstChild),this.swipers&&this.swipers[e]&&this.swipers[e].update(),t&&(this.swipers[e]&&this.swipers[e].slideTo(0,0),this.isCarouselLayout()||this.element.scrollIntoView({behavior:"auto",block:"start"}),s.offsetWidth,requestAnimationFrame((()=>s.classList.remove("is-entering"))))}destroy(){var e,t;null===(e=this.nav)||void 0===e||e.removeEventListener("click",this.onNavClick),null===(t=this.lockObserver)||void 0===t||t.disconnect(),i.Z.off("breakpoint:change",this.onBreakpointChange),this.teardownCarousels(),super.destroy()}}}}]);
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.