Current path: home/webdevt/www/wdp/wp-content/plugins/supreme-modules-pro-for-divi/includes/modules/CircleInfo/
?? Go up: /home/webdevt/www/wdp/wp-content/plugins/supreme-modules-pro-for-divi/includes/modules
class DSMCircleInfo{constructor(t){this.container=t,this.delay=this.container.dataset.delay,this.animation=this.container.dataset.animation,this.titleItemWrapper=this.container.querySelectorAll(".dsm-circle-info-item-inner-wrapper"),this.titleWrapper=this.container.querySelectorAll(".dsm-circle-info-button-wrapper"),this.contentWrapper=this.container.querySelectorAll(".dsm-circle-info-content-wrapper"),this.contentWrapperInner=this.container.querySelectorAll(".dsm-circle-info-content-inner-wrapper");let e=Array.from(this.titleItemWrapper).findIndex((t,e)=>t.classList.contains("dsm-circle-info-item-active"));-1===e&&(this.titleItemWrapper[0].classList.add("dsm-circle-info-item-active"),this.contentWrapper[0].classList.add("dsm-circle-info-item-active")),this.contentWrapperInner[0].classList.add("animated",this.animation),this.triggerType=t.dataset.trigger,this.config={isAutoplay:"on"===this.container.dataset.autoplay,updateAngle:Number(this.container.dataset.updateangle)},-1===e?this.currentActiveItem=0:this.currentActiveItem=e,this.init()}init(){this.setActiveItem(),this.config.isAutoplay&&this.handleAutoplay()}handleAutoplay(){setInterval(()=>{this.currentActiveItem>=this.titleWrapper.length-1?this.currentActiveItem=0:this.currentActiveItem++,this.titleItemWrapper.forEach((t,e)=>{t.classList.contains("dsm-circle-info-item-active")&&this.contentWrapper[e].classList.contains("dsm-circle-info-item-active")&&(t.classList.remove("dsm-circle-info-item-active"),this.contentWrapper[e].classList.remove("dsm-circle-info-item-active"),this.contentWrapperInner[e].classList.remove("animated",this.animation))}),this.titleItemWrapper[this.currentActiveItem].classList.add("dsm-circle-info-item-active"),this.contentWrapper[this.currentActiveItem].classList.add("dsm-circle-info-item-active"),this.contentWrapperInner[this.currentActiveItem].classList.add("animated",this.animation),this.contentWrapperInner[this.currentActiveItem].classList.add("animated",this.animation);let t=Number(getComputedStyle(this.container).getPropertyValue("--dsm-angle"))+this.config.updateAngle;this.container.style.setProperty("--dsm-angle",t.toString())},Number(this.delay))}removeActiveClass(){this.titleItemWrapper.forEach((t,e)=>{t.classList.contains("dsm-circle-info-item-active")&&this.contentWrapper[e].classList.contains("dsm-circle-info-item-active")&&(t.classList.remove("dsm-circle-info-item-active"),this.contentWrapper[e].classList.remove("dsm-circle-info-item-active"),this.contentWrapperInner[e].classList.remove("animated",this.animation))})}setActiveItem(){this.titleWrapper.forEach((t,e)=>{"click"===this.triggerType&&t.addEventListener("click",()=>{this.removeActiveClass(),this.titleItemWrapper[e].classList.add("dsm-circle-info-item-active"),this.contentWrapper[e].classList.add("dsm-circle-info-item-active"),this.contentWrapperInner[e].classList.add("animated",this.animation)}),"hover"===this.triggerType&&t.addEventListener("mouseover",()=>{this.removeActiveClass(),this.titleItemWrapper[e].classList.add("dsm-circle-info-item-active"),this.contentWrapper[e].classList.add("dsm-circle-info-item-active"),this.contentWrapperInner[e].classList.add("animated",this.animation)})})}}window.addEventListener("load",()=>{let t=document.querySelectorAll(".dsm-circle-info-container");document.querySelectorAll(".dsm-circle-info-description"),t.forEach(t=>{t.classList.add("dsm_animate");var e=new Waypoint({element:t,handler:function(e){new DSMCircleInfo(t),this.destroy()},offset:"50%"})}),document.querySelectorAll(".dsm-circle-info-description p:empty").forEach(t=>{t.remove()})});
