app_shop.run((function(){app_shop.fn.instagram=new function(e){const t={containerWrapper:document.getElementById("instagram"),slider:!!document.getElementById("instagram").classList.contains("--slider")},r="object"==typeof e?e:t;this.numberOfElements=r.containerWrapper.getAttribute("numberOfElements"),this.queryGraphQL={query:`query {\n      instagram(numberOfElements: ${this.numberOfElements}) {\n        media {\n          directUrl,\n          siteUrl,\n          mediaType\n        }\n      }\n    }`};const a=async()=>{if(r.containerWrapper.classList.add("load-content"),sessionStorage.getItem("instagram_widget"))return r.containerWrapper.classList.remove("load-content"),r.containerWrapper.classList.remove("--skeleton"),JSON.parse(sessionStorage.getItem("instagram_widget"));try{const e=await fetch("/graphql/v1/",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(this.queryGraphQL)}),t=await e.json();return sessionStorage.setItem("instagram_widget",JSON.stringify(t)),r.containerWrapper.classList.remove("load-content"),r.containerWrapper.classList.remove("--skeleton"),t}catch(e){return!1}};this.createItemImg=(e,t)=>`<div class="instagram__item --img"><a href="${e}" target="blank"><img loading="lazy" src="${t}" alt="instagram"></a></div>`,this.createItemVideo=(e,t)=>`<div class="instagram__item --video"><a href="${e}" target="blank"><video controls autoplay muted preload="metadata"><source src="${"string"!=typeof t||t.includes("#")?t:`${t}#t=0.1`}"></source></video></a></div>`,this.createWidget=e=>{const t=e?e.data.instagram.media:void 0;if(null==t||0===t.length)return r.containerWrapper.remove(),!1;let a="";t.forEach((e=>{"VIDEO"===e.mediaType?a+=this.createItemVideo(e.siteUrl,e.directUrl):a+=this.createItemImg(e.siteUrl,e.directUrl)})),r.containerWrapper.querySelector(".instagram__items").innerHTML=a},this.slider=()=>{const e=r.containerWrapper.querySelector(".instagram__items");$(e).slick({autoplay:!0,adaptiveHeight:!0,prevArrow:'<a class="slick-prev" href=""><i class="icon-angle-left"></i></a>',nextArrow:'<a class="slick-next" href=""><i class="icon-angle-right"></i></a>',autoplaySpeed:5e3,slidesToShow:4,responsive:[{breakpoint:979,settings:{slidesToShow:2}}]})},this.instagramObserverFunc=e=>{e.forEach((e=>!!e.isIntersecting&&(e.target===r.containerWrapper&&(this.instagramObserver.unobserve(e.target),this.getWidget()),!0)))},this.instagramObserverInit=()=>{this.instagramObserver=new IntersectionObserver((e=>{this.instagramObserverFunc(e)})),this.instagramObserver.observe(r.containerWrapper)},this.getWidget=async()=>{await a().then((e=>{this.createWidget(e),r.slider&&this.slider()}))}}({containerWrapper:document.querySelector("#instagram.--main"),slider:!!document.querySelector("#instagram.--main").classList.contains("--slider")}),app_shop.fn.instagram.instagramObserverInit()}),"all","#instagram.--main");