https://www.flamingo-druckparadies.eu/theme/48c135f1bb7984f37eefde…phere.zen-gallery-scroller.plugin.bcb598.js

1"use strict";(self.webpackChunkzenitPlatformSphere=self.webpackChunkzenitPlatformSphere||[]).push([[45799],{640(e,i,t){t.d(i,{A:()=>s});var r=t(4059);class s{constructor(){this.previousViewport=null,this.currentViewport=s.getCurrentViewport(),this._registerEvents()}_registerEvents(){window.addEventListener("DOMContentLoaded",this._onDOMContentLoaded.bind(this)),window.addEventListener("resize",r.A.debounce(this._onResize.bind(this),200),{capture:!0,passive:!0})}_onDOMContentLoaded(){this._dispatchEvents()}_onResize(){this._viewportHasChanged(s.getCurrentViewport())&&(this._dispatchEvents(),this._dispatchViewportEvent("Viewport/hasChanged"))}_dispatchEvents(){s.isXS()?this._dispatchViewportEvent("Viewport/isXS"):s.isSM()?this._dispatchViewportEvent("Viewport/isSM"):s.isMD()?this._dispatchViewportEvent("Viewport/isMD"):s.isLG()?this._dispatchViewportEvent("Viewport/isLG"):s.isXL()?this._dispatchViewportEvent("Viewport/isXL"):s.isXXL()&&this._dispatchViewportEvent("Viewport/isXXL")}_viewportHasChanged(e){let i=e!==this.currentViewport;return i&&(this.previousViewport=this.currentViewport,this.currentViewport=e),i}_dispatchViewportEvent(e){document.$emitter.publish(e,{previousViewport:this.previousViewport})}static isXS(){return"XS"===s.getCurrentViewport()}static isSM(){return"SM"===s.getCurrentViewport()}static isMD(){return"MD"===s.getCurrentViewport()}static isLG(){return"LG"===s.getCurrentViewport()}static isXL(){return"XL"===s.getCurrentViewport()}static isXXL(){return"XXL"===s.getCurrentViewport()}static getCurrentViewport(){return window.getComputedStyle(document.documentElement).getPropertyValue("--sw-current-breakpoint").replace(/['"]+/g,"").toUpperCase()}}},4059(e,i,t){t.d(i,{A:()=>r});class r{static debounce(e,i){let t,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(){for(var s=arguments.length,o=Array(s),n=0;n<s;n++)o[n]=arguments[n];r&&!t&&setTimeout(e.bind(e,...o),0),clearTimeout(t),t=setTimeout(e.bind(e,...o),i)}}}},4632(e,i,t){t.d(i,{A:()=>r});class r{static isTouchDevice(){return"ontouchstart"in document.documentElement}static isIOSDevice(){return r.isIPhoneDevice()||r.isIPadDevice()}static isNativeWindowsBrowser(){return r.isIEBrowser()||r.isEdgeBrowser()}static isIPhoneDevice(){return!!navigator.userAgent.match(/iPhone/i)}static isIPadDevice(){return!!navigator.userAgent.match(/iPad/i)}static isIEBrowser(){return -1!==navigator.userAgent.toLowerCase().indexOf("msie")||!!navigator.userAgent.match(/Trident.*rv:\d+\./)}static isEdgeBrowser(){return!!navigator.userAgent.match(/Edge\/\d+/i)}static getList(){return{"is-touch":r.isTouchDevice(),"is-ios":r.isIOSDevice(),"is-native-windows":r.isNativeWindowsBrowser(),"is-iphone":r.isIPhoneDevice(),"is-ipad":r.isIPadDevice(),"is-ie":r.isIEBrowser(),"is-edge":r.isEdgeBrowser()}}}},5799(e,i,t){t.r(i),t.d(i,{default:()=>n});var r=t(4632),s=t(4059),o=t(640);class n extends window.PluginBaseClass{static #e=this.options={activeClass:"js-gallery-scroller",galleryScrollerSelector:".gallery-scroller",gallerySliderItemSelector:".gallery-scroller .gallery-slider-item",thumbnailsSelector:".gallery-slider-thumbnails-container .gallery-slider-thumbnails-item",zoomModalSelector:"[data-zoom-modal]",triggerSelector:"img",triggerSelectorCanvas:"canvas",zoomModalGallerySliderSelector:"[data-modal-gallery-slider]",magnifierSelector:"[data-magnifier]",magnifierContainerSelector:".js-magnifier-container",baseSliderSelector:".gallery-slider.base-slider",zoomImageContainerClass:"js-magnifier-zoom-image-container",stickyHeaderSelector:".header-main[data-zen-sticky-header]",scrollDebounceTime:100};init(){let e=this.options,i=this.el.querySelector(e.zoomModalSelector),t=this.el.parentElement.querySelector(e.magnifierSelector);t&&(this._magnifierPlugin=window.PluginManager.getPluginInstanceFromElement(t,"Magnifier")),i&&(this._zoomModalPlugin=window.PluginManager.getPluginInstanceFromElement(i,"ZoomModal")),this._galleryScroller=this.el.querySelector(e.galleryScrollerSelector),this._galleryScroller&&(this._zoomModalTriggers=this._galleryScroller.querySelectorAll([e.triggerSelector,e.triggerSelectorCanvas]),this._gallerySliderItems=Array.from(this.el.querySelectorAll(e.gallerySliderItemSelector)),this._gallerySliderPlugin=window.PluginManager.getPluginInstanceFromElement(this.el,"GallerySlider"),this._currentSliderIndex=0,this._magnifierOverGallery=!!(this._magnifierPlugin&&this._magnifierPlugin.options.magnifierOverGallery),this._prepareMagnifierOverGallery(),this._registerEvents())}_registerEvents(){this._onViewportHasChanged(),document.addEventListener("Viewport/hasChanged",this._onViewportHasChanged.bind(this)),this._zoomModalPlugin&&this._onZoomModalShowSubscriber(),this.$emitter.publish("registerEvents")}_onViewportHasChanged(){let e=this.options;this._isInAllowedViewports()?(this.el.classList.add(e.activeClass),this._registerGalleryScrollerEvents(),this._registerZoomModalTriggerEvents(),this._registerMagnifierMouseEnterEvents()):(this.el.classList.remove(e.activeClass),this._unregisterGalleryScrollerEvents(),this._unregisterZoomModalTriggerEvents(),this._unregisterMagnifierMouseEnterEvents()),this.$emitter.publish("onViewportHasChanged")}_registerZoomModalTriggerEvents(){let e=r.A.isTouchDevice()?"touchstart":"mouseenter";this._unregisterZoomModalTriggerEvents(),this._zoomModalTriggers.forEac

1h((i,t)=>{i.addEventListener(e,this._onHoverZoomModalTrigger.bind(this,t))}),this.$emitter.publish("registerZoomModalTriggerEvents")}_unregisterZoomModalTriggerEvents(){let e=r.A.isTouchDevice()?"touchstart":"mouseenter";this._zoomModalTriggers.forEach(i=>{i.removeEventListener(e,this._onHoverZoomModalTrigger.bind(this))}),this.$emitter.publish("unregisterZoomModalTriggerEvents")}_onHoverZoomModalTrigger(e){this._currentSliderIndex=e,this._gallerySliderPlugin._slider.goTo(this._currentSliderIndex),this._unregisterZoomModalTriggerEvents(),this.$emitter.publish("onClickZoomModal")}_registerGalleryScrollerEvents(){let e=this.options;this.el.classList.add(e.activeClass),this._debounceOnScroll=s.A.debounce(this._onScroll.bind(this),e.scrollDebounceTime),document.addEventListener("scroll",this._debounceOnScroll,!1),this._thumbnails=this.el.querySelectorAll(e.thumbnailsSelector),this._thumbnails&&this._thumbnails.forEach((e,i)=>{e.addEventListener("click",this._scrollToImg.bind(this,i))}),this.$emitter.publish("registerGalleryScrollerEvents")}_unregisterGalleryScrollerEvents(){let e=this.options;this.el.classList.remove(e.activeClass),document.removeEventListener("scroll",this._debounceOnScroll,!1),this.$emitter.publish("unregisterGalleryScrollerEvents")}_onScroll(){let e=this._gallerySliderItems.reduce((e,i)=>i.getBoundingClientRect().top+i.clientHeight/2<=0?e+1:e,0);this._currentSliderIndex=e,this._gallerySliderPlugin._slider.goTo(this._currentSliderIndex)}_scrollToImg(e){let i=this.options,t=this._gallerySliderItems[e];this._currentSliderIndex=e;let r=document.querySelector(i.stickyHeaderSelector),s=r?r.offsetHeight:0;window.scrollTo({top:window.scrollY+t.getBoundingClientRect().top-s,behavior:"smooth"}),this.$emitter.publish("scrollToImg")}_prepareMagnifierOverGallery(){if(!this._magnifierOverGallery)return;let e=this.options,i=this.el.querySelector(e.baseSliderSelector);i&&i.classList.remove(e.zoomImageContainerClass),this._magnifierPlugin._zoomImageContainer=this._gallerScroller.querySelector(e.magnifierContainerSelector)}_registerMagnifierMouseEnterEvents(){this._magnifierOverGallery&&(this._unregisterMagnifierMouseEnterEvents(),this._imageContainers=this.el.querySelectorAll(this.options.magnifierContainerSelector),this._imageContainers.forEach(e=>{e.addEventListener("mouseenter",this._onMagnifierMouseMove.bind(this,e),!1)}),this.$emitter.publish("registerMagnifierMouseEnterEvents"))}_unregisterMagnifierMouseEnterEvents(){this._imageContainers&&(this._imageContainers.forEach(e=>{e.removeEventListener("mouseenter",this._onMagnifierMouseMove.bind(this,e),!1)}),this.$emitter.publish("unregisterMagnifierMouseEnterEvents"))}_onMagnifierMouseMove(e){this._magnifierOverGallery&&(this._magnifierPlugin._zoomImageContainer=e)}_onZoomModalShowSubscriber(){this._zoomModalPlugin.$emitter.subscribe("initSlider.ZenGalleryScrollerPlugin",this._onZoomModalShow.bind(this))}_onZoomModalShow(e){let i=this.options;if("modal"in e.detail){let e=this.el.querySelector(i.zoomModalGallerySliderSelector);this._zoomGallerySliderPlugin=window.PluginManager.getPluginInstanceFromElement(e,"GallerySlider"),this._zoomGallerySliderPlugin._slider.goTo(this._currentSliderIndex)}this.$emitter.publish("onZoomModalShow")}_isInAllowedViewports(){return o.A.isLG()||o.A.isXL()||o.A.isXXL()}}}}]);