https://delruby.com/cdn/shop/t/2/assets/component-css-slider.js?v=10924104411822865841686313952

1if(typeof CSSSlider!="function"){class CSSSlider2 extends HTMLElement{constructor(){super();const ua=navigator.userAgent.toLowerCase();this._ios15=ua.includes("applewebkit")&&ua.includes("version/15"),this.initSlider()}destroySlider(){this.classList.remove("enabled"),this.sliderEnabled=!1,window.removeEventListener("resize",this.RESIZE_EVENT),window.removeEventListener("scroll",this.SCROLL_EVENT)}initSlider(){this._readyEvent=new CustomEvent("ready"),this._changeEvent=new CustomEvent("change"),this._scrollEvent=new CustomEvent("scroll"),this._navEvent=new CustomEvent("navigation"),this._pointerDownEvent=new CustomEvent("pointerDown"),this._pointerUpEvent=new CustomEvent("pointerUp"),this.items=this.querySelectorAll(".css-slide[data-index]"),this.indexedItems=[],this.index=0,this.length=this.items.length,this.windowWidth=window.innerWidth,this.scrollLeft=0,this.length>1?(this.navigation=document.createElement("div"),this.navigation.classList=`css-slider-navigation ${this.getAttribute("data-navigation-class")}`,this.navigation.style.display="none",this.navigation.innerHTML=`<div>
2          <span class="css-slider-navigation__index">0</span> / <span class="css-slider-navigation__length">0</span>
3        </div>
4        <button class="css-slider-navigation__prev simple-arrow simple-arrow--left disabled">
5          <span class="visually-hidden">${KROWN.settings.locales.prev}</span>
6          ${KROWN.settings.symbols.arrow}
7        </button>
8        <button class="css-slider-navigation__next simple-arrow simple-arrow--right">
9          <span class="visually-hidden">${KROWN.settings.locales.next}</span>
10          ${KROWN.settings.symbols.arrow}
11        </button>`,this.classList.contains("css-slider--auto-height")?this.parentNode.parentNode.insertBefore(this.navigation,this.parentNode.nextSibling):this.parentNode.insertBefore(this.navigation,this.nextSibling),this.indexEl=this.navigation.querySelector(".css-slider-navigation__index"),this.lengthEl=this.navigation.querySelector(".css-slider-navigation__length"),this.prevEl=this.navigation.querySelector(".css-slider-navigation__prev"),this.nextEl=this.navigation.querySelector(".css-slider-navigation__next"),this.prevEl.addEventListener("click",e=>{this.changeSlide("prev")}),this.nextEl.addEventListener("click",e=>{this.changeSlide("next")}),this.classList.contains("css-slider--auto-height")&&(this.parentNode.style.height=this.items[0].offsetHeight+"px"),this.SCROLL_EVENT=debounce(()=>{if(!this._sliderBlockScroll){const scrollItems=this.indexedItems.entries(),scrollArray=Array.from(scrollItems,elm=>Math.abs(elm[1].offsetLeft-this.scrollLeft)),scrollDistance=Math.min(...scrollArray),scrollIndex=scrollArray.indexOf(scrollDistance);scrollIndex!=this.index&&(this.index=scrollIndex,this.checkSlide(),this.dispatchEvent(this._changeEvent))}},10),this.addEventListener("scroll",this.SCROLL_EVENT,{passive:!0}),this.RESIZE_EVENT=debounce(()=>{this.windowWidth!=window.innerWidth&&this.resetSlider(),this.windowWidth=window.innerWidth},100),window.addEventListener("resize",this.RESIZE_EVENT),this.resetSlider(!0),"ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch||(this.addEventListener("mousedown",e=>{this.mouseX=e.screenX,this.classList.add("can-drag"),this.classList.add("mouse-down")}),this.addEventListener("mouseup",e=>{this.classList.remove("mouse-down"),this.classList.remove("can-drag"),this.classList.remove("pointer-events-off")}),this.addEventListener("mouseleave",e=>{this.classList.remove("mouse-down"),this.classList.remove("can-drag"),this.classList.remove("pointer-events-off")}),this.addEventListener("mousemove",e=>{if(this.classList.contains("can-drag")){this.classList.add("pointer-events-off");let direction=this.mouseX-e.screenX;Math.abs(direction)>1&&(direction>0?(this.changeSlide("next"),this.classList.remove("can-drag")):direction<0&&(this.changeSlide("prev"),this.classList.remove("can-drag")))}}),this.querySelectorAll(".css-slides-container").forEach(elm=>{elm.addEventListener("mousedown",e=>{e.preventDefault()})}))):this.length==1?this.classList.add("css-slider--singular"):this.classList.add("css-slider--empty"),this.classList.add("enabled"),this.sliderEnabled=!0,this.dispatchEvent(this._readyEvent)}changeSlide(direction,behavior="smooth"){direction=="next"?this.index+1<this.length&&this.index++:this.index-1>=0&&this.index--,this.checkSlide(),this._sliderBlockScroll=!0,this._ios15&&this.classList.add("disable-snapping"),setTimeout(()=>{this._sliderBlockScroll=!1,this._ios15&&this.classList.remove("disable-snapping")},500),this.scrollTo({top:0,left:this.indexedItems[this.index].offsetLeft-parseInt(getComputedStyle(this.indexedItems[0]).marginLeft),behavior}),this.dispatchEvent(this._changeEvent)}checkSlide(){this.prevEl.classList.remove("disabled"),this.nextEl.classList.remove("disabled"),this.index==0&&this.prevEl.classList.add("disabled"),this.index==this.length-1&&this.nextEl.classList.add("disabled"),this.indexEl.innerHTML=this.index+1,this.classList.contains("css-slider--auto-height")&&(this.parentNode.style.height=this.indexedItems[this.index].offsetHeight+"px")}afterAppend(){this.items=this.querySelectorAll(".css-slide[data-index]")}resetSlider(nojump=!1,resetIndex=!0){let slidesWidth=0,slidesPerPage=0,page=0,pages=0,totalWidth=this.classList.contains("css-slider--auto-height")?window.innerWidth:this.querySelector(".css-slides-container").offsetWidth-20,hideNavigation=!1;this.indexedItems=[],this.classList.add("disable-snapping"),this.items.forEac

11h((elm,i)=>{elm.classList.remove("css-slide--snap"),slidesWidth+=elm.offsetWidth,slidesWidth>totalWidth&&slidesPerPage==0&&(slidesPerPage=i)}),slidesPerPage==0&&(slidesPerPage=this.items.length,hideNavigation=!0),this.items.forEach((elm,i)=>{i%slidesPerPage==0&&(elm.classList.add("css-slide--snap"),elm.setAttribute("data-index",page++))}),this.indexedItems=this.querySelectorAll(".css-slide--snap"),resetIndex&&(this.index=0),this.length=Math.ceil(this.items.length/slidesPerPage),this.lengthEl.innerHTML=this.length,this.indexEl.innerHTML=1,hideNavigation?(this.navigation.style.display="none",this.classList.add("css-slider--no-drag")):(this.navigation.style.display="block",this.classList.remove("css-slider--no-drag")),nojump||this.scrollTo({top:0,left:0,behavior:"auto"}),this.classList.remove("disable-snapping")}}typeof customElements.get("css-slider")>"u"&&customElements.define("css-slider",CSSSlider2)}
12//# sourceMappingURL=/cdn/shop/t/2/assets/component-css-slider.js.map?v=10924104411822865841686313952