class Instagram{constructor(a,t,e=4){this.mediaAPI="https://graph.instagram.com/me/media?fields=caption,id,media_type,media_url,permalink,thumbnail_url,timestamp,username",this.container=a,this.imagesContainer=a.querySelector(".m-instagram__wrapper"),this.accessToken=t,this.imagesCount=e,window.__sfWindowLoaded?this.init().catch(console.error):window.addEventListener("load",(()=>this.init().catch(console.error)))}lazyImage(a){const{src:t,alt:e}=a,i=document.createElement("IMG");return i.src=`${t}&width=300`,i.setAttribute("loading","lazy"),i.alt=e,i.outerHTML}nodeString(a){return`\n
\n
\n \n \n \n
\n
\n
\n ${this.lazyImage({src:a.media_url,alt:`instagram-image-${a.username}-${a.id}`})}\n
\n
`}async init(){const a=await fetchJsonCache(`${this.mediaAPI}&access_token=${this.accessToken}`,{cache:"force-cache"});a&&(a.error||a.data.filter((a=>"IMAGE"===a.media_type||"CAROUSEL_ALBUM"===a.media_type)).slice(0,this.imagesCount).forEach((a=>{const t=this.nodeString(a),e=document.createElement("DIV");e.classList.add("m:column"),e.innerHTML=t,this.imagesContainer.appendChild(e)})))}}window.MinimogTheme.Instagram=Instagram;