https://www.pollutec.com/etc.clientlibs/rx/components/sitebuilder/….ACSHASH9ed432c2fc51548c90c87041fa209811.js

1(self.webpackChunk=self.webpackChunk||[]).push([[2980],{2116:()=>{!function(){"use strict";rx.componentLoader.register({rxcarousel:class{constructor(e,t){this.el=e,this.options=Object.assign({NS:"cmp",IS:"rxcarousel",keyCodes:{SPACE:32,END:35,HOME:36,ARROW_LEFT:37,ARROW_UP:38,ARROW_RIGHT:39,ARROW_DOWN:40},properties:{autoplay:{default:!1,transform:function(e){return!(null==e||!1===e)}},delay:{default:5e3,transform:function(e){return e=parseFloat(e),isNaN(e)?null:e}},autopauseDisabled:{default:!1,transform:function(e){return!(null==e||!1===e)}}}},t),this.init({element:this.el,options:this.options})}init(e){this._config=e,this._carouselId=e.element.id,this._carouselContent=e.element.querySelector(".cmp-rxcarousel__content"),this._slideNumber=e.element.querySelector(".cmp-rxcarousel__slide-number"),this._indicators=e.element.querySelector(".cmp-rxcarousel__indicators"),this._showIndicators=!0,this.itemsPerSlide=this.options.itemsPerBucket,this.setupProperties(e.options),null!=this._carouselContent&&(this.cacheElements(e.element),this.storeSingleItems(),this._active=0,this._paused=!1,this._firstLoad=!0,this._totalItems=e.element.querySelector(".cmp-rxcarousel__indicators").children.length,Array.isArray(this._elements.item)?this.clonedItems=[...this._elements.item]:this.clonedItems=this._elements.item.cloneNode(!0),0===this._elements.self.querySelectorAll(".cmp-container > div")[0].children.length&&(this._showIndicators=!1),this._elements.item&&(this.handleBreakpoints(),this.refreshActive(),this.bindEvents(),this.resetAutoplayInterval(),this.refreshPlayPauseActions()),window.Granite&&window.Granite.author&&window.Granite.author.MessageChannel&&new window.Granite.author.MessageChannel("cqauthor",window).subscribeRequestMessage("cmp.panelcontainer",e=>{e.data&&"cmp-rxcarousel"===e.data.type&&e.data.id===this._elements.self.dataset.cmpPanelcontainerId&&"navigate"===e.data.operation&&this.navigate(e.data.index)}))}handleBreakpoints(){const e=window.matchMedia("(min-width: 768px) and (max-width:991px)"),t=window.matchMedia("(min-width: 992px)");this.preArrangeElements(e,t),this.options.editMode||(e.addEventListener("change",this.debounce(this.preArrangeElements.bind(this,e,t))),t.addEventListener("change",this.debounce(this.preArrangeElements.bind(this,e,t))))}defineBreakpoint(e,t){let s="xs";return e.matches?s="sm":t.matches&&(s="md"),s}preArrangeElements(e,t){const s=this.defineBreakpoint(e,t);this.rearrangeElements(s)}rearrangeElements(e){"xs"===e||this.options.editMode?(this.itemsPerSlide=1,this.changeToCustomPanelCarouselItem(1),this.commonSetup(!1)):"sm"!==e&&"md"!==e||(4===this.options.itemsPerBucket&&"sm"===e?(this.itemsPerSlide=3,this.changeToCustomPanelCarouselItem(3),this.commonSetup(!0)):(this.itemsPerSlide=this.options.itemsPerBucket,this._firstLoad?(this.modifyCarouselIndicators(this._carouselContent,!0),this.cacheElements(this._config.element)):(this.changeToWidePanelCarouselItems(),this.commonSetup(!0))))}commonSetup(e){this.modifyCarouselIndicators(this._carouselContent,e),this.cacheElements(this._config.element),this._active=0,this._paused=!1,this._elements.item&&(this.refreshActive(),this.resetAutoplayInterval(),this.refreshPlayPauseActions()),this._firstLoad=!1}storeSingleItems(){this.singleItems=[];const e=[...this._carouselContent.querySelectorAll(".cmp-rxcarousel__item")],t=this.options.totalItems%this.options.itemsPerBucket;e.forEach((s,i)=>{[...s.querySelectorAll(".syntheticcontainer .cmp-container > div")].forEach((s,n)=>{0!==t&&i+1===e.length&&n<this.options.itemsPerBucket-t&&1!==e.length||this.singleItems.push(s.cloneNode(!0))})})}removePreviousItems(){[...this._carouselContent.querySelectorAll(".cmp-rxcarousel__item")].forEach(e=>{e.remove()})}changeToCustomPanelCarouselItem(e){const t=[...this.singleItems],s=Math.ceil(this.singleItems.length/e),i=new DocumentFragment;let n,a,r=0;for(this.removePreviousItems();r<s;r++)a=r!==s-1||1===s?t.slice(e*r,e*(r+1)):t.slice(t.length-e,t.length),n=this.createCarouselItemStructure(a),i.insertBefore(n,i.childNodes[0]);this.render(i,s)}render(e,t){const s=e.querySelectorAll(".cmp-rxcarousel__item");let i=this.options.totalItems;for(let e=0;e<s.length;e++)s[e].setAttribute("aria-label","Slide "+i+" of "+t),this._carouselContent.insertBefore(s[e],this._carouselContent.childNodes[0]),i--}createCarouselItemStructure(e){const t=document.createElement("DIV"),s=document.createElement("DIV"),i=document.createElement("DIV");let n=document.createElement("DIV");return t.setAttribute("class","cmp-rxcarousel__item"),t.setAttribute("role","tabpanel"),t.setAttribute("data-cmp-hook-rxcarousel","item"),s.setAttribute("class","syntheticcontainer"),i.setAttribute("class","cmp-container"),Array.isArray(e)?e.forEach(e

1=>{n=document.createElement("DIV"),n.setAttribute("class",e.classList.value),n.innerHTML=e.innerHTML,i.appendChild(n)}):(n.setAttribute("class",e.classList.value),n.innerHTML=e.innerHTML,i.appendChild(n)),s.appendChild(i),t.appendChild(s),t}changeToWidePanelCarouselItems(){this.removePreviousItems(),Array.isArray(this.clonedItems)?this.clonedItems.forEach((e,t)=>{this._carouselContent.insertBefore(e,this._carouselContent.childNodes[t])}):this._carouselContent.insertBefore(this.clonedItems,this._carouselContent.childNodes[0])}modifyCarouselIndicators(e,t){const s=e.querySelectorAll(".cmp-rxcarousel__item"),i=e.querySelector(".cmp-rxcarousel__indicators");i.innerHTML="";for(let e=1;e<=s.length;e++)i.innerHTML+=this.createCarouselIndicator(e);this._firstLoad||(this._slideNumber.innerHTML=`1/${i.children.length}`),this._showIndicators?t?(this._slideNumber.style.display="none",this._indicators.style.display="flex"):(this._slideNumber.style.display="block",this._indicators.style.display="none"):(this._slideNumber.style.display="none",this._indicators.style.display="none")}createCarouselIndicator(e){const t=e-1;let s="",i="cmp-rxcarousel__indicator",n="";return 1===e?(i+=" cmp-rxcarousel__indicator--active theme__ac-color--background-color",n='aria-selected="true" tabindex="0"'):n='aria-selected="false" tabindex="-1" aria-hidden="true"',s='<li class="'+i+'" role="tab" aria-label="Slide '+e+'" data-cmp-hook-rxcarousel="indicator" id="'+this._carouselId+"-tab"+t+'" aria-controls="'+this._carouselId+"-tabpanel"+t+'" '+n+"></li>",s}debounce(e,t,s){let i;return function(){const n=this;let a=arguments;const r=s&&!i;clearTimeout(i),i=setTimeout(function(){i=null,s||e.apply(n,a)},t),r&&e.apply(n,a)}}cacheElements(e){this._elements={},this._elements.self=e;const t=this._elements.self.querySelectorAll("[data-"+this.options.NS+"-hook-"+this.options.IS+"]");for(let e=0;e<t.length;e++){let s=t[e],i=this.options.IS;i=i.charAt(0).toUpperCase()+i.slice(1);let n=s.dataset[this.options.NS+"Hook"+i];if(this._elements[n]){if(!Array.isArray(this._elements[n])){let e=this._elements[n];this._elements[n]=[e]}this._elements[n].push(s)}else this._elements[n]=s}}setupProperties(e){const{properties:t}=e;this._properties={};for(let s in t)if(Object.prototype.hasOwnProperty.call(t,s)){const i=t[s];let n=null;e&&null!=e[s]&&(n=e[s],i&&"function"==typeof i.transform&&(n=i.transform(n))),null===n&&(n=t[s].default),this._properties[s]=n}}bindEvents(){this._elements.previous&&this._elements.previous.addEventListener("click",()=>{this.navigate(this.getPreviousIndex())}),this._elements.next&&this._elements.next.addEventListener("click",()=>{this.navigate(this.getNextIndex())});const e=this._elements.indicator;if(e)for(let t=0;t<e.length;t++)(s=>{e[t].addEventListener("click",()=>{this.navigateAndFocusIndicator(s)})})(t);this._elements.pause&&this._properties.autoplay&&this._elements.pause.addEventListener("click",this.onPauseClick.bind(this)),this._elements.play&&this._properties.autoplay&&this._elements.play.addEventListener("click",this.onPlayClick.bind(this)),this._elements.self.addEventListener("keydown",this.onKeyDown.bind(this)),this._properties.autopauseDisabled||(this._elements.self.addEventListener("mouseenter",this.onMouseEnter.bind(this)),this._elements.self.addEventListener("mouseleave",this.onMouseLeave.bind(this)))}onKeyDown(e){const t=this._active,s=this._elements.indicator.length-1;switch(e.keyCode){case this.options.keyCodes.ARROW_LEFT:case this.options.keyCodes.ARROW_UP:e.preventDefault(),t>0&&this.navigateAndFocusIndicator(t-1);break;case this.options.keyCodes.ARROW_RIGHT:case this.options.keyCodes.ARROW_DOWN:e.preventDefault(),t<s&&this.navigateAndFocusIndicator(t+1);break;case this.options.keyCodes.HOME:e.preventDefault(),this.navigateAndFocusIndicator(0);break;case this.options.keyCodes.END:e.preventDefault(),this.navigateAndFocusIndicator(s);break;case this.options.keyCodes.SPACE:this._properties.autoplay&&e.target!==this._elements.previous&&e.target!==this._elements.next&&(e.preventDefault(),this._paused?this.play():this.pause()),e.target===this._elements.pause&&this._elements.play.focus(),e.target===this._elements.play&&this._elements.pause.focus();break;default:return}}onMouseEnter(){this.clearAutoplayInterval()}onMouseLeave(){this.resetAutoplayInterval()}onPauseClick(){this.pause(),this._elements.play.focus()}onPlayClick(){this.play(),this._elements.pause.focus()}pause(){this._paused=!0,this.clearAutoplayInterval(),this.refreshPlayPauseActions()}play(){this._paused=!1;let e=!1;this._elements.self.parentElement&&(e=this._elements.self.parentElement.querySelector(":hover")===this._elements.self),!this._properties.autopauseDisabled&&e||this.resetAutoplayInterval(),this.refreshPlayPauseActions()}refreshPlayPauseActions(){this.setActionDisabled(this._elements.pause,this._paused),this.setActionDisabled(this._elements.play,!this._paused)}refreshActive(){const e=this._elements.item,t=this._elements.indicator;if(e)if(Array.isArray(e))for(let s=0;s<e.length;s++)s===parseInt(this._active)?(e[s].classList.add("cmp-rxcarousel__item--active"),e[s].removeAttribute("aria-hidden"),t[s].classList.add("cmp-rxcarousel__indicator--active","theme__ac-color--background-color"),t[s].setAttribute("aria-selected",!0),t[s].setAttribute("tabindex","0")):(e[s].classList.remove("cmp-rxcarousel__item--active"),e[s].setAttribute("aria-hidden",!0),t[s].classList.remove("cmp-rxcarousel__indicator--active","theme__ac-color--background-color"),t[s].setAttribute("aria-selected",!1),t[s].setAttribute("tabindex","-1"));else e.classList.add("cmp-rxcarousel__item--active"),t.classList.add("cmp-rxcarousel__indicator--active","theme__ac-color--background-color");

1if(this._firstLoad){const e=this._elements.item.length>this.options.itemsPerBucket?this._elements.item.length:this._totalItems;this._slideNumber.innerHTML=`1/${e}`}}focusWithoutScroll(e){const t=window.scrollX||window.pageXOffset,s=window.scrollY||window.pageYOffset;e.focus(),window.scrollTo(t,s)}getNextIndex(){return this._active===this._elements.item.length-1?0:this._active+1}getPreviousIndex(){const e=this.options.totalItems>this.itemsPerSlide?this._elements.item.length:1;return 0===this._active?e-1:this._active-1}navigate(e){if(e<0||e>this._elements.item.length-1)return;this._active=e,this.refreshActive();const t=this._elements.item.length;this._slideNumber.innerHTML=`${this._active+1}/${t}`,this._elements.self.parentElement&&this._elements.self.parentElement.querySelector(":hover")!==this._elements.self&&this.resetAutoplayInterval()}navigateAndFocusIndicator(e){this.navigate(e),this.focusWithoutScroll(this._elements.indicator[e])}resetAutoplayInterval(){!this._paused&&this._properties.autoplay&&(this.clearAutoplayInterval(),this._autoplayIntervalId=window.setInterval(()=>{if(document.visibilityState&&document.hidden)return;const e=this._elements.indicators;e!==document.activeElement&&e.contains(document.activeElement)?this.navigateAndFocusIndicator(this.getNextIndex()):this.navigate(this.getNextIndex())},this._properties.delay))}clearAutoplayInterval(){window.clearInterval(this._autoplayIntervalId),this._autoplayIntervalId=null}setActionDisabled(e,t){e&&(!1!==t?(e.disabled=!0,e.classList.add("cmp-rxcarousel__action--disabled")):(e.disabled=!1,e.classList.remove("cmp-rxcarousel__action--disabled")))}}})}()}},e=>{var t;t=2116,e(e.s=t)}]);