https://dz.diesel.com/on/demandware.static/Sites-DieselWW-Site/-/e…/component-PdpCarouselComponent.chunks.js

1(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[830],{59300:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>m});var s=i(96156),r=i(82503),o=i(46378),n=i(12737),l=i(14863);function a(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,s)}return i}function d(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?a(Object(i),!0).forEach((function(t){(0,s.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):a(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}const c=i(66462),p=i(38302).default,h=(e,t,i,s,r)=>(e-t)*(r-s)/(i-t)+s,u=1025;class m extends p{get SELECTORS(){return{container:".js-swiper-container",wrapper:".js-swiper-wrapper",pdpOverlayWrapper:".js-product-full-screen-images",pdpOverlayCarousel:"#pdpOverlayCarousel",closeOverlayBtn:".js-close-fullscreen-pdp-overlay",pdpMainCarousel:"#pdpMainCarousel",sliderElmentsPdp:".js-product-slider-container .swiper-slide",shopTheLookButton:".btn-anchor-shop-the-look",shopTheLookButtonSwitch:".btn-anchor-shop-the-look--switch",arButton:".product-btn__widget-360",vtoButton:".js-virtual-try-on-open-button",sliderImg:".js-product-slider-container img",playPauseButton:".js-swiper-player",clickableZoomArea:".swiper-thumbnail-clickable-zone",accessibilityCarouselImg:".product-tile-image__picture img",fullScreenImage:".js-product-full-screen-images",noZoomArea:'[data-toggle="modal"], .product-video-wrapper, .pdp-carousel-nav, .js-swiper-player'}}get CLASSES(){return{container:"swiper-container",wrapper:"swiper-wrapper",slide:"swiper-slide",pauseCarousel:"is-pause",keyboardInteraction:"keyboard-interaction"}}get overlaySettings(){return{loop:!0,zoom:!0,slidesPerView:1,centeredSlides:!1,autoplay:!1,modules:[o.W_,o.s5,o.LG],navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}}get slidesPerView(){let e=this.element.clientWidth||window.innerWidth,t=this.element.clientHeight||window.innerHeight;return Math.round(e/t/(2/3)*100)/100}get carouselSettings(){let e=this.element.querySelector("#swiperCarousel-items");[...this.element.querySelectorAll(".cloned-swiper-slide")].forEach((e=>e.remove()));let t=[...this.element.querySelectorAll(".swiper-slide")],i=t.length,s=null==e?void 0:e.querySelector(".product-video-wrapper"),r=i>1,n=r&&!(2===i&&s),l=this.slidesPerView;this.currentSlidesPerView=l;let a=2;window.innerWidth>=u&&(a=Math.ceil(l),a%2==0&&(a+=1),a+=1);let d=i;if(n&&e)for(;d<a;)t.forEach((t=>{let i=t.cloneNode(!0);i.classList.add("cloned-swiper-slide"),e.append(i),d++}));return{loop:r,touchEventsTarget:"container",slidesPerView:1,spaceBetween:2,centeredSlides:!1,autoplay:!1,modules:[o.W_,o.tl,o.pt,o.s5,o.LG],pagination:{el:this.element.querySelector(".swiper-pagination"),type:"custom",renderCustom:function(e,t){return(t-1)%i+1+" / "+i}},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},paginationBulletRender:function(e,t){return'<span class="'+t+'">'+(e+1)+"</span>"},breakpoints:{[u]:{loop:n,slidesPerView:l,centeredSlides:!0}}}}get KEYBOARD_INPUT(){return"keyboard"===this.html.dataset.whatintent||this.body.classList.contains(this.CLASSES.keyboardInteraction)}constructor(e){super(e),(0,s.Z)(this,"swiper",void 0),(0,s.Z)(this,"swiperOverlay",void 0),(0,s.Z)(this,"interaction",!1),(0,s.Z)(this,"images",void 0),(0,s.Z)(this,"imgHeight",void 0),(0,s.Z)(this,"shopTheLook",void 0),(0,s.Z)(this,"arButton",void 0),(0,s.Z)(this,"vtoButton",void 0),(0,s.Z)(this,"shopTheLookSuffixList",void 0),(0,s.Z)(this,"suffixList",void 0),(0,s.Z)(this,"isSwitchCtaEnabled",void 0),(0,s.Z)(this,"allyTabFocusHandler",void 0),this.body=document.body,this.html=document.documentElement,this.playLabel=e.dataset.playLabel,this.pauseLabel=e.dataset.pauseLabel,this.autoPlay=e.dataset.autoPlay,this.initSlider(),this.bindZoomTriggers(),this.bindNavDragGuard(),this.handleCloseCarouselOverlay(),this.fullScreenImageSelector=document.querySelector(this.SELECTORS.fullScreenImage),this.initVTO(),n.Z.on("breakpoint:change",(()=>this.reinitSlider())),window.addEventListener("resize",(()=>{window.innerWidth<u||(clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.slidesPerView!==this.currentSlidesPerView&&this.reinitSlider()}),200))}))}

1reinitSlider(){if(!this.swiper)return;const e=this.swiper.realIndex;this.swiper.destroy(),this.swiper=null,this.initSlider(),e&&this.swiper.slideToLoop(e,0)}bindZoomTriggers(){this.element.addEventListener("click",(e=>{const t=e.target.closest(this.SELECTORS.clickableZoomArea);t&&this.openOverlayFromSlide(t)})),this.element.addEventListener("keypress",(e=>{32!==e.keyCode&&13!==e.keyCode||e.target.closest(this.SELECTORS.accessibilityCarouselImg)&&this.openOverlayFromSlide(e.target)}))}bindNavDragGuard(){const e=this.element.querySelector(".pdp-carousel-nav");e&&e.addEventListener("click",(e=>{this.swiper&&!this.swiper.allowClick&&(e.preventDefault(),e.stopPropagation())}),!0)}openOverlayFromSlide(e){const t=e.closest(".swiper-slide");this.initOverlaySwiper((null==t?void 0:t.dataset.realIndex)||0),this.interaction=!0}initVTO(){const e=document.querySelector(this.SELECTORS.vtoButton);if(e){const t=e.dataset.vtoType;e.addEventListener("click",(async i=>{i.preventDefault();const s=e.dataset.vtoRequestUrl,r=document.getElementById("vto-modal-container");if(r){const o=r.querySelector(".modal .modal-dialog");if(o){n.Z.emit("body:loading");try{const r=await(0,l.ZP)(s);o.innerHTML=await r.text(),n.Z.emit("body:loaded"),n.Z.emit("modal:open","bags"===t?i:e.dataset)}catch(e){console.error(e),n.Z.emit("body:loaded")}}}i.stopImmediatePropagation()}))}}initSlider(){if(this.swiper)return;let e,t=0,i=0;const s=d({},this.carouselSettings);this.swiper=new r.Z(this.SELECTORS.pdpMainCarousel,s),this.images=[...this.element.querySelectorAll(".product-slide")],this.swiperSlides=this.swiper.slides,this.playPauseButton=this.element.querySelector(this.SELECTORS.playPauseButton),this.isSwitchCtaEnabled?setTimeout((()=>{this.imgHeight=document.querySelector(this.SELECTORS.sliderImg).offsetHeight}),500):this.shopTheLook=this.shopTheLook||document.querySelector(this.SELECTORS.shopTheLookButtonSwitch),this.swiper.on("tap",((e,t)=>{if(t.target.closest(this.SELECTORS.noZoomArea))return;const i=e.clickedSlide;i&&void 0!==i.dataset.realIndex&&this.openOverlayFromSlide(i)})),this.swiper.on("init",(()=>{var e;null===(e=this.element.querySelector(".swiper-slide.product-slide.swiper-slide-active"))||void 0===e||e.setAttribute("aria-hidden","false")})),this.swiper.on("sliderMove",(()=>{this.interaction=!0})),this.swiper.on("slideChangeTransitionEnd",(()=>{this.interaction,this.updateActiveSlideTabIndex(!1)})),this.swiper.on("slideChange",(e=>{this.element.setAttribute("data-swiper-active-index",e.realIndex),this.updateActiveSlideTabIndex(!0)})),this.swiper.on("slideChangeTransitionEnd",(e=>{[...this.element.querySelectorAll(".swiper-slide.product-slide")].forEach((e=>{e.setAttribute("aria-hidden",e.classList.contains("swiper-slide-active")?"false":"true")}))})),this.swiper.once("slideChange",(()=>{this.element.classList.add("swiper-container-used")})),this.scroller=i=>{t=i.clientY,e||(window.requestAnimationFrame(o),e=setTimeout((()=>{e=clearTimeout(e)}),1e3))},this.initPositionImageOnOverlay=()=>{i=window.innerHeight/2;const e=document.querySelector(this.SELECTORS.pdpOverlayWrapper),t=e.querySelector(".swiper-slide-active .product-image");if(t){const s=t.getBoundingClientRect().height,r=e.getBoundingClientRect().height,o=h(i,0,window.innerHeight,0,r-s);t.style.transform="translate3d(0px, ".concat(o,"px ,0px)")}};const o=()=>{i=i*(1-.1)+.1*t;const s=document.querySelector(this.SELECTORS.pdpOverlayWrapper),r=s.querySelector(".swiper-slide-active .product-image");if(r){const e=r.getBoundingClientRect().height,t=s.getBoundingClientRect().height,o=h(i,0,window.innerHeight,0,t-e);r.style.transform="translate3d(0px, ".concat(o,"px ,0px)")}e&&window.requestAnimationFrame(o)};this.swiper.update()}updateActiveSlideTabIndex(e){let t=this.element.querySelector(".swiper-slide-active");if(!t)return;let i=t.querySelector(".product-tile-image__picture img");i||(i=t.querySelector(".pdp-video-element")),i&&(e?i.removeAttribute("tabindex"):i.setAttribute("tabindex","0"))}initOverlaySwiper(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;e=parseInt(e);const t=document.querySelector(this.SELECTORS.pdpOverlayWrapper),i=d({},this.overlaySettings);i.initialSlide=e,this.swiperOverlay=new r.Z(this.SELECTORS.pdpOverlayCarousel,i),n.Z.emit

1("body:lock",{lock:!0}),i.loop;const s=[...t.querySelectorAll("[data-src]")];s&&s.forEach((e=>{e.src=e.dataset.src,e.removeAttribute("data-src")})),this.keyHandle=c.when.key({escape:()=>this.closeModal(this)}),this.hiddenHandle=c.maintain.hidden({filter:this.SELECTORS.fullScreenImage}),this.fullScreenImageSelector.setAttribute("aria-hidden",!1),this.KEYBOARD_INPUT&&c.when.visibleArea({context:this.SELECTORS.fullScreenImage,callback:e=>{this.allyTabFocusHandler=c.maintain.tabFocus({context:this.SELECTORS.fullScreenImage});const t=c.query.firstTabbable({context:e,defaultToContext:!0});t&&t.focus()}}),t.classList.add("open"),this.initPositionImageOnOverlay(),window.dispatchEvent(new Event("resize")),window.matchMedia("(min-width:1025px)").matches&&document.addEventListener("mousemove",this.scroller)}syncCarouselToImage(e){if(null==e||!this.swiper)return;const t=[...this.swiper.slides].find((t=>!t.classList.contains("cloned-swiper-slide")&&t.dataset.realIndex===String(e)));t&&(this.swiper.params.loop?this.swiper.slideToLoop(parseInt(t.dataset.swiperSlideIndex,10),0):this.swiper.slideTo(this.swiper.slides.indexOf(t),0))}disableMouseMove(){this.element.removeEventListener("mousemove",this.mousemoveHandler.bind(this))}handleCloseCarouselOverlay(){const e=this;document.querySelector(this.SELECTORS.closeOverlayBtn).addEventListener("click",(()=>e.closeModal(e)))}closeModal(e){const t=e.swiperOverlay?e.swiperOverlay.realIndex:null;var i;e.swiperOverlay&&(e.swiperOverlay.destroy(),e.swiperOverlay=null),document.querySelector(e.SELECTORS.pdpOverlayWrapper).classList.remove("open"),n.Z.emit("body:lock",{lock:!1}),e.syncCarouselToImage(t),this.allyTabFocusHandler&&(this.allyTabFocusHandler.disengage(),null===(i=this.element.querySelector(".swiper-slide-active .product-tile-image__picture img"))||void 0===i||i.focus()),this.hiddenHandle&&this.hiddenHandle.disengage(),this.keyHandle&&this.keyHandle.disengage(),this.fullScreenImageSelector.setAttribute("aria-hidden",!0)}switchCta(e){this.shopTheLook=this.shopTheLook||document.querySelector(this.SELECTORS.shopTheLookButtonSwitch),this.shopTheLook&&this.shopTheLook.classList.toggle("d-none",!1)}}}}]);