https://www.pier14.de/shop/theme/142924cc12aece7b80337ef85866e75d/…/storefront.gallery-slider.plugin.cc5b27.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[33718,46881],{3718(t,i,e){e.r(i),e.d(i,{default:()=>d});var s=e(4156),l=e.n(s),r=e(6104),n=e(640),o=e(5343),a=e(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(n.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]:n.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 i=this._dots[t];i&&i.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 i=t.target.getAttribute(this.options.navDotDataAttr);this._slider.goTo(i-1)}_initSlider(){this.el.classList.add(this.options.initializedCls);let t=this.el.querySelector(this.options.containerSelector),i=this.el.querySelector(this.options.thumbnailsSelector),e=this.el.querySelector(this.options.controlsSelector),s=!!i;if(t&&(this._sliderSettings.enabled?(t.style.display="",this._slider=(0,r.U)({container:t,controlsContainer:e,navContainer:i,onInit:t=>{window.PluginManager.initializePlugin("Magnifier","[data-magnifier]"),window.PluginManager.initializePlugin("ZoomModal","[data-zoom-modal]"),s||this.el.classList.remove(this.options.loadingCls);let i=this.el.getElementsByClassName(this.options.baseSliderWrapperClass).item(0);this._initAccessibilityTweaks(t,i),this.$emitter.publish("initGallerySlider")},...this._sliderSettings}),this._initDots()):t.style.display="none"),i){let t=this.el.querySelector(this.options.thumbnailControlsSelector);this._thumbnailSliderSettings.enabled?(i.style.display="",this._thumbnailSlider=(0,r.U)({container:i,controlsContainer:t,onInit:t=>{s&&this.el.classList.remove(this.options.loadingCls),this.$emitter.publish("initThumbnailSlider"),t.controlsContainer.setAttribute("tabindex","-1")},...this._thumbnailSliderSettings})):(i.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 i=this.getCurrentSliderIndex();t.slideItems[i]._js_thumbnail_is_intersecting||this._thumbnailSlider.goTo(i-1)}))}}},5343(t,i,e){e.d(i,{A:()=>r});var s=e(4156),l=e.n(s);class r{static getViewportSettings(t,i){let e=Object.assign({},t),s=t.responsive;delete e.responsive;let r=s[window.breakpoints[i.toLowerCase()]];return r?l()(e,r):e}static prepareBreakpointPxValues(t){return Object.entries(t.responsive).forEach(i=>{let[e,s]=i,l=window.breakpoints[e.toLowerCase()];t.responsive[l]=s,delete t.responsive[e]}),t}}},6881(t,i,e){e.r(i),e.d(i,{default:()=>o});var s=e(4335),l=e(6104),r=e(640),n=e(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=n.A.prepareBreakpointPxValues(this.options.slider),this._correctIndexSettings(),this._getSettings(r.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]:r.A.getCurrentViewport(),i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this._getSettings(t.toLowerCase());try{this._slider&&!i&&(this._sliderSettings.startIndex=this.getCurrentSliderIndex()),this.destroy(),this._initSlider()}catch(t){}this.$emitter.publish("rebuild")}_registerEvents(){this._slider&&document.addEventListener("Viewport/hasChanged",()=>this.rebuild(r.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=n.A.getViewportSettings(this.options.slider,t)}getCurrentSliderIndex(){if(!this._slider)return;let t=this._slider.getInfo(),i=t.displayIndex%t.slideCount;return(i=0===i?t.slideCount:i)-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),i=this.el.querySelector(this.options.controlsSelector);t&&(this._sliderSettings.enabled?(t.style.display="",this._slider=(0,l.U)({container:t,controlsContainer:i,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,i){let e=t.slideItems;t.controlsContainer&&t.controlsContainer.setAttribute("tabindex","-1");let s=i||this.el;s.scrollLeft=0,s.addEventListener("scroll",t=>{s.scrollLeft=0,t.preventDefault()});for(let t=0;t<e.length;t++){let i=e.item(t);if(i.classList.contains("tns-slide-cloned"))for(let t of i.querySelectorAll("a, button, img"))t.setAttribute("tabindex","-1");else i.addEventListener("keyup",i=>{if("Tab"!==i.key)return;let e=this._slider.getInfo();if(s.scrollLeft=0,this._sliderSettings.autoplay&&this._slider.pause(),t!==e.index){let i=t-e.cloneCount;this._slider.goTo(i)}})}}}}}]);