jQuery(document).ready(function($){
const sdccCSSFile='https://suitedash.com/wp-content/uploads/custom-css-js/34206.css';
var sdccCurrentClass='';
var sdccCurrentIndex=null;
var sdccIsShowList={};
var sdccClassList=[];
var sdccBeaconIframe=null;
var sdccBeaconIframeBody=null;
function sdccSetClass($class){
for (i=0; i < sdccClassList.length; i++){
if(sdccBeaconIframe){
sdccBeaconIframeBody.removeClass(sdccClassList[i]);
}
jQuery('body').removeClass(sdccClassList[i]);
}
if($class){
if(sdccBeaconIframe){
sdccBeaconIframeBody.addClass($class);
}
jQuery('body').addClass($class);
}
sdccCurrentClass=$class;
}
function sdccInitClasses(){
var sdccCurrentElement=0;
jQuery('.js-sd-color-change').each(function(){
sdccClassList.push(this.dataset.class);
if(this.getBoundingClientRect().top < 0&&(this.getBoundingClientRect().top > sdccCurrentElement||sdccCurrentElement===0)){
sdccCurrentElement=this.getBoundingClientRect().top;
sdccCurrentClass=this.dataset.class;
sdccCurrentIndex=this.dataset.index * 1;
}});
sdccSetClass(sdccCurrentClass);
}
if(typeof Beacon==="function"){
Beacon('once', 'ready', ()=> {
setTimeout(()=> {
let sdccBeacon=jQuery('#beacon-container iframe');
if(sdccBeacon){
sdccBeaconIframe=sdccBeacon.contents();
sdccBeaconIframe.find("head").append('<link rel="stylesheet" href="' + sdccCSSFile + '" type="text/css" media="all">');
sdccBeaconIframeBody=sdccBeaconIframe.find("body");
if(sdccCurrentClass){
sdccSetClass(sdccCurrentClass);
}}
}, 1000);
});
}
var sdccObserver=new IntersectionObserver(function(entries){
entries.forEach(entry=> {
var newClass=entry.target.dataset.class;
if(entry.isIntersecting===true){
if(entry.target.dataset.class){
sdccIsShowList[newClass]=true;
if(newClass!==sdccCurrentClass){
sdccCurrentIndex=entry.target.dataset.index * 1;
sdccSetClass(newClass);
}}
}else if(sdccIsShowList[newClass]){
sdccIsShowList[newClass]=false;
let el=entry.target.getBoundingClientRect();
if(el.top > 0){
if(sdccCurrentIndex > 0){
sdccCurrentIndex--;
sdccSetClass(sdccClassList[sdccCurrentIndex]);
}else{
sdccCurrentIndex=null;
sdccSetClass('');
}}
}});
}, { threshold: [0] });
sdccInitClasses();
const sdccElements=document.querySelectorAll('.js-sd-color-change');
sdccElements.forEach(i=> {
sdccObserver.observe(i);
});
});