https://www.galerie-am-dom.de/theme/13a1b80845379e3b64037a651eda66…n-scroll-listing-animation.plugin.438bfa.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[68886],{8886:(t,e,i)=>{i.r(e),i.d(e,{default:()=>a});var n=i(4049),s=i(3266),o=i(447),r=i(9759);class a extends window.PluginBaseClass{init(){let t=this.options;if(this._elements=n.Z.querySelectorAll(this.el,t.animationClass,!1),!this._elements){if(!this.el.classList.contains(t.animationClass.slice(1)))return;this._elements=[this.el]}this._addAttributes(),this._registerEvents()}_registerEvents(){let t=n.Z.querySelector(document,".cms-element-product-listing-wrapper",!1);if(!t)return;document.addEventListener("Viewport/hasChanged",this._addAttributes.bind(this));let e=window.PluginManager.getPluginInstanceFromElement(t,"Listing"),i=n.Z.querySelector(document,"[data-zen-listing-columns]",!1),s=i?window.PluginManager.getPluginInstanceFromElement(i,"ZenListingColumns"):null;s?s.$emitter.subscribe("changeClasses",()=>{this._prepareElements()},{once:!0}):e.$emitter.subscribe("Listing/afterRenderResponse",()=>{this.init()},{once:!0})}_prepareElements(){let t=this.options;this._elements=n.Z.querySelectorAll(document,t.animationClass,!1),this._elements&&this._elements.length&&this._addAttributes()}_addAttributes(){let t=this.options,e=parseFloat(t.animationDelay),i=e,n=o.Z.getCurrentViewport(),r=1,a=this._countVisibleElements(this._elements);s.Z.iterate(this._elements,s=>{i=r*e,r++,a?r>a&&(r=1,a=null):r>t.cols[n]&&(r=1),s.setAttribute("data-wow-duration",t.animationDuration),s.setAttribute("data-wow-delay","".concat(i,"s"))}),this._initWow()}_countVisibleElements(t){let e=0;return s.Z.iterate(t,t=>{this._isVisible(t)&&e++}),e}_isVisible(t){let e=t.getAttribute("data-wow-offset")||this.options.offset,i=this.options.scrollContainer&&this.options.scrollContainer.scrollTop||window.pageYOffset,n=i+Math.min(window.document.documentElement.clientHeight,this._getInnerHeight())-e,s=this._offsetTop(t),o=s+t.clientHeight;return s<=n&&o>=i}_getInnerHeight(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight}_offsetTop(t){for(;void 0===t.offsetTop;)t=t.parentNode;let e=t.offsetTop;for(;t.offsetParent;)e+=(t=t.offsetParent).offsetTop;return e}_initWow(){new r.Z({boxClass:this.options.animationClass.replace(".",""),animateClass:"",offset:this.options.offset}).init()}}a.options={animationClass:".zen-animate-listing",animationDuration:"1s",animationDelay:"0.25s",offset:0,scrollContainer:null,cols:{}}},9759:(t,e,i)=>{var n;function s(t,e){return e.indexOf(t)>=0}function o(t,e,i){null!=t.addEventListener?t.addEventListener(e,i,!1):null!=t.attachEvent?t.attachEvent("on".concat(e),i):t[e]=i}function r(t,e,i){null!=t.removeEventListener?t.removeEventListener(e,i,!1):null!=t.detachEvent?t.detachEvent("on".concat(e),i):delete t[e]}i.d(e,{Z:()=>h});let a=window.WeakMap||window.MozWeakMap||class{get(t){for(let e=0;e<this.keys.length;e++)if(this.keys[e]===t)return this.values[e]}set(t,e){for(let i=0;i<this.keys.length;i++)if(this.keys[i]===t)return this.values[i]=e,this;return this.keys.push(t),this.values.push(e),this}constructor(){this.keys=[],this.values=[]}},l=window.MutationObserver||window.WebkitMutationObserver||window.MozMutationObserver||((n=class{observe(){}constructor(){"undefined"!=typeof console&&null!==console&&(console.warn("MutationObserver is not supported by your browser."),console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content."))}}).notSupported=!0,n),c=window.getComputedStyle||function(t){let e=/(\-([a-z]){1})/g;return{getPropertyValue(i){"float"===i&&(i="styleFloat"),e.test(i)&&i.replace(e,(t,e)=>e.toUpperCase());let{currentStyle:n}=t;return(null!=n?n[i]:void 0)||null}}};class h{init(){this.element=window.document.documentElement,s(document.readyState,["interactive","complete"])?this.start():o(document,"DOMContentLoaded",this.start),this.finished=[]}start(){if(this.stopped=!1,this.boxes=[].slice.call(this.element.querySelectorAll(".".concat(this.config.boxClass))),this.all=this.boxes.slice(0),this.boxes.length){if(this.disabled())this.resetStyle();else for(let t=0;t<this.boxes.length;t++){let e=this.boxes[t];this.applyStyle(e,!0)}}

1this.disabled()||(o(this.config.scrollContainer||window,"scroll",this.scrollHandler),o(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)),this.config.live&&new l(t=>{for(let e=0;e<t.length;e++){let i=t[e];for(let t=0;t<i.addedNodes.length;t++){let e=i.addedNodes[t];this.doSync(e)}}}).observe(document.body,{childList:!0,subtree:!0})}stop(){this.stopped=!0,r(this.config.scrollContainer||window,"scroll",this.scrollHandler),r(window,"resize",this.scrollHandler),null!=this.interval&&clearInterval(this.interval)}sync(){l.notSupported&&this.doSync(this.element)}doSync(t){if(null==t&&({element:t}=this),1!==t.nodeType)return;let e=(t=t.parentNode||t).querySelectorAll(".".concat(this.config.boxClass));for(let t=0;t<e.length;t++){let i=e[t];s(i,this.all)||(this.boxes.push(i),this.all.push(i),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(i,!0),this.scrolled=!0)}}show(t){var e;return this.applyStyle(t),t.className="".concat(t.className," ").concat(this.config.animateClass),null!=this.config.callback&&this.config.callback(t),e=this.wowEvent,null!=t.dispatchEvent?t.dispatchEvent(e):e in(null!=t)?t[e]():"on".concat(e) in(null!=t)&&t["on".concat(e)](),this.config.resetAnimation&&(o(t,"animationend",this.resetAnimation),o(t,"oanimationend",this.resetAnimation),o(t,"webkitAnimationEnd",this.resetAnimation),o(t,"MSAnimationEnd",this.resetAnimation)),t}applyStyle(t,e){let i=t.getAttribute("data-wow-duration")?t.getAttribute("data-wow-duration"):"2s",n=t.getAttribute("data-wow-delay")?t.getAttribute("data-wow-delay"):".5s",s=t.getAttribute("data-wow-iteration");return this.animate(()=>this.customStyle(t,e,i,n,s))}resetStyle(){for(let t=0;t<this.boxes.length;t++)this.boxes[t].style.visibility="visible"}resetAnimation(t){if(t.type.toLowerCase().indexOf("animationend")>=0){let e=t.target||t.srcElement;e.className=e.className.replace(this.config.animateClass,"").trim()}}customStyle(t,e,i,n,s){return e&&this.cacheAnimationName(t),t.style.visibility=e?"hidden":"visible",i&&this.vendorSet(t.style,{animationDuration:i}),n&&this.vendorSet(t.style,{animationDelay:n}),s&&this.vendorSet(t.style,{animationIterationCount:s}),this.vendorSet(t.style,{animationName:e?"none":this.cachedAnimationName(t)}),t}vendorSet(t,e){for(let i in e)if(e.hasOwnProperty(i)){let n=e[i];t["".concat(i)]=n;for(let e=0;e<this.vendors.length;e++){let s=this.vendors[e];t["".concat(s).concat(i.charAt(0).toUpperCase()).concat(i.substr(1))]=n}}}vendorCSS(t,e){let i=c(t),n=i.getPropertyCSSValue(e);for(let t=0;t<this.vendors.length;t++){let s=this.vendors[t];n=n||i.getPropertyCSSValue("-".concat(s,"-").concat(e))}return n}animationName(t){let e;try{e=this.vendorCSS(t,"animation-name").cssText}catch(i){e=c(t).getPropertyValue("animation-name")}return"none"===e?"":e}cacheAnimationName(t){return this.animationNameCache.set(t,this.animationName(t))}cachedAnimationName(t){return this.animationNameCache.get(t)}scrollHandler(){this.scrolled=!0}scrollCallback(){if(this.scrolled){this.scrolled=!1;let t=[];for(let e=0;e<this.boxes.length;e++){let i=this.boxes[e];if(i){if(this.isVisible(i)){this.show(i);continue}t.push(i)}}this.boxes=t,this.boxes.length||this.config.live||this.stop()}}offsetTop(t){for(;void 0===t.offsetTop;)t=t.parentNode;let e=t.offsetTop;for(;t.offsetParent;)e+=(t=t.offsetParent).offsetTop;return e}isVisible(t){let e=t.getAttribute("data-wow-offset")||this.config.offset,i=this.config.scrollContainer&&this.config.scrollContainer.scrollTop||window.pageYOffset,n=i+Math.min(this.element.clientHeight,"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight)-e,s=this.offsetTop(t),o=s+t.clientHeight;return s<=n&&o>=i}disabled(){var t;return!this.config.mobile&&(t=navigator.userAgent,/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(t))}constructor(t={}){this.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,callback:null,scrollContainer:null,resetAnimation:!0},this.animate="requestAnimationFrame"in window?t=>window.requestAnimationFrame(t):t=>t(),this.vendors=["moz","webkit"],this.start=this.start.bind(this),this.resetAnimation=this.resetAnimation.bind(this),this.scrollHandler=this.scrollHandler.bind(this),this.scrollCallback=this.scrollCallback.bind(this),this.scrolled=!0,this.config=function(t,e){for(let i in e)if(null==t[i]){let n=e[i];t[i]=n}return t}

1(t,this.defaults),null!=t.scrollContainer&&(this.config.scrollContainer=document.querySelector(t.scrollContainer)),this.animationNameCache=new a,this.wowEvent=function(t){let e,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return null!=document.createEvent?(e=document.createEvent("CustomEvent")).initCustomEvent(t,i,n,s):null!=document.createEventObject?(e=document.createEventObject()).eventType=t:e.eventName=t,e}(this.config.boxClass)}}},9610:(t,e,i)=>{i.d(e,{Z:()=>n});class n{static debounce(t,e){let i,n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(){for(var s=arguments.length,o=Array(s),r=0;r<s;r++)o[r]=arguments[r];n&&!i&&setTimeout(t.bind(t,...o),0),clearTimeout(i),i=setTimeout(t.bind(t,...o),e)}}}},4049:(t,e,i)=>{i.d(e,{Z:()=>s});var n=i(5140);class s{static isNode(t){return"object"==typeof t&&null!==t&&(t===document||t===window||t instanceof Node)}static hasAttribute(t,e){if(!s.isNode(t))throw Error("The element must be a valid HTML Node!");return"function"==typeof t.hasAttribute&&t.hasAttribute(e)}static getAttribute(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!1===s.hasAttribute(t,e))throw Error('The required property "'.concat(e,'" does not exist!'));if("function"!=typeof t.getAttribute){if(i)throw Error("This node doesn't support the getAttribute function!");return}return t.getAttribute(e)}static getDataAttribute(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2],o=e.replace(/^data(|-)/,""),r=n.Z.toLowerCamelCase(o,"-");if(!s.isNode(t)){if(i)throw Error("The passed node is not a valid HTML Node!");return}if(void 0===t.dataset){if(i)throw Error("This node doesn't support the dataset attribute!");return}let a=t.dataset[r];if(void 0===a){if(i)throw Error('The required data attribute "'.concat(e,'" does not exist on ').concat(t,"!"));return a}return n.Z.parsePrimitive(a)}static querySelector(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(t))throw Error("The parent node is not a valid HTML Node!");let n=t.querySelector(e)||!1;if(i&&!1===n)throw Error('The required element "'.concat(e,'" does not exist in parent node!'));return n}static querySelectorAll(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(t))throw Error("The parent node is not a valid HTML Node!");let n=t.querySelectorAll(e);if(0===n.length&&(n=!1),i&&!1===n)throw Error('At least one item of "'.concat(e,'" must exist in parent node!'));return n}static getFocusableElements(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;return t.querySelectorAll('\n            input:not([tabindex^="-"]):not([disabled]):not([type="hidden"]),\n            select:not([tabindex^="-"]):not([disabled]),\n            textarea:not([tabindex^="-"]):not([disabled]),\n            button:not([tabindex^="-"]):not([disabled]),\n            a[href]:not([tabindex^="-"]):not([disabled]),\n            [tabindex]:not([tabindex^="-"]):not([disabled])\n        ')}static getFirstFocusableElement(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;return this.getFocusableElements(t)[0]}static getLastFocusableElement(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,e=this.getFocusableElements(t);return e[e.length-1]}}},3266:(t,e,i)=>{i.d(e,{Z:()=>n});class n{static iterate(t,e){if(t instanceof Map||Array.isArray(t))return t.forEach(e);if(t instanceof FormData){for(var i of t.entries())e(i[1],i[0]);return}if(t instanceof NodeList)return t.forEach(e);if(t instanceof HTMLCollection)return Array.from(t).forEach(e);if(t instanceof Object)return Object.keys(t).forEach(i=>{e(t[i],i)});throw Error("The element type ".concat(typeof t," is not iterable!"))}}},5140:(t,e,i)=>{i.d(e,{Z:()=>n});class n{static ucFirst(t){return t.charAt(0).toUpperCase()+t.slice(1)}static lcFirst(t){return t.charAt(0).toLowerCase()+t.slice(1)}static toDashCase(t){return t.replace(/([A-Z])/g,"-$1").replace(/^-/,"").toLowerCase()}static toLowerCamelCase(t,e){let i=n.toUpperCamelCase(t,e);return n.lcFirst(i)}static toUpperCamelCase(t,e){return e?t.split(e).map(t=>n.ucFirst(t.toLowerCase())).join(""):n.ucFirst(t.toLowerCase())}static parsePrimitive(t){try{return/^\d+(.|,)\d+$/.test(t)&&(t=t.replace(",",".")),JSON.parse(t)}catch(e){return t.toString()}}}},447:(t,e,i)=>{i.d(e,{Z:()=>s});var n=i(9610);class s{_registerEvents(){window.addEventListener("DOMContentLoaded",this._onDOMContentLoaded.bind(this)),window.addEventListener("resize",n.Z.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(t){let e=t!==this.currentViewport;return e&&(this.previousViewport=this.currentViewport,this.currentViewport=t),e}_dispatchViewportEvent(t){document.$emitter.publish(t,{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()}constructor(){this.previousViewport=null,this.currentViewport=s.getCurrentViewport(),this._registerEvents()}}}}]);