https://swissbeauty.in/cdn/shop/t/62/assets/product-card-v2-zeFu8YtW.js

1class h extends HTMLElement{constructor(){var t,e,a;super(),this.slides=Array.from(this.querySelectorAll('[data-role="card-strip-slide"]')),this.counter=this.querySelector('[data-role="card-counter"]'),this.shadeToggler=Array.from(this.querySelectorAll('[data-role="shade-toggler"]')),this.shadeSelector=this.querySelector('[data-role="shade-selector"]'),this.addToCartBtns=Array.from(this.querySelectorAll('button[data-role="add-to-cart"]')),this.productId=this.dataset.product,this.shadeSelectorForm=this.querySelector('[data-role="shade-selector-form"]'),this.sliderStrips=[],this.shadeToggler.forEach(s=>s.addEventListener("click",this.setShadeSelectorVisibility.bind(this))),this.addToCartBtns.forEach(s=>{var r;return s.addEventListener("click",this.addProductToCart.bind(this,Number((r=this.querySelector('input[name="id"]'))==null?void 0:r.value)))}),(t=this.shadeSelectorForm)==null||t.addEventListener("change",this.handleShadeInputChange.bind(this)),(e=this.shadeRedirectBtn)==null||e.addEventListener("click",this.handleShadeRedirection.bind(this)),(a=this.shadeAtcButton)==null||a.addEventListener("click",this.handleAtcButton.bind(this))}connectedCallback(){new IntersectionObserver((e,a)=>{e.forEach(s=>{s.isIntersecting&&(a.unobserve(s.target),typeof window.KeenSlider<"u"?(this.initializeSliders(window.KeenSlider),this.counter&&this.initializeCounter()):document.addEventListener("custom:KeenLoaded",()=>{this.initializeSliders(window.KeenSlider),this.counter&&this.initializeCounter()},{once:!0}))})},{threshold:.25}).observe(this)}initializeCounter(){this.start_time=new Date(this.counter.dataset.startTime),this.looping_hours=Number(this.counter.dataset.loopTime),this.hour_block=this.counter.querySelector('[data-role="counter-hours"]'),this.minute_block=this.counter.querySelector('[data-role="counter-minutes"]'),this.second_block=this.counter.querySelector('[data-role="counter-seconds"]'),this.start_time&&this.counter&&this.runCounter.call(this)}initializeSliders(t){this.slides.forEach((e,a)=>{e.style.maxHeight=getComputedStyle(e).getPropertyValue("height"),e.classList.add("keen-slider"),Array.from(e.querySelectorAll('[data-role="card-slide"]')).forEach(s=>s.classList.add("keen-slider__slide_strip")),this[`strip-slide-${a}`]=new t(e,{loop:!0,selector:".keen-slider__slide_strip",drag:!1,defaultAnimation:{duration:1e3},slides:{origin:"center",perView:1,spacing:10},vertical:!0}),this.sliderStrips.push(this[`strip-slide-${a}`]),console.log(this[`strip-slide-${a}`])}),this.autoplay.call(this)}runCounter(){let t=this.start_time;const e=this.looping_hours;let a=new Date(this.start_time.getTime()+e*60*60*1e3),s=new Date;if(s.getTime()>a.getTime()){let r=s.getTime()-a.getTime(),i=Math.ceil(r/(1e3*3600*24));t=new Date(t.getTime()+i*24*60*60*1e3),a=new Date(t.getTime()+e*60*60*1e3)}setInterval(()=>{let r=new Date,i=a.getTime()-r.getTime(),o=Math.floor(i%(1e3*60*60*24)/(1e3*60*60)),n=Math.floor(i%(1e3*60*60)/(1e3*60)),d=Math.floor(i%(1e3*60)/1e3);this.hour_block&&(this.hour_block.innerHTML=`${o.toString().padStart(2,"0")} hr`),this.minute_block&&(this.minute_block.innerHTML=`${n.toString().padStart(2,"0")} min`),this.second_block&&(this.second_block.innerHTML=`${d.toString().padStart(2,"0")} sec`)},1e3)}autoplay(){this.interval&&clearInterval(this.interval),this.interval=setInterval(()=>{this.sliderStrips.forEach(t=>{t.next()})},2e3)}setShadeSelectorVisibility(){getComputedStyle(this.shadeSelector).getPropertyValue("display")=="none"?this.showShadeSelector.call(this):this.hideShadeSelector.call(this)}showShadeSelector(){dataLayer.push({event:window.custom_data_events.shades.events.shade_selector_click,productId:this.productId}),this.shadeAnimation&&this.shadeAnimation.cancel(),this.shadeSelector.style.display="block",this.shadeSelector.style.overflow="hidden",this.shadeAnimation=this.shadeSelector.animate({maxHeight:["0px","1000px"],opacity:[0,1]},{duration:400,easing:"ease-out"})}hideShadeSelector(){var t;this.shadeAnimation&&this.shadeAnimation.cancel(),this.shadeAnimation=(t=this.shadeSelector)==null?void 0:t.animate({maxHeight:["1000px","0px"],op

1acity:[1,0]},{duration:400,easing:"ease-out"}),this.shadeAnimation.onfinish=()=>this.shadeSelector.style.display=""}async addProductToCart(t){try{this.classList.add("loading");const a=await(await fetch(window.Shopify.routes.root+"cart/add.js",{method:"POST",headers:{"Content-type":"application/json"},body:JSON.stringify({items:[{id:t,quantity:1}],sections:"cart-drawer,"+window.miniCartId})})).json();if(a.status)throw new Error("Failed to add item in cart");const r=new DOMParser().parseFromString(a.sections["cart-drawer"],"text/html"),i=JSON.parse(r.querySelector('script[type="applicationId/json"][data-id="cart-data"]').innerHTML);document.dispatchEvent(new CustomEvent("custom:updateCart",{detail:{cart:i,data:a}})),this.closest("product-recommendation")&&dataLayer.push({event:window.custom_data_events.pdp_v2.events[18].name,variantId:t,parentProduct:this.closest("product-recommendation").dataset.productId}),dataLayer.push({event:window.custom_data_events.add_to_cart.events.success,variantId:t}),document.dispatchEvent(new CustomEvent("custom:alertDisplay",{detail:{ok:!0}}))}catch(e){document.dispatchEvent(new CustomEvent("custom:alertDisplay",{detail:{ok:!1}})),dataLayer.push({event:window.custom_data_events.add_to_cart.events.failure,variantId:t,theme:Shopify.theme.id}),console.log("Failed to add items in cart reason ==>",e)}finally{this.classList.remove("loading")}}handleShadeInputChange(){var s;let t=(s=this.shadeSelectorForm)==null?void 0:s.querySelector('input[name="id"]'),e=this.shadeInputs.find(r=>r.checked).value;t.value=e;let a=this.variantsData.find(r=>r.id==Number(e));this.updateAtcButton.call(this,a)}updateAtcButton(t){var a;let e=(a=this.shadeSelector)==null?void 0:a.querySelector('[data-role="atc-button"]');t.available?(e.removeAttribute("disabled"),e.innerHTML="Add to cart"):(e.setAttribute("disabled","disabled"),e.innerHTML="Sold out")}handleAtcButton(){var s;let e=((s=this.shadeSelectorForm)==null?void 0:s.querySelector('input[name="id"]')).value;this.variantsData.find(r=>r.id==Number(e)).available&&this.addProductToCart.call(this,Number(e))}handleShadeRedirection(){var a;let t=(a=this.shadeSelectorForm)==null?void 0:a.querySelector('input[name="id"]'),e=`${t.dataset.url.trim()}?variant=${t.value.trim()}`;window.location=e}}customElements.define("product-card",h);class u extends HTMLElement{constructor(){super()}connectedCallback(){this.initTimer.call(this)}initTimer(){this.start_time=new Date(this.dataset.startTime),this.looping_hours=Number(this.dataset.loopTime),this.hour_block=this.querySelector('[data-role="counter-hours"]'),this.minute_block=this.querySelector('[data-role="counter-minutes"]'),this.second_block=this.querySelector('[data-role="counter-seconds"]'),this.start_time&&this.runCounter.call(this)}runCounter(){let t=this.start_time;const e=this.looping_hours;let a=new Date(this.start_time.getTime()+e*60*60*1e3),s=new Date;if(s.getTime()>a.getTime()){let r=s.getTime()-a.getTime(),i=Math.ceil(r/(1e3*3600*24));t=new Date(t.getTime()+i*24*60*60*1e3),a=new Date(t.getTime()+e*60*60*1e3)}setInterval(()=>{let r=new Date,i=a.getTime()-r.getTime(),o=Math.floor(i%(1e3*60*60*24)/(1e3*60*60)),n=Math.floor(i%(1e3*60*60)/(1e3*60)),d=Math.floor(i%(1e3*60)/1e3);this.hour_block&&(this.hour_block.innerHTML=`${o.toString().padStart(2,"0")} hr`),this.minute_block&&(this.minute_block.innerHTML=`${n.toString().padStart(2,"0")} min`),this.second_block&&(this.second_block.innerHTML=`${d.toString().padStart(2,"0")} sec`)},1e3)}}customElements.define("countdown-timer",u);class p extends HTMLElement{constructor(){super(),this.productHandle=this.dataset.productHandle,this.addEventListener("click",this.appendShadeSelector.bind(this))}connectedCallback(){}async getShadeSelectorMarkup(){var i;const t=`/products/${this.productHandle}?view=shadeSelectorAjax`,a=await(await fetch(t)).text();return(i=new DOMParser().parseFromString(a,"text/html").querySelector("shade-selector"))==null?void 0:i.outerHTML}async checkSessionStorage(){let t=sessionStorage.getItem(`shade-selector-${this.productHandle}`);

1return t||(t=await this.getShadeSelectorMarkup.call(this),sessionStorage.setItem(`shade-selector-${this.productHandle}`,t)),t}async appendShadeSelector(t){t.preventDefault();try{this.classList.add("loading");const e=await this.checkSessionStorage.call(this);document.body.insertAdjacentHTML("beforeend",e),this.dataset.count?dataLayer.push({event:window.custom_data_events.shades.events.shade_selector_click,product_handle:this.productHandle}):dataLayer.push({event:window.custom_data_events.shade_selector.events.view_shade,product_handle:this.productHandle})}catch(e){console.log("Failed to get shade selector markup reason ==>",e)}finally{this.classList.remove("loading")}}}customElements.define("shadeselector-button",p);class m extends HTMLElement{constructor(){var t,e,a,s,r;super(),this.shadeWrapper=this.querySelector('[data-role="shade-popup"]'),this.shadeCloseBtn=this.querySelector('[data-role="shade-popup_close"]'),this.selectedVariantOptions=this.querySelector('input[name="id"]').dataset.option,this.heroImages=Array.from(this.querySelectorAll('[data-role="shade-image"]')),this.heroImagesWrapper=this.querySelector('[data-role="shade-images"]'),this.thumbSlides=Array.from(this.querySelectorAll('[data-role="thumb-slide"]')),this.thumbSlidesWrapper=this.querySelector('[data-role="shade-thumbnails"]'),this.swatchForm=this.querySelector('form[action="/cart/add"]'),this.variantsData=JSON.parse((t=this.querySelector('script[type="applicationId/json"][data-role="variants-data"]'))==null?void 0:t.innerHTML),this.optionsData=JSON.parse((e=this.querySelector('script[type="applicationId/json"][data-role="options-data"]'))==null?void 0:e.innerHTML),this.productHandle=this.querySelector('input[data-role="product-input"]').dataset.handle,this.swatchSelectors=Array.from(this.querySelectorAll('[data-role="shade_swatch_label"]')),this.swatchSelectorWrapper=this.querySelector('[data-role="shade-swatches_wrapper"]'),this.thumbPrevBtn=this.querySelector('[data-role="thumb-prev"]'),this.thumbNextBtn=this.querySelector('[data-role="thumb-next"]'),this.redirectionBtn=this.querySelector('[data-role="redirectionBtn"]'),(a=this.redirectionBtn)==null||a.addEventListener("click",i=>{var o,n;i.preventDefault(),dataLayer.push({event:window.custom_data_events.shade_selector.events.pdp_link,variant_id:(n=(o=this.redirectionBtn)==null?void 0:o.getAttribute("href"))==null?void 0:n.split("?variant=")[1]}),window.location=this.redirectionBtn.getAttribute("href")}),this.shadeCloseBtn.addEventListener("click",()=>{this.hideShadeSelector.call(this),dataLayer.push({event:window.custom_data_events.shade_selector.events.cross_clicked,product_handle:this.productHandle})}),(s=this.swatchForm)==null||s.addEventListener("change",this.handleInputChange.bind(this)),(r=this.swatchForm)==null||r.addEventListener("submit",this.handleFormSubmission.bind(this)),this.addEventListener("click",i=>{(i.target.closest('[data-role="shade-overlay"]')||i.target.dataset.role=="shade-overlay")&&(i.preventDefault(),this.hideShadeSelector.call(this))}),this.addEventListener("click",i=>{if(i.target.dataset.role=="notify-btn"||i.target.closest('[data-role="notify-btn"]')){i.preventDefault();const o=i.target.dataset.role=="notify-btn"?i.target:i.target.closest('[data-role="notify-btn"]');this.displayNotifyPopup.call(this,o.dataset.productData)}})}connectedCallback(){this.displayShadeSelector.call(this),this.initializeHeroSlider.call(this),this.sortSwatchLabel.call(this)}async displayNotifyPopup(t){var e;this.hideShadeSelector.call(this),dataLayer.push({event:window.custom_data_events.shade_selector.events.notify_clicked,variant_id:Array.from((e=this.swatchForm)==null?void 0:e.querySelectorAll('input[data-role="shade-input"]')).find(a=>a.checked).value})}sortSwatchLabel(){var a;const t=this.swatchSelectors.sort((s,r)=>Number(r.dataset.sale)-Number(s.dataset.sale)),e=[...t.filter(s=>s.dataset.available=="true"),...t.filter(s=>s.dataset.available=="false")];e.forEach((s,r)=>{s.dataset.available=="true"&&r==0?s.classList.add("bestseller"):s.dataset.available=="true"&&r==1&&s.classList.add("trending")}),this.swatchSelectorWrapper.innerHTML=e.map(s=>s.outerHTML).join(""),this.swatchSelectorWrapper.querySelector("input").checked=!0,(a=this.swatchSelectorWrapper.querySelector("input"))==null||a.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}initializeHeroSlider(){let t=this.heroImages.filter(a=>a.dataset.group==this.selectedVariantOptions),e=this.thumbSlides.filter(a=>a.dataset.group==this.selectedVariantOptions);t.length>0&&(this.heroImagesWrapper.style.gap=this.thumbSlidesWrapper.style.gap="0px",this.heroImagesWrapper.style.overflow=this.thumbSlidesWrapper.style.overflow="hidden",this.heroImages.forEac

1h(a=>{t.indexOf(a)!=-1?(a.classList.add("keen-slider__slide"),a.style.display="block"):(a.classList.remove("keen-slider__slide"),a.style.display="none")}),this.thumbSlides.forEach(a=>{e.indexOf(a)!=-1?(a.classList.add("thumb-slider__slide"),a.style.display="block"):(a.classList.remove("thumb-slider__slide"),a.style.display="none")}),this.thumbSlides.filter(a=>a.style.display!="none").forEach((a,s)=>{s==0&&a.classList.add("active")})),this.heroSlider=new window.KeenSlider(this.heroImagesWrapper,{selector:".keen-slider__slide",slides:{perView:1.8,spacing:8},breakpoints:{"(min-width:768px)":{slides:{perView:1,spacing:0}}}}),this.thumbSlider=new window.KeenSlider(this.thumbSlidesWrapper,{selector:".thumb-slider__slide",slides:{perView:4,spacing:16}}),this.thumbSlider.on("optionsChanged",()=>{console.log(this.thumbSlider,"slider was created here")}),this.syncSliderArrows.call(this),this.syncSliders.call(this)}syncSliders(){this.heroSlider.on("slideChanged",()=>{const t=this.heroSlider.track.details.rel;this.thumbSlider.moveToIdx(t),this.thumbSlider.slides.forEach((e,a)=>{a==t?e.classList.add("active"):e.classList.remove("active")})})}syncSliderArrows(){var t,e;(t=this.thumbPrevBtn)==null||t.addEventListener("click",this.heroSlider.prev),(e=this.thumbNextBtn)==null||e.addEventListener("click",this.heroSlider.next),this.heroSlider.on("slideChanged",()=>{var r,i,o,n,d,l;const a=this.heroSlider.track.details.rel,s=this.heroSlider.track.details.slides;a==s.length-1?((r=this.thumbNextBtn)==null||r.classList.add("disabled"),(i=this.thumbPrevBtn)==null||i.classList.remove("disabled")):a==0?((o=this.thumbPrevBtn)==null||o.classList.add("disabled"),(n=this.thumbNextBtn)==null||n.classList.remove("disabled")):((d=this.thumbNextBtn)==null||d.classList.remove("disabled"),(l=this.thumbPrevBtn)==null||l.classList.remove("disabled"))})}displayShadeSelector(){this.animation&&this.animation.cancel(),this.style.overflow="hidden",this.style.display="block",document.body.classList.add("shade-no-scroll"),document.querySelector("#whatsapp_chat_widget")&&(document.querySelector("#whatsapp_chat_widget").style.display="none"),this.animation=this.shadeWrapper.animate({maxHeight:["0px","1000px"]},{easing:"ease-in-out",duration:400})}hideShadeSelector(){var t;this.animation&&this.animation.cancel(),this.animation=(t=this.shadeWrapper)==null?void 0:t.animate({maxHeight:["1000px","0px"]},{easing:"ease-in-out",duration:400}),this.animation.onfinish=()=>{document.body.removeChild(this),document.body.classList.remove("shade-no-scroll"),document.querySelector("#whatsapp_chat_widget")&&(document.querySelector("#whatsapp_chat_widget").style.display="")},dataLayer.push({event:window.custom_data_events.shade_selector.events.close_shade,product_handle:this.productHandle})}handleInputChange(t){var o,n;t.preventDefault();const a=Array.from((o=this.swatchForm)==null?void 0:o.querySelectorAll('input[data-role="shade-input"]')).find(d=>d.checked).value,s=this.variantsData.find(d=>d.id==a),i=this.optionsData.find(d=>s.options.every(l=>d.values.indexOf(l)!=-1)).name.toLowerCase();this.selectedVariantOptions=`${i}_${s.options.join("-").toLowerCase().replaceAll(" ","-").replaceAll("'","-")}`,this.initializeHeroSlider.call(this),this.updateInfo.call(this,s.id),(n=this.querySelector('[data-role="redirectionBtn"]'))==null||n.setAttribute("href",`/products/${this.productHandle}?variant=${s.id}`),this.swatchForm.querySelector('input[name="id"]').value=s.id,dataLayer.push({event:window.custom_data_events.shade_selector.events.variant_changed,variant_id:s.id})}handleFormSubmission(t){t.preventDefault();const e=this.variantsData.find(a=>{var s;return a.id==((s=this.swatchForm)==null?void 0:s.querySelector('input[name="id"]').value)});e.available&&this.addProductToCart.call(this,e.id)}async addProductToCart(t){try{this.classList.add("loading");const a=await(await fetch(window.Shopify.routes.root+"cart/add.js",{method:"POST",headers:{"Content-type":"application/json"},body:JSON.stringify({items:[{id:t,quantity:1}],sections:"cart-drawer,"+window.miniCartId})})).json();if(a.status)throw new Error("Failed to add item in cart");const r=new DOMParser().parseFromString(a.sections["cart-drawer"],"text/html"),i=JSON.parse(r.querySelector('script[type="applicationId/json"][data-id="cart-data"]').innerHTML);document.dispatchEvent(new CustomEvent("custom:updateCart",{detail:{cart:i,data:a}})),dataLayer.push({event:window.custom_data_events.add_to_cart.events.success,variantId:t}),dataLayer.push({event:window.custom_data_events.shade_selector.events.atc_success,variantId:t}),document.dispatchEvent(new CustomEvent("custom:alertDisplay",{detail:{ok:!0}}))}catch(e){document.dispatchEvent(new CustomEvent("custom:alertDisplay",{detail:{ok:!1}})),dataLayer.push({event:window.custom_data_events.add_to_cart.events.failure,variantId:t}),dataLayer.push({event:window.custom_data_events.shade_selector.events.atc_failure,variantId:t}),console.log("Failed to add items in cart reason ==>",e)}finally{this.classList.remove("loading"),this.hideShadeSelector.call(this)}}async getMarkup(t){try{const e=`/products/${this.productHandle}?variant=${t}

1&view=shadeSelectorAjax`,s=await(await fetch(e)).text();return new DOMParser().parseFromString(s,"text/html").querySelector("shade-selector")}catch(e){console.log("failed to get markup reason ==>",e)}}async updateInfo(t){try{const e=await this.getMarkup.call(this,t);this.updatePrice.call(this,e),this.updateActionButton.call(this,e),this.updateOptionTitle.call(this,e)}catch(e){console.log("failed to update info reason ==>",e)}}updatePrice(t){const e=t.querySelector('[data-role="price"]');this.querySelector('[data-role="price"]').innerHTML=e.innerHTML}updateActionButton(t){const e=t.querySelector('[data-role="action-buttons"]');this.querySelector('[data-role="action-buttons"]').innerHTML=e.innerHTML}updateOptionTitle(t){const e=t.querySelector('[data-role="option-title"]');this.querySelector('[data-role="option-title"]').innerHTML=e.innerHTML}}customElements.define("shade-selector",m);