gilour

Back Back Up Advanced Editor

class KBImage{components={};_state;root;rootID;standardElem=null;stickyElem=null;isSticking=!1;constructor(a,b={}){this.root="string"==typeof a?document.querySelector(a):a,this.rootID="aaa",this._state="CREATED",this.standardElem=this.root.querySelector(".kb-img"),this.stickyElem=this.root.querySelector(".kb-img-sticky"),this.stickyElem&&this.initStickyTrack();var c=new Event("MOUNTED",{bubbles:!0});c.qlID=this.rootID,this.root.dispatchEvent(c),this._state="IDLE"}initStickyTrack(){const a=this;window.addEventListener("KADENCE_HEADER_STICKY_CHANGED",this.toggleSticky.bind(a))}toggleSticky(a){a.isSticking?(this.isSticking=!0,this.setStickyStyles()):(this.isSticking=!1,this.setStandardStyles())}setStickyStyles(){this.stickyElem&&(this.stickyElem.style.display="initial"),this.unsetStandardStyles()}setStandardStyles(){this.standardElem&&(this.standardElem.style.display="initial"),this.unsetStickyStyles()}unsetStickyStyles(){this.stickyElem&&(this.stickyElem.style.display="none")}unsetStandardStyles(){this.standardElem&&(this.standardElem.style.display="none")}get state(){return this._state}set state(a){this._state=a;var b=new Event("STATE");b.val=a,b.qlID=this.rootID,this.root.dispatchEvent(b)}}window.KBImage=KBImage;const initKBImage=()=>{window.KBImageBlocks=[];var a=document.querySelectorAll(".wp-block-kadence-image");for(let c=0;c<a.length;c++){var b=a[c];const d=new KBImage(b);window.KBImageBlocks.push(d)}};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",initKBImage):initKBImage();