https://rasch.de/theme/e2a39899ea91df829d56423b5775db01/js/storefr…/storefront.gallery-slider.plugin.f72a23.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[33718,46881],{3718(t,e,i){i.r(e),i.d(e,{default:()=>d});var s=i(4156),l=i.n(s),n=i(6104),r=i(640),o=i(5343),a=i(6881);class d extends a.default{static #t=this.options=l()(a.default.options,{containerSelector:"[data-gallery-slider-container=true]",thumbnailsSelector:"[data-gallery-slider-thumbnails=true]",controlsSelector:"[data-gallery-slider-controls=true]",thumbnailControlsSelector:"[data-thumbnail-slider-controls=true]",baseSliderWrapperClass:"base-slider",dotActiveClass:"tns-nav-active",navDotDataAttr:"data-nav-dot",loadingCls:"is-loading",slider:{preventScrollOnTouch:"auto",startIndex:1,responsive:{xs:{},sm:{},md:{},lg:{},xl:{},xxl:{}}},thumbnailSlider:{enabled:!0,loop:!1,nav:!1,items:5,gutter:10,startIndex:1,preventScrollOnTouch:"force",ariaLive:!1,responsive:{xs:{},sm:{},md:{},lg:{},xl:{},xxl:{}}}});init(){this._slider=!1,this._thumbnailSlider=!1,this._thumbnailObserver=null,this.el.classList.contains(this.options.initializedCls)||(this.options.slider=o.A.prepareBreakpointPxValues(this.options.slider),this.options.thumbnailSlider=o.A.prepareBreakpointPxValues(this.options.thumbnailSlider),this._correctIndexSettings(),this._getSettings(r.A.getCurrentViewport()),this._initSlider(),this._registerEvents())}destroy(){if(this._thumbnailObserver&&(this._thumbnailObserver.disconnect(),this._thumbnailObserver=null),this._slider&&"function"==typeof this._slider.destroy)try{this._slider.destroy()}catch(t){}if(this._thumbnailSlider&&"function"==typeof this._thumbnailSlider.destroy)try{this._thumbnailSlider.destroy()}catch(t){}this.el.classList.remove(this.options.initializedCls)}rebuild(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.A.getCurrentViewport();this._getSettings(t.toLowerCase());try{if(this._slider){let t=this.getCurrentSliderIndex();this._sliderSettings.startIndex=t,this._thumbnailSliderSettings.startIndex=t}this.destroy(),this._initSlider()}catch(t){}this.$emitter.publish("rebuild")}_correctIndexSettings(){super._correctIndexSettings(),this.options.thumbnailSlider.startIndex-=1,this.options.thumbnailSlider.startIndex=this.options.thumbnailSlider.startIndex<0?0:this.options.thumbnailSlider.startIndex}_getSettings(t){super._getSettings(t),this._thumbnailSliderSettings=o.A.getViewportSettings(this.options.thumbnailSlider,t)}_setActiveDot(){let t=this.getCurrentSliderIndex();this._dots.forEach(t=>t.classList.remove(this.options.dotActiveClass));let e=this._dots[t];e&&e.classList.add(this.options.dotActiveClass)}_initDots(){this._dots=this.el.querySelectorAll("["+this.options.navDotDataAttr+"]"),this._dots&&(this._dots.forEach(t=>{t.addEventListener("click",this._onDotClick.bind(this))}),this._setActiveDot(),this._slider&&this._slider.events.on("indexChanged",()=>{this._setActiveDot()}))}_onDotClick(t){let e=t.target.getAttribute(this.options.navDotDataAttr);this._slider.goTo(e-1)}_initSlider(){this.el.classList.add(this.options.initializedCls);let t=this.el.querySelector(this.options.containerSelector),e=this.el.querySelector(this.options.thumbnailsSelector),i=this.el.querySelector(this.options.controlsSelector),s=!!e;if(t&&(this._sliderSettings.enabled?(t.style.display="",this._slider=(0,n.U)({container:t,controlsContainer:i,navContainer:e,onInit:t=>{window.PluginManager.initializePlugin("Magnifier","[data-magnifier]"),window.PluginManager.initializePlugin("ZoomModal","[data-zoom-modal]"),s||this.el.classList.remove(this.options.loadingCls);let e=this.el.getElementsByClassName(this.options.baseSliderWrapperClass).item(0);this._initAccessibilityTweaks(t,e),this.$emitter.publish("initGallerySlider")},...this._sliderSettings}),this._initDots()):t.style.display="none"),e){let t=this.el.querySelector(this.options.thumbnailControlsSelector);this._thumbnailSliderSettings.enabled?(e.style.display="",this._thumbnailSlider=(0,n.U)({container:e,controlsContainer:t,onInit:t=>{s&&this.el.classList.remove(this.options.loadingCls),this.$emitter.publish("initThumbnailSlider"),t.controlsContainer.setAttribute("tabindex","-1")},...this._thumbnailSliderSettings})):(e.style.display="none",this.el.classList.remove(this.options.loadingCls))}this._navigateThumbnailSlider(),this.$emitter.publish("afterInitSlider")}_navigateThumbnailSlider(){let t=this._thumbnailSlider&&this._thumbnailSlider.getInfo();this._slider&&t&&(this._thumbnailObserver=new IntersectionObserver(t=>{t.forEach(t=>{t.target._js_thumbnail_is_intersecting=t.isIntersecting})},{root:null,rootMargin:"0px",threshold:1}

1),[...t.slideItems].forEach(t=>this._thumbnailObserver.observe(t)),this._slider.events.on("indexChanged",()=>{let e=this.getCurrentSliderIndex();t.slideItems[e]._js_thumbnail_is_intersecting||this._thumbnailSlider.goTo(e-1)}))}}},5343(t,e,i){i.d(e,{A:()=>n});var s=i(4156),l=i.n(s);class n{static getViewportSettings(t,e){let i=Object.assign({},t),s=t.responsive;delete i.responsive;let n=s[window.breakpoints[e.toLowerCase()]];return n?l()(i,n):i}static prepareBreakpointPxValues(t){return Object.entries(t.responsive).forEach(e=>{let[i,s]=e,l=window.breakpoints[i.toLowerCase()];t.responsive[l]=s,delete t.responsive[i]}),t}}},6881(t,e,i){i.r(e),i.d(e,{default:()=>o});var s=i(4335),l=i(6104),n=i(640),r=i(5343);class o extends s.A{static #t=this.options={initializedCls:"js-slider-initialized",containerSelector:"[data-base-slider-container=true]",controlsSelector:"[data-base-slider-controls=true]",slider:{enabled:!0,responsive:{xs:{},sm:{},md:{},lg:{},xl:{},xxl:{}}}};init(){this._slider=!1,this.el.classList.contains(this.options.initializedCls)||(this.options.slider=r.A.prepareBreakpointPxValues(this.options.slider),this._correctIndexSettings(),this._getSettings(n.A.getCurrentViewport()),this._initSlider(),this._registerEvents())}destroy(){if(this._slider&&"function"==typeof this._slider.destroy)try{this._slider.destroy()}catch(t){}this.el.classList.remove(this.options.initializedCls)}rebuild(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.A.getCurrentViewport(),e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this._getSettings(t.toLowerCase());try{if(this._slider&&!e){let t=this._getCurrentIndex();this._sliderSettings.startIndex=t}this.destroy(),this._initSlider()}catch(t){}this.$emitter.publish("rebuild")}_registerEvents(){this._slider&&document.addEventListener("Viewport/hasChanged",()=>this.rebuild(n.A.getCurrentViewport()))}_correctIndexSettings(){this.options.slider.startIndex-=1,this.options.slider.startIndex=this.options.slider.startIndex<0?0:this.options.slider.startIndex}_getSettings(t){this._sliderSettings=r.A.getViewportSettings(this.options.slider,t)}getCurrentSliderIndex(){if(!this._slider)return;let t=this._slider.getInfo(),e=t.displayIndex%t.slideCount;return(e=0===e?t.slideCount:e)-1}getActiveSlideElement(){let t=this._slider.getInfo();return t.slideItems[t.displayIndex]}_initSlider(){this.el.classList.add(this.options.initializedCls);let t=this.el.querySelector(this.options.containerSelector),e=this.el.querySelector(this.options.controlsSelector);t&&(this._sliderSettings.enabled?(t.style.display="",this._slider=(0,l.U)({container:t,controlsContainer:e,onInit:t=>{window.PluginManager.initializePlugins(),this.$emitter.publish("initSlider"),this._initAccessibilityTweaks(t,this.el)},...this._sliderSettings})):t.style.display="none"),this.$emitter.publish("afterInitSlider")}_initAccessibilityTweaks(t,e){let i=t.slideItems;t.controlsContainer&&t.controlsContainer.setAttribute("tabindex","-1");let s=e||this.el;s.scrollLeft=0,s.addEventListener("scroll",t=>{s.scrollLeft=0,t.preventDefault()});for(let t=0;t<i.length;t++){let e=i.item(t);if(e.classList.contains("tns-slide-cloned"))for(let t of e.querySelectorAll("a, button, img"))t.setAttribute("tabindex","-1");else e.addEventListener("keyup",e=>{if("Tab"!==e.key)return;let i=this._slider.getInfo();if(s.scrollLeft=0,this._sliderSettings.autoplay&&this._slider.pause(),t!==i.index){let e=t-i.cloneCount;this._slider.goTo(e)}})}}_getCurrentIndex(){let t=this._slider.getInfo(),e=t.index%t.slideCount;return(e=0===e?t.slideCount:e)-1}}}}]);