class FreeShippingMeter extends HTMLElement{constructor(){super()}static freeShippingText=window.free_shipping_text.free_shipping_message;static freeShippingText1=window.free_shipping_text.free_shipping_message_1;static freeShippingText2=window.free_shipping_text.free_shipping_message_2;static freeShippingText3=window.free_shipping_text.free_shipping_message_3;static freeShippingText4=window.free_shipping_text.free_shipping_message_4;static classLabel1="progress-30";static classLabel2="progress-60";static classLabel3="progress-100";static freeshipPrice=parseInt(window.free_shipping_price);connectedCallback(){this.freeShippingEligible=0,this.progressBar=this.querySelector("[data-shipping-progress]"),this.messageElement=this.querySelector("[data-shipping-message]"),this.textEnabled=this.progressBar?.dataset.textEnabled==="true",this.shipVal=window.free_shipping_text.free_shipping_1,this.progressMeter=this.querySelector("[ data-free-shipping-progress-meter]"),this.addEventListener("change",this.onCartChange.bind(this)),this.initialize()}initialize(){Shopify.getCart(cart=>{this.cart=cart,this.calculateProgress(cart)})}onCartChange(e){this.initialize()}calculateProgress(cart){const cartTotalPriceFormatted=(parseInt(cart.total_price)/100).toFixed(2),cartTotalPriceRounded=parseFloat(cartTotalPriceFormatted);let freeShipBar=Math.abs(cartTotalPriceRounded*100/FreeShippingMeter.freeshipPrice);freeShipBar>=100&&(freeShipBar=100);const text=this.getText(cartTotalPriceFormatted,freeShipBar),classLabel=this.getClassLabel(freeShipBar);this.setProgressWidthAndText(freeShipBar,text,classLabel)}getText(cartTotalPrice,freeShipBar){let text;if(cartTotalPrice==0)this.progressBar.classList.add("progress-hidden"),text="<span>"+FreeShippingMeter.freeShippingText+" "+Shopify.formatMoney(FreeShippingMeter.freeshipPrice*100,window.money_format)+"!</span>";else if(cartTotalPrice>=FreeShippingMeter.freeshipPrice)this.progressBar.classList.remove("progress-hidden"),this.freeShippingEligible=1,text=FreeShippingMeter.freeShippingText1;else{this.progressBar.classList.remove("progress-hidden");const remainingPrice=Math.abs(FreeShippingMeter.freeshipPrice-cartTotalPrice);text="<span>"+FreeShippingMeter.freeShippingText2+" </span>"+Shopify.formatMoney(remainingPrice*100,window.money_format)+"<span> "+FreeShippingMeter.freeShippingText3+' </span><span class="text">'+FreeShippingMeter.freeShippingText4+"</span>",this.shipVal=window.free_shipping_text.free_shipping_2}return text}getClassLabel(freeShipBar){let classLabel;return freeShipBar===0?classLabel="none":freeShipBar<=30?classLabel=FreeShippingMeter.classLabel1:freeShipBar<=60?classLabel=FreeShippingMeter.classLabel2:freeShipBar<100?classLabel=FreeShippingMeter.classLabel3:classLabel="progress-free",classLabel}resetProgressClass(classLabel){this.progressBar.classList.remove("progress-30"),this.progressBar.classList.remove("progress-60"),this.progressBar.classList.remove("progress-100"),this.progressBar.classList.remove("progress-free"),this.progressBar.classList.add(classLabel)}setProgressWidthAndText(freeShipBar,text,classLabel){setTimeout(()=>{if(this.resetProgressClass(classLabel),this.progressMeter.style.width=`${freeShipBar}%`,this.textEnabled){const textWrapper=this.progressMeter.querySelector(".text").innerHTML=`${freeShipBar.toFixed(2)}%`}this.messageElement.innerHTML=text,(window.show_multiple_currencies&&typeof Currency<"u"&&Currency.currentCurrency!=shopCurrency||window.show_auto_currency)&&Currency.convertAll(window.shop_currency,$("#currencies .active").attr("data-currency"),"span.money","money_format")},400)}}window.addEventListener("load",()=>{customElements.define("free-shipping-component",FreeShippingMeter)});
//# sourceMappingURL=/cdn/shop/t/2/assets/free-shipping-message.js.map?v=175559721316677642121721749076