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

1(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[5385,4866],{87498:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>r});const s=i(12548).default;class r extends s{constructor(t){super(t),this.currentRefinementsWrapper=document.getElementById("current-refinements"),this.observeSliderTrack(),this.attachFilterEvents()}observeSliderTrack(){new MutationObserver((t=>{t.forEach((t=>{"childList"===t.type&&(this.updateSliderBounds(),this.updateSliderPosition()),"attributes"===t.type&&(this.updateSliderBounds(),this.updateSliderPosition())}))})).observe(this.sliderTrack,{childList:!0,subtree:!0,attributes:!0})}attachFilterEvents(){this.currentRefinementsWrapper.addEventListener("click",function(t){t.target.classList.contains("filter-list__item")&&this.deselect}.bind(this))}}},12548:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>n});var s=i(12737);const r=i(38302).default,a=i(14863).ZP;class n extends r{get SELECTORS(){return{sliderTrack:".slider-track",arrowLeft:".js-arrow-left",arrowRight:".js-arrow-right",clearAll:".js-clear-all",filterNavigation:".filter-navigation"}}constructor(t){super(t),this.intervalTime=150,this.startX=0,this.isDragging=!1,this.startPoint=0,this.translation=0,this.minTraslation=0,this.maxTraslation=0,this.smoothMove=64,this.sliderTrack=this.element.querySelector(this.SELECTORS.sliderTrack),this.arrowLeft=this.element.querySelector(this.SELECTORS.arrowLeft),this.arrowRight=this.element.querySelector(this.SELECTORS.arrowRight),this.clearAll=this.element.querySelector(this.SELECTORS.clearAll),this.filterNavigation=this.element.querySelector(this.SELECTORS.filterNavigation),this.filters=[...this.element.querySelectorAll("[data-filter]")],this.searchFilters=this.element.closest(".search-filters"),this.searchFilters&&(this.dropDownSortOrder=this.searchFilters.querySelector(".js-dropdown_sort_Order")),this.initEvent(),this.updateSliderBounds(),this.updateSliderPosition()}initEvent(){if(window.addEventListener("resize",(()=>{this.updateSliderBounds(),this.clampTranslation(),this.updateSliderPosition()})),this.arrowLeft.addEventListener("click",(()=>{this.moveRight()})),this.arrowRight.addEventListener("click",(()=>{this.moveLeft()})),this.arrowLeft.addEventListener("mousedown",(()=>{this.activeInterval=setInterval((()=>this.moveRight()),this.intervalTime)})),this.arrowRight.addEventListener("mousedown",(()=>{this.activeInterval=setInterval((()=>this.moveLeft()),this.intervalTime)})),this.arrowLeft.addEventListener("touchstart",(()=>{this.activeInterval=setInterval((()=>this.moveRight()),this.intervalTime)})),this.arrowRight.addEventListener("touchstart",(()=>{this.activeInterval=setInterval((()=>this.moveLeft()),this.intervalTime)})),this.arrowRight.addEventListener("mouseup",(()=>{clearInterval(this.activeInterval)})),this.arrowLeft.addEventListener("mouseup",(()=>{clearInterval(this.activeInterval)})),this.arrowRight.addEventListener("touchend",(()=>{clearInterval(this.activeInterval)})),this.arrowLeft.addEventListener("touchend",(()=>{clearInterval(this.activeInterval)})),this.sliderTrack.addEventListener("mousedown",(t=>{this.isDragging=!0,this.startX=t.clientX,this.startPoint=this.translation,this.sliderTrack.style.cursor="grabbing"})),this.sliderTrack.addEventListener("mousemove",(t=>{if(!this.isDragging)return;const e=t.clientX-this.startX;this.translation=this.startPoint+e,this.clampTranslation(),this.updateSliderPosition()})),this.sliderTrack.addEventListener("mouseup",(()=>{this.isDragging=!1,this.sliderTrack.style.cursor="grab"})),this.sliderTrack.addEventListener("mouseleave",(()=>{this.isDragging&&(this.isDragging=!1,this.sliderTrack.style.cursor="grab")})),this.sliderTrack.addEventListener("touchstart",(t=>{this.isDragging=!0,this.startX=t.touches[0].clientX,this.startPoint=this.translation})),this.sliderTrack.addEventListener("touchmove",(t=>{if(!this.isDragging)return;const e=t.touches[0].clientX-this.startX;this.translation=this.startPoint+e,this.clampTranslation(),this.updateSliderPosition()})),this.sliderTrack.addEventListener("touchend",(()=>{this.isDragging=!1})),this.sliderTrack.addEventListener("wheel",(t=>{t.preventDefault();const e=t.deltaY;this.translation+=e,this.clampTranslation(),this.updateSliderPosition()})),this.deselectHandler=this.deselect.bind(this),this.resetHandler=this.reset.bind(this),this.element.addEventListener("reset",this.resetHandler),this.filters.forEac

1h((t=>{t.addEventListener("click",this.deselectHandler)})),this.clearAll){const t=this.clearAll.dataset.url;this.clearAll.addEventListener("click",(e=>{s.Z.emit("products:appliedFilter",{url:t}),s.Z.emit("body:loading"),a("".concat(t)).then((t=>t.text())).then((t=>{s.Z.emit("body:loaded"),s.Z.emit("plp:filter-applied"),s.Z.emit("plp:filter-update",{obj:t,isRadioInput:!1,isHistory:!1}),this.updateDropDownSortOrder(t),this.updateSliderBounds(),this.updateSliderPosition()}))}))}s.Z.emit("plp:checkEnabledFilters",this.filters)}updateDropDownSortOrder(t){const e=document.createElement("div");e.innerHTML=t;const i=e.querySelector(".js-dropdown_sort_Order");i&&this.dropDownSortOrder&&(this.dropDownSortOrder.innerHTML=i.innerHTML)}deselect(t){const e=t.currentTarget.dataset.filterUrl;s.Z.emit("products:appliedFilter",{url:e}),s.Z.emit("body:loading"),a("".concat(e)).then((t=>t.text())).then((t=>{s.Z.emit("body:loaded"),s.Z.emit("plp:filter-applied"),s.Z.emit("plp:filter-update",{obj:t,isRadioInput:!1,isHistory:!1}),this.updateDropDownSortOrder(t),this.updateSliderBounds(),this.updateSliderPosition()}))}updateSliderBounds(){let t=this.sliderTrack.parentElement.clientWidth,e=this.sliderTrack.scrollWidth;t<e?(this.arrowLeft.classList.add("visible"),this.arrowRight.classList.add("visible"),t=this.sliderTrack.parentElement.clientWidth,e=this.sliderTrack.scrollWidth):(this.arrowLeft.classList.remove("visible"),this.arrowRight.classList.remove("visible"),t=this.sliderTrack.parentElement.clientWidth,e=this.sliderTrack.scrollWidth),this.minTranslation=t-e,this.maxTranslation=0}clampTranslation(){this.translation=Math.max(Math.min(this.translation,this.maxTranslation),this.minTranslation)}updateSliderPosition(){this.sliderTrack.style.transform="translateX(".concat(this.translation,"px)")}reset(){this.filters&&this.filters.forEach((t=>{t.removeEventListener("click",this.deselectHandler)}))}destroy(){this.filters&&this.filters.forEach((t=>{t.removeEventListener("click",this.deselectHandler)}))}moveRight(){this.translation=this.translation+this.smoothMove,this.clampTranslation(),this.updateSliderPosition()}moveLeft(){this.translation=this.translation-this.smoothMove,this.clampTranslation(),this.updateSliderPosition()}}}}]);