https://simplelawnsolutions.com/cdn/shop/t/40/assets/announcement-bar.js?v=24315052641535901231775226337

1class AnnouncementBar extends HTMLElement{constructor(){super(),this.dataset.blockCount!=1&&((theme.config.mqlSmall||this.dataset.compact=="true")&&this.initSlider(),document.addEventListener("matchSmall",()=>{this.unload(),this.initSlider()}),document.addEventListener("unmatchSmall",()=>{this.unload(),this.dataset.compact==="true"&&this.initSlider()}))}unload(){this.flickity&&typeof this.flickity.destroy=="function"&&(this.flickity.destroy(),this.resetProgressbar(),this.removeListeners())}initSlider(){setTimeout(()=>{this.flickity=new Flickity(this.querySelector(".announcement-slider"),{accessibility:!1,rightToLeft:theme.config.rtl,prevNextButtons:!1,pageDots:!1,wrapAround:!0,setGallerySize:!1})}),this.isPaused=!1,this.forcePaused=!1,this.duration=parseInt(this.dataset.autorotateSpeed),this.interval=10,this.prevButton=this.querySelector('button[name="previous"]'),this.nextButton=this.querySelector('button[name="next"]'),this.playButton=this.querySelector('button[name="play"]'),setTimeout(()=>{this.flickity=new Flickity(this.querySelector(".announcement-slider"),{accessibility:!1,rightToLeft:theme.config.rtl,prevNextButtons:!1,pageDots:!1,wrapAround:!0,setGallerySize:!1}),this.flickity.on("change",()=>{!this.isPaused&&!theme.config.mqlSmall&&this.startProgressbar()})}),this.onButtonClick=this.onButtonClick.bind(this),this.prevButton&&this.prevButton.addEventListener("click",this.onButtonClick),this.nextButton&&this.nextButton.addEventListener("click",this.onButtonClick),this.playButton&&this.playButton.addEventListener("click",this.onButtonClick),this.addEventListener("slider:paused",this.onSliderPaused),!theme.config.mqlSmall&&this.startProgressbar(),new IntersectionObserver(this.handleIntersection.bind(this)).observe(this),this.dataset.autorotate!=="true"&&this.setForcePaused(!0)}removeListeners(){this.prevButton&&this.prevButton.removeEventListener("click",this.onButtonClick),this.nextButton&&this.nextButton.removeEventListener("click",this.onButtonClick),this.playButton&&this.playButton.removeEventListener("click",this.onButtonClick),this.removeEventListener("slider:paused",this.onSliderPaused)}onSliderPaused(event){this.setAttribute("data-paused",event.detail.paused)}onButtonClick(event){event.preventDefault();const target=event.currentTarget;target.name==="next"?this.flickity&&this.flickity.next():target.name==="previous"?this.flickity&&this.flickity.previous():this.setForcePaused(!this.forcePaused)}setForcePaused(paused){this.forcePaused=paused,this.setPaused(paused)}setPaused(paused){this.isPaused=paused;const event=new CustomEvent("slider:paused",{detail:{paused}});this.dispatchEvent(event)}resetProgressbar(){this.style.setProperty("--progress-width","0%"),clearTimeout(this.tick)}startProgressbar(){this.resetProgressbar(),this.setForcePaused(!1),this.percentTime=0,this.tick=window.setInterval(this.increase.bind(this),this.interval)}increase(){!this.isPaused&&!theme.config.mqlSmall&&(this.step=this.duration*1e3/this.interval,this.percentTime+=100/this.step,this.style.setProperty("--progress-width",`${this.percentTime}%`),this.percentTime>=100&&(this.flickity&&this.flickity.next(),this.startProgressbar()))}handleIntersection(entries,_observer){entries[0].isIntersecting?!this.forcePaused&&this.setPaused(!1):this.setPaused(!0)}}customElements.define("announcement-bar",AnnouncementBar);
2//# sourceMappingURL=/cdn/shop/t/40/assets/announcement-bar.js.map?v=24315052641535901231775226337