class RecentlyViewed extends HTMLElement{constructor(){super(),this.popup=this,this.expireDay=this.popup.getAttribute("data-expire-day"),this.limit=this.popup.getAttribute("data-product-to-show"),this.icon=this.getElementsByClassName("recently-viewed-icon"),this.tab=this.getElementsByClassName("recently-viewed-tab"),this.noProduct=this.getElementsByClassName("no-products")[0],this.iconClose=this.getElementsByClassName("button__close");const recentlyViewed=$(this.popup);Shopify.Products.recordRecentlyViewed();var cookieValue=$.cookie("shopify_recently_viewed");if(!(cookieValue!=null&&cookieValue!==""))this.noProduct.style.display="flex",this.popup.classList.add("is-show");else{var limit=this.limit,expireDay=this.expireDay;Shopify.Products.showRecentlyViewed({howManyToShow:limit,wrapperId:"recently-viewed-products-list",templateId:"recently-viewed-product-popup",onComplete:function(){recentlyViewed.find(".no-products").remove(),recentlyViewed.addClass("is-show");var recentlyGrid=recentlyViewed.find(".products-grid"),productGrid=recentlyGrid.find(".item");productGrid.length>0&&recentlyGrid.is(":visible")&&(window.innerWidth<767?productGrid.length>2&&recentlyGrid.addClass("has-arrow"):productGrid.length>3&&recentlyGrid.addClass("has-arrow")),recentlyGrid.on("mouseenter",".item",event=>{event.preventDefault();var $currTarget=$(event.currentTarget),current=recentlyGrid.find(".slick-active"),index=current.index($currTarget),content=$currTarget.find(".second-info").html(),productInfo=$(".product-info",recentlyGrid),marginTop=Math.abs(index)*productInfo.outerHeight();productInfo.html(content).css("margin-top",marginTop).show()}),recentlyGrid.on("mouseenter",".slick-arrow",event=>{$(".product-info",recentlyGrid).hide()}),recentlyGrid.on("click","a[data-mobile-click]",event=>{window.innerWidth<768&&event.preventDefault()}),window.location.pathname.indexOf("/products/")!==-1&&$.cookie("shopify_recently_viewed",cookieValue,{expires:expireDay,path:"/",domain:window.location.hostname})}})}for($("#recently-viewed-products-share").on("click","[data-open-newsletter-popup]",event=>{event.preventDefault(),document.body.classList.add("newsletter-show"),setTimeout(()=>{document.body.classList.add("show-newsletter-image")},700)}),i=0;i<this.icon.length;i++)this.icon[i].addEventListener("click",this.popup.iconClick.bind(this));for(document.body.addEventListener("click",this.onBodyClickEvent.bind(this)),i=0;i<this.iconClose.length;i++)this.iconClose[i].addEventListener("click",this.popup.closeDetails.bind(this))}iconClick(event){var $currTarget=event.currentTarget,$recentlyViewed=this.popup;if($currTarget.classList.contains("open-popup")){var currPopup=$currTarget.getAttribute("data-target");if($currTarget.classList.contains("is-open"))$currTarget.classList.remove("is-open"),document.getElementById(currPopup)?.classList.remove("is-visible"),document.querySelector("body").classList.remove("recently-popup-mb-show");else{this.closeTab(),$currTarget.classList.add("is-open"),document.getElementById(currPopup)?.classList.add("is-visible");const recentlyGrid=$(`#${currPopup}`).find(".products-grid");if(window.innerWidth<1025)document.querySelector("body").classList.add("recently-popup-mb-show"),$(".recently-viewed-popup-mb .halo-recently-viewed").hide(),$(".recently-viewed-popup-mb").find(`#${currPopup}`).length?$(`#${currPopup}`).show():$(".recently-viewed-popup-mb").append($(document.getElementById(currPopup))),currPopup=="halo-recently-viewed-list"&&recentlyGrid.hasClass("slick-initialized")&&(recentlyGrid.slick("unslick"),recentlyGrid.find(".product-info").remove());else if($(".halo-recently-viewed-popup").append($(".recently-viewed-popup-mb .halo-recently-viewed")),currPopup=="halo-recently-viewed-list"&&!recentlyGrid.hasClass("slick-initialized")){const productGrid=recentlyGrid.find(".item");productGrid.length>2?recentlyGrid.slick({infinite:!1,speed:1e3,slidesToShow:3,dots:!1,arrows:!0,vertical:!0,slidesToScroll:1,adaptiveHeight:!0,nextArrow:'<button type="button" class="slick-next"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><title>ic-arrow-right</title><path d="M15.111 12L8 4.889 8.889 4l8 8-8 8L8 19.111z"></path></svg></button>',prevArrow:'<button type="button" class="slick-prev"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><title>ic-arrow-left</title><path d="M8.778 12l7.111-7.111L15 4l-8 8 8 8 .889-.889z"></path></svg></button>',responsive:[{breakpoint:768,settings:{slidesToScroll:1,slidesToShow:1}}]}):productGrid.length>1&&recentlyGrid.slick({infinite:!1,speed:1e3,slidesToShow:2,dots:!1,arrows:!0,vertical:!0,slidesToScroll:1,adaptiveHeight:!0,nextArrow:'<button type="button" class="slick-next"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><title>ic-arrow-right</title><path d="M15.111 12L8 4.889 8.889 4l8 8-8 8L8 19.111z"></path></svg></button>',prevArrow:'<button type="button" class="slick-prev"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><title>ic-arrow-left</title><path d="M8.778 12l7.111-7.111L15 4l-8 8 8 8 .889-.889z"></path></svg></button>',responsive:[{breakpoint:768,settings:{slidesToScroll:1,slidesToShow:1}}]}),recentlyGrid.prepend('<div class="product-info"></div>')}}}else this.closeTab(),$("html, body").animate({scrollTop:0},700);document.body.classList.contains("recently-popup-mb-show")&&document.querySelector(".background-overlay").addEventListener("click",this.closeDetails.bind(this))}closeDetails(event){event.preventDefault(),event.stopPropagation(),document.querySelector("body").classList.remove("recently-popup-mb-show"),this.closeTab()}closeTab(){for(i=0;i<this.icon.length;i++)this.icon[i].classList.remove("is-open");for(i=0;i<this.tab.length;i++)this.tab[i].classList.remove("is-visible")}onBodyClickEvent(event){this.contains(event.target)||this.closeTab()}}customElements.define("recently-viewed-popup",RecentlyViewed);
//# sourceMappingURL=/cdn/shop/t/9/assets/halo-recently-viewed.js.map?v=28791543009211477571659634435